/* ULTRAKIT DUAL BUTTON (rebuilt) — selectors are prefixed to beat `.elementor a` */

.ultrakit-dbt-wrapper { --dbt-gap: 16px; --px: 28px; --py: 14px; --fs: 15px; --rad: 999px; display: flex; justify-content: center; width: 100%; box-sizing: border-box; font-family: inherit; }
.ultrakit-dbt-wrapper *, .ultrakit-dbt-wrapper *::before, .ultrakit-dbt-wrapper *::after { box-sizing: border-box; }
.ultrakit-dbt-group { display: inline-flex; align-items: center; gap: var(--dbt-gap); flex-wrap: nowrap; max-width: 100%; }
.ukdbt-sz-xs { --px: 16px; --py: 8px; --fs: 12px; } .ukdbt-sz-sm { --px: 20px; --py: 10px; --fs: 13.5px; } .ukdbt-sz-md { --px: 28px; --py: 14px; --fs: 15px; } .ukdbt-sz-lg { --px: 36px; --py: 18px; --fs: 17px; } .ukdbt-sz-xl { --px: 46px; --py: 23px; --fs: 20px; }
.ukdbt-sh-square { --rad: 0; } .ukdbt-sh-rounded { --rad: 12px; } .ukdbt-sh-pill { --rad: 999px; } .ukdbt-sh-leaf { --rad: 22px 4px 22px 4px; } .ukdbt-sh-slant { --rad: 6px; }
.ukdbt-sh-slant .ukdbt-btn { clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%); }


.ultrakit-dbt-wrapper .ukdbt-btn { --bc: #6c5ce7; --bc2: #a29bfe; --fg: var(--btx, #ffffff); --wipe: var(--bc2); --wipe-tx: var(--fg); position: relative; display: inline-flex; align-items: center; justify-content: center; padding: var(--py) var(--px); border-radius: var(--rad); background: transparent; color: var(--fg) !important; font-family: inherit; font-size: var(--fs); font-weight: 700; line-height: 1.2; text-decoration: none !important; cursor: pointer; overflow: hidden; isolation: isolate; border: 2px solid transparent; transition: transform 0.35s cubic-bezier(.22,.9,.3,1), box-shadow 0.35s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, letter-spacing 0.3s ease; -webkit-tap-highlight-color: transparent; white-space: nowrap; }
.ultrakit-dbt-wrapper .ukdbt-bg { position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--wipe); transform: scaleX(0); transform-origin: left center; transition: transform 0.45s cubic-bezier(.77,0,.18,1); pointer-events: none; }
.ultrakit-dbt-wrapper .ukdbt-in { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 0.6em; }
.ultrakit-dbt-wrapper .ukdbt-text { display: inline-flex; flex-direction: column; align-items: center; line-height: 1.15; } .ultrakit-dbt-wrapper .ukdbt-sub { display: block; margin-top: 2px; font-size: 0.72em; font-weight: 600; opacity: 0.8; }
.ultrakit-dbt-wrapper .ukdbt-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.35s cubic-bezier(.22,.9,.3,1); line-height: 1; }
.ultrakit-dbt-wrapper .ukdbt-icon i, .ultrakit-dbt-wrapper .ukdbt-icon svg { width: 1.05em; height: 1.05em; font-size: 1.05em; display: block; flex-shrink: 0; fill: currentColor; }
.ultrakit-dbt-wrapper .ukdbt-btn.is-iconright .ukdbt-in { flex-direction: row; }
.ultrakit-dbt-wrapper .ukdbt-btn.is-icononly { padding: var(--py); aspect-ratio: 1; }
.ultrakit-dbt-wrapper .ukdbt-btn.is-icononly .ukdbt-icon i, .ultrakit-dbt-wrapper .ukdbt-btn.is-icononly .ukdbt-icon svg { width: 1.3em; height: 1.3em; font-size: 1.3em; }
.ukdbt-iccircle .ukdbt-icon { width: 2em; height: 2em; margin: -0.3em -0.4em; border-radius: 50%; background: color-mix(in srgb, currentColor 18%, transparent); }
.ukdbt-shadow .ukdbt-st-solid, .ukdbt-shadow .ukdbt-st-gradient, .ukdbt-shadow .ukdbt-st-dark, .ukdbt-shadow .ukdbt-st-shine { box-shadow: 0 12px 26px color-mix(in srgb, var(--bc) 32%, transparent); }


.ultrakit-dbt-wrapper .ukdbt-st-solid { background-color: var(--bc); --wipe: var(--bc2); }
.ultrakit-dbt-wrapper .ukdbt-st-gradient { background: linear-gradient(135deg, var(--bc), var(--bc2)); --wipe: color-mix(in srgb, var(--bc2) 70%, #000000); }
.ultrakit-dbt-wrapper .ukdbt-st-outline { --fg: var(--btx, var(--bc)); border-color: var(--bc); --wipe: var(--bc); --wipe-tx: #ffffff; }
.ultrakit-dbt-wrapper .ukdbt-st-soft { --fg: var(--btx, var(--bc)); background-color: color-mix(in srgb, var(--bc) 14%, transparent); --wipe: var(--bc); --wipe-tx: #ffffff; }
.ultrakit-dbt-wrapper .ukdbt-st-ghost { --fg: var(--btx, var(--bc)); --wipe: color-mix(in srgb, var(--bc) 12%, transparent); --wipe-tx: var(--fg); }
.ultrakit-dbt-wrapper .ukdbt-st-glass { --fg: var(--btx, var(--bc)); background: color-mix(in srgb, var(--bc) 10%, rgba(255,255,255,0.35)); border-color: color-mix(in srgb, var(--bc) 30%, rgba(255,255,255,0.6)); -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); --wipe: color-mix(in srgb, var(--bc) 18%, transparent); --wipe-tx: var(--fg); }
.ultrakit-dbt-wrapper .ukdbt-st-dark { background-color: #14142b; --wipe: var(--bc); }
.ultrakit-dbt-wrapper .ukdbt-st-threed { background-color: var(--bc); box-shadow: 0 6px 0 color-mix(in srgb, var(--bc) 55%, #000000); margin-bottom: 6px; --wipe: transparent; }
.ultrakit-dbt-wrapper .ukdbt-st-threed:hover { transform: translateY(3px); box-shadow: 0 3px 0 color-mix(in srgb, var(--bc) 55%, #000000); }
.ultrakit-dbt-wrapper .ukdbt-st-threed:active { transform: translateY(6px); box-shadow: 0 0 0 color-mix(in srgb, var(--bc) 55%, #000000); }
.ultrakit-dbt-wrapper .ukdbt-st-neon { --fg: var(--btx, var(--bc)); border-color: var(--bc); background: transparent; box-shadow: 0 0 10px color-mix(in srgb, var(--bc) 70%, transparent), inset 0 0 10px color-mix(in srgb, var(--bc) 25%, transparent); text-shadow: 0 0 8px color-mix(in srgb, var(--bc) 80%, transparent); --wipe: var(--bc); --wipe-tx: #0b0b1e; }
.ultrakit-dbt-wrapper .ukdbt-st-neon:hover { box-shadow: 0 0 18px var(--bc), 0 0 40px color-mix(in srgb, var(--bc) 70%, transparent), inset 0 0 14px color-mix(in srgb, var(--bc) 40%, transparent); }
.ultrakit-dbt-wrapper .ukdbt-st-brutal { --fg: var(--btx, #111111); background-color: var(--bc2); border: 3px solid #111111; border-radius: var(--rad); box-shadow: 5px 5px 0 #111111; --wipe: var(--bc); }
.ultrakit-dbt-wrapper .ukdbt-st-brutal:hover { transform: translate(3px, 3px); box-shadow: 2px 2px 0 #111111; }
.ultrakit-dbt-wrapper .ukdbt-st-border-flow { --fg: var(--btx, #1a1a2e); background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, var(--bc), var(--bc2), var(--bc)) border-box; background-size: 100% 100%, 300% 100%; border: 2.5px solid transparent; animation: ukDbtFlow 4s linear infinite; --wipe: color-mix(in srgb, var(--bc) 10%, transparent); --wipe-tx: var(--fg); }
@keyframes ukDbtFlow { to { background-position: 0 0, -300% 0; } }
.ultrakit-dbt-wrapper .ukdbt-st-shine { background: linear-gradient(135deg, var(--bc), var(--bc2)); --wipe: transparent; }
.ultrakit-dbt-wrapper .ukdbt-st-shine::after { content: ""; position: absolute; top: 0; bottom: 0; left: -80%; width: 50%; z-index: 1; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent); transform: skewX(-20deg); animation: ukDbtShine 3.2s ease-in-out infinite; pointer-events: none; }
@keyframes ukDbtShine { 0% { left: -80%; } 45%, 100% { left: 140%; } }
.ultrakit-dbt-wrapper .ukdbt-st-split-icon { padding: 0; background-color: var(--bc); --wipe: transparent; }
.ultrakit-dbt-wrapper .ukdbt-st-split-icon .ukdbt-in { gap: 0; }
.ultrakit-dbt-wrapper .ukdbt-st-split-icon .ukdbt-text { padding: var(--py) var(--px); }
.ultrakit-dbt-wrapper .ukdbt-st-split-icon .ukdbt-icon { align-self: stretch; padding: 0 1.1em; background: color-mix(in srgb, var(--bc2) 88%, #000000); }
.ultrakit-dbt-wrapper .ukdbt-st-split-icon .ukdbt-icon i, .ultrakit-dbt-wrapper .ukdbt-st-split-icon .ukdbt-icon svg { width: 1.2em; height: 1.2em; }
.ultrakit-dbt-wrapper .ukdbt-st-link { --fg: var(--btx, var(--bc)); padding: 0.4em 0; border: 0; border-radius: 0; overflow: visible; background: transparent; --wipe: transparent; clip-path: none; }
.ultrakit-dbt-wrapper .ukdbt-st-link .ukdbt-in::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: currentColor; transform: scaleX(0.35); transform-origin: left; transition: transform 0.4s cubic-bezier(.77,0,.18,1); }
.ultrakit-dbt-wrapper .ukdbt-st-link:hover .ukdbt-in::after { transform: scaleX(1); }
.ultrakit-dbt-wrapper .ukdbt-st-link .ukdbt-icon { transition: transform 0.35s ease; } .ultrakit-dbt-wrapper .ukdbt-st-link:hover .ukdbt-icon { transform: translateX(6px); }


.ultrakit-dbt-wrapper .ukdbt-hv-lift:hover { transform: translateY(-5px); box-shadow: 0 16px 34px color-mix(in srgb, var(--bc) 35%, transparent); }
.ultrakit-dbt-wrapper .ukdbt-hv-grow:hover { transform: scale(1.07); }
.ultrakit-dbt-wrapper .ukdbt-hv-press:hover { transform: translateY(2px) scale(0.97); }
.ultrakit-dbt-wrapper .ukdbt-hv-wipe-left:hover .ukdbt-bg, .ultrakit-dbt-wrapper .ukdbt-hv-wipe-up:hover .ukdbt-bg, .ultrakit-dbt-wrapper .ukdbt-hv-wipe-center:hover .ukdbt-bg { transform: none; }
.ultrakit-dbt-wrapper .ukdbt-hv-wipe-left:hover, .ultrakit-dbt-wrapper .ukdbt-hv-wipe-up:hover, .ultrakit-dbt-wrapper .ukdbt-hv-wipe-center:hover { color: var(--wipe-tx) !important; }
.ultrakit-dbt-wrapper .ukdbt-hv-wipe-up .ukdbt-bg { transform: scaleY(0); transform-origin: center bottom; } .ultrakit-dbt-wrapper .ukdbt-hv-wipe-center .ukdbt-bg { transform: scale(0); transform-origin: center; border-radius: 50%; }
.ultrakit-dbt-wrapper .ukdbt-hv-wipe-center:hover .ukdbt-bg { border-radius: inherit; transform: scale(1.4); }
.ultrakit-dbt-wrapper .ukdbt-hv-sweep::before { content: ""; position: absolute; top: 0; bottom: 0; left: -70%; width: 45%; z-index: 1; background: linear-gradient(100deg, transparent, rgba(255,255,255,0.45), transparent); transform: skewX(-20deg); transition: left 0.7s ease; pointer-events: none; }
.ultrakit-dbt-wrapper .ukdbt-hv-sweep:hover::before { left: 130%; }
.ultrakit-dbt-wrapper .ukdbt-hv-icon-slide:hover .ukdbt-icon { transform: translateX(6px); } .ultrakit-dbt-wrapper .ukdbt-hv-icon-slide:not(.is-iconright):hover .ukdbt-icon { transform: translateX(-4px) scale(1.15); }
.ultrakit-dbt-wrapper .ukdbt-hv-icon-spin:hover .ukdbt-icon { transform: rotate(360deg); transition-duration: 0.7s; }
.ultrakit-dbt-wrapper .ukdbt-hv-pulse { overflow: visible; } .ultrakit-dbt-wrapper .ukdbt-hv-pulse:hover { animation: ukDbtPulse 1.1s infinite; }
@keyframes ukDbtPulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--bc) 55%, transparent); } 100% { box-shadow: 0 0 0 16px transparent; } }
.ultrakit-dbt-wrapper .ukdbt-hv-glow:hover { box-shadow: 0 0 0 5px color-mix(in srgb, var(--bc) 22%, transparent), 0 14px 40px color-mix(in srgb, var(--bc) 55%, transparent); }
.ultrakit-dbt-wrapper .ukdbt-hv-bounce:hover { animation: ukDbtBounce 0.6s ease; }
@keyframes ukDbtBounce { 0%, 100% { transform: translateY(0); } 30% { transform: translateY(-9px); } 55% { transform: translateY(0); } 75% { transform: translateY(-4px); } }
.ultrakit-dbt-wrapper .ukdbt-hv-spread:hover .ukdbt-label { letter-spacing: 0.1em; }
.ultrakit-dbt-wrapper .ukdbt-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--bc) 50%, transparent); outline-offset: 3px; }


.ultrakit-dbt-wrapper .ukdbt-ripple { position: absolute; z-index: 1; border-radius: 50%; background: rgba(255,255,255,0.5); transform: translate(-50%, -50%) scale(0); animation: ukDbtRip 0.65s ease-out forwards; pointer-events: none; }
@keyframes ukDbtRip { to { transform: translate(-50%, -50%) scale(1); opacity: 0; } }


.ukdbt-lay-stack .ultrakit-dbt-group { flex-direction: column; align-items: stretch; }
.ukdbt-lay-full .ultrakit-dbt-group { width: 100%; } .ukdbt-lay-full .ukdbt-btn { flex: 1 1 0; }
.ukdbt-lay-joined .ultrakit-dbt-group { gap: 0; } .ukdbt-lay-joined .ukdbt-a { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ukdbt-lay-joined .ukdbt-b { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -2px; }
.ukdbt-lay-joined.ukdbt-sh-pill .ukdbt-a { border-radius: 999px 0 0 999px; } .ukdbt-lay-joined.ukdbt-sh-pill .ukdbt-b { border-radius: 0 999px 999px 0; }
.ukdbt-lay-joined.ukdbt-lay-joined .ukdbt-a, .ukdbt-lay-joined .ukdbt-b { box-shadow: none; }


.ultrakit-dbt-wrapper .ukdbt-conn { position: relative; z-index: 4; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 34px; height: 34px; margin: 0 calc(var(--dbt-gap) * -0.5 - 6px); padding: 0 9px; border-radius: 40px; background: var(--cbg); color: var(--ctc); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; box-shadow: 0 6px 18px rgba(20,20,50,0.18); pointer-events: none; }
.ultrakit-dbt-wrapper .ukdbt-cn-plus { font-size: 18px; letter-spacing: 0; padding: 0; width: 34px; } .ultrakit-dbt-wrapper .ukdbt-cn-arrow { padding: 0; width: 34px; } .ultrakit-dbt-wrapper .ukdbt-conn svg { flex-shrink: 0; }
.ultrakit-dbt-wrapper .ukdbt-cn-dot { min-width: 10px; width: 10px; height: 10px; padding: 0; margin: 0 calc(var(--dbt-gap) * -0.5 - 3px); box-shadow: none; background: color-mix(in srgb, var(--ctc) 45%, transparent); }
.ultrakit-dbt-wrapper .ukdbt-cn-line { min-width: 2px; width: 2px; height: 30px; padding: 0; border-radius: 2px; box-shadow: none; background: color-mix(in srgb, var(--ctc) 30%, transparent); margin: 0; }
.ultrakit-dbt-wrapper .ukdbt-cn-text { border-radius: 8px; background: transparent; box-shadow: none; text-transform: none; font-size: 14px; color: var(--ctc); margin: 0; min-width: 0; padding: 0 4px; }
.ukdbt-lay-stack .ukdbt-conn { margin: calc(var(--dbt-gap) * -0.5 - 6px) 0; align-self: center; } .ukdbt-lay-stack .ukdbt-cn-line { width: 30px; height: 2px; margin: 0; }
.ukdbt-lay-joined .ukdbt-conn { margin: 0 -17px; }


@media (max-width: 640px) {
	.ukdbt-stackm .ultrakit-dbt-group { flex-direction: column; align-items: stretch; } .ukdbt-stackm .ukdbt-conn { margin: calc(var(--dbt-gap) * -0.5 - 6px) 0; align-self: center; } .ukdbt-stackm .ukdbt-cn-line { width: 30px; height: 2px; }
	.ukdbt-fullm .ultrakit-dbt-group { width: 100%; } .ukdbt-fullm .ukdbt-btn { width: 100%; } .ukdbt-fullm.ukdbt-lay-joined .ultrakit-dbt-group { flex-direction: row; } .ukdbt-fullm.ukdbt-lay-joined .ukdbt-btn { flex: 1; }
	.ukdbt-lay-joined.ukdbt-stackm .ultrakit-dbt-group { flex-direction: row; }
	.ultrakit-dbt-wrapper .ukdbt-btn { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { .ultrakit-dbt-wrapper .ukdbt-st-border-flow, .ultrakit-dbt-wrapper .ukdbt-st-shine::after { animation: none; } }

/* =====================================================
   PREMIUM ADDITIONS — aurora / spotlight / knob styles,
   roll & tilt hovers, dock layout, badge, note, burst,
   built-in icons, sticky mobile bar
   ===================================================== */
.ultrakit-dbt-wrapper { flex-wrap: wrap; }
.ultrakit-dbt-wrapper .ukdbt-ico svg { fill: none; }
.ultrakit-dbt-wrapper .ukdbt-ico svg [fill="currentColor"] { fill: currentColor; }

/* aurora */
.ultrakit-dbt-wrapper .ukdbt-st-aurora { --fg: var(--btx, #ffffff); --wipe: transparent; background: radial-gradient(at 18% 25%, var(--bc) 0, transparent 55%), radial-gradient(at 82% 30%, var(--bc2) 0, transparent 55%), radial-gradient(at 50% 100%, #fd79a8 0, transparent 60%), #14142b; background-size: 220% 220%; animation: ukDbtAurora 7s ease-in-out infinite; box-shadow: 0 16px 34px -12px color-mix(in srgb, var(--bc) 65%, transparent), inset 0 0 0 1px rgba(255, 255, 255, .18); }
@keyframes ukDbtAurora { 0%, 100% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } }
/* spotlight */
.ultrakit-dbt-wrapper .ukdbt-st-spotlight { --fg: var(--btx, #ffffff); --wipe: transparent; background: radial-gradient(circle 90px at var(--mx, 50%) var(--my, 50%), color-mix(in srgb, var(--bc) 85%, transparent), transparent 100%), #14142b; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 14px 28px -14px rgba(0, 0, 0, .6); transition: box-shadow .3s, transform .35s cubic-bezier(.22, .9, .3, 1); }
.ultrakit-dbt-wrapper .ukdbt-st-spotlight:hover { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bc) 70%, #fff), 0 18px 34px -14px color-mix(in srgb, var(--bc) 60%, transparent); }
/* knob */
.ultrakit-dbt-wrapper .ukdbt-st-knob { --wipe: transparent; background-color: var(--bc); padding: 6px 6px 6px calc(var(--px) * .95); }
.ultrakit-dbt-wrapper .ukdbt-st-knob .ukdbt-in { gap: calc(var(--px) * .55); }
.ukdbt-knob { flex: 0 0 auto; width: calc(var(--fs) * 2.5); height: calc(var(--fs) * 2.5); border-radius: 50%; background: #fff; color: var(--bc); display: inline-flex; align-items: center; justify-content: center; transition: transform .45s cubic-bezier(.22, .9, .3, 1), background .3s, color .3s; }
.ukdbt-knob svg { width: 46%; height: 46%; display: block; }
.ultrakit-dbt-wrapper .ukdbt-st-knob:hover .ukdbt-knob { transform: rotate(-45deg) scale(1.08); background: var(--bc2); color: #fff; }
.ukdbt-shadow .ukdbt-st-knob { box-shadow: 0 14px 28px -12px color-mix(in srgb, var(--bc) 60%, transparent); }

/* roll hover */
.ultrakit-dbt-wrapper .ukdbt-hv-roll .ukdbt-text { overflow: hidden; height: 1.25em; justify-content: flex-start; }
.ultrakit-dbt-wrapper .ukdbt-hv-roll.has-sub .ukdbt-text { height: auto; overflow: visible; }
.ultrakit-dbt-wrapper .ukdbt-hv-roll .ukdbt-label { display: block; position: relative; transition: transform .45s cubic-bezier(.22, .9, .3, 1); line-height: 1.25; }
.ultrakit-dbt-wrapper .ukdbt-hv-roll .ukdbt-label::after { content: attr(data-text); position: absolute; left: 0; top: 100%; width: 100%; text-align: center; }
.ultrakit-dbt-wrapper .ukdbt-hv-roll:hover .ukdbt-label { transform: translateY(-100%); }
/* tilt hover */
.ultrakit-dbt-wrapper .ukdbt-hv-tilt { transform-style: preserve-3d; will-change: transform; transition: transform .2s ease-out, box-shadow .3s; }

/* dock layout */
.ukdbt-lay-dock .ultrakit-dbt-group { padding: 7px; border-radius: 999px; background: color-mix(in srgb, #14142b 6%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, #14142b 7%, transparent); gap: 6px; }
.ukdbt-lay-dock .ukdbt-btn { --rad: 999px; }

/* badge */
.ukdbt-badge { font-style: normal; font-size: .68em; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: .28em .7em; border-radius: 20px; background: #fff; color: var(--bc); line-height: 1.2; box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .35); }
.ultrakit-dbt-wrapper .ukdbt-st-outline .ukdbt-badge, .ultrakit-dbt-wrapper .ukdbt-st-soft .ukdbt-badge, .ultrakit-dbt-wrapper .ukdbt-st-ghost .ukdbt-badge, .ultrakit-dbt-wrapper .ukdbt-st-link .ukdbt-badge, .ultrakit-dbt-wrapper .ukdbt-st-glass .ukdbt-badge { background: var(--bc); color: #fff; }

/* note */
.ukdbt-note { flex: 0 0 100%; display: flex; justify-content: var(--dbt-jc, center); align-items: center; gap: 8px; margin-top: 14px; font-size: 13.5px; font-weight: 600; color: #6b6b85; }
.ukdbt-note svg { color: #00a383; flex-shrink: 0; }

/* confetti */
.ukdbt-confetti { position: fixed; z-index: 99999; width: 8px; height: 8px; border-radius: 2px; pointer-events: none; }

/* sticky mobile bar */
.ukdbt-sticky { position: fixed; z-index: 9990; left: 0; right: 0; bottom: 0; display: none; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(16, 16, 36, .9); -webkit-backdrop-filter: blur(16px) saturate(1.6); backdrop-filter: blur(16px) saturate(1.6); box-shadow: 0 -12px 30px -12px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .1); transform: translateY(110%); transition: transform .4s cubic-bezier(.22, .9, .3, 1); }
.ukdbt-sticky.is-on { transform: none; }
.ukdbt-sticky .ukdbt-note, .ukdbt-sticky .ukdbt-conn { display: none; }
.ukdbt-sticky .ultrakit-dbt-wrapper { --py: 12px; --fs: 14px; }
.ukdbt-sticky .ultrakit-dbt-group { width: 100%; }
.ukdbt-sticky .ukdbt-btn { flex: 1 1 0; }
@media (max-width: 767px) { .ukdbt-sticky { display: block; } }
@media (prefers-reduced-motion: reduce) { .ultrakit-dbt-wrapper .ukdbt-st-aurora { animation: none; } .ukdbt-sticky { transition: none; } }
.ukdbt-sticky .ultrakit-dbt-group { flex-direction: row !important; align-items: center !important; gap: 10px; }
.ukdbt-sticky .ukdbt-btn { width: auto !important; flex: 1 1 0; min-width: 0; padding-left: 12px; padding-right: 12px; }
.ukdbt-sticky .ukdbt-badge { display: none; }