.ui-anim-btn-wrap{width:100%;display:block}.ui-anim-btn-wrap.is-inline{flex:9.25rem;width:auto;min-width:0;display:flex}.ui-anim-btn{--padding:4px;--radius:14px;--transition:.4s;--highlight:var(--primary,#4ec8ea);--highlight-mid:var(--brand-mid,#8b3db8);--highlight-to:var(--brand-to,#f472b6);--highlight-50:color-mix(in oklab, var(--highlight) 50%, transparent);--highlight-30:color-mix(in oklab, var(--highlight) 30%, transparent);--highlight-20:color-mix(in oklab, var(--highlight) 20%, transparent);--highlight-80:color-mix(in oklab, var(--highlight) 80%, transparent);--ui-anim-svg-fill:color-mix(in oklab, white 72%, var(--highlight));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);background:color-mix(in oklab, var(--surface,#12101a) 88%, black);width:100%;min-height:2.5rem;color:var(--foreground,#f3eef8);transition:box-shadow var(--transition), border-color var(--transition), background-color var(--transition);border:1px solid #ffffff1f;border:1px solid lab(100% -.0000298023 .0000119209/.12);justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 2px 2px #ffffff1a,inset 0 4px 4px #ffffff0f,0 -1px 1px #0000000a,0 -4px 8px #00000014}.ui-anim-btn:before{content:"";top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding) * 2);border-radius:calc(var(--radius) + var(--padding));pointer-events:none;background-image:linear-gradient(125deg, color-mix(in oklab, var(--highlight) 35%, #000), color-mix(in oklab, var(--highlight-mid) 40%, #000), color-mix(in oklab, var(--highlight-to) 35%, #000));z-index:-1;transition:box-shadow var(--transition), filter var(--transition), opacity var(--transition);opacity:.85;position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #ffffff1f,-1px -1px 1px #0003}.ui-anim-btn:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(180deg, #ffffff8c, var(--highlight), var(--highlight-mid), transparent 55%);opacity:0;transition:opacity var(--transition), filter var(--transition);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.ui-anim-btn:after{background-image:linear-gradient(180deg, lab(100% -.0000298023 .0000119209/.55), var(--highlight), var(--highlight-mid), transparent 55%)}}.ui-anim-btn-svg{width:1.25rem;height:1.25rem;fill:var(--ui-anim-svg-fill);filter:drop-shadow(0 0 2px color-mix(in oklab, var(--highlight) 55%, transparent));transition:fill var(--transition), stroke var(--transition), filter var(--transition), opacity var(--transition);flex-shrink:0;margin-right:.5rem;animation:none}.ui-anim-btn-svg.is-stroke{fill:none;stroke:var(--ui-anim-svg-fill);stroke-width:1.8px}.ui-anim-txt-wrapper{letter-spacing:.02em;justify-content:center;align-items:center;min-width:9.5em;min-height:1.25em;font-size:.75rem;font-weight:600;display:flex;position:relative}.ui-anim-btn-wrap.is-inline .ui-anim-txt-wrapper{min-width:0;font-size:.7rem}.ui-anim-btn.is-quiet:before{opacity:.42;filter:saturate(.55)brightness(.85)}.ui-anim-btn.is-quiet:hover:before,.ui-anim-btn.is-quiet:focus-visible:before{opacity:.72;filter:saturate(.75)brightness()}.ui-anim-txt-1,.ui-anim-txt-2{white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ui-anim-letter{color:#ffffffb8;color:lab(100% -.0000298023 .0000119209/.72);transition:color var(--transition), text-shadow var(--transition), opacity var(--transition);animation:none;display:inline-block}@keyframes ui-letter-anim{50%{text-shadow:0 0 4px color-mix(in oklab, var(--highlight) 70%, transparent);color:#fff}}@keyframes ui-flicker{50%{opacity:.35}}@keyframes ui-appear{0%{opacity:0}to{opacity:1}}.ui-anim-btn.is-generating .ui-anim-txt-1,.ui-anim-btn:not(.is-generating) .ui-anim-txt-2{opacity:0;pointer-events:none}.ui-anim-btn:not(.is-generating) .ui-anim-txt-1{animation:.6s ease-in-out forwards ui-appear}.ui-anim-btn.is-generating .ui-anim-txt-2{opacity:1}.ui-anim-btn:hover,.ui-anim-btn:focus-visible{border-color:color-mix(in oklab, var(--highlight) 45%, transparent)}.ui-anim-btn:hover:before,.ui-anim-btn:focus-visible:before{opacity:1;box-shadow:0 -8px 10px -6px #ffffff59 inset, 0 -16px 18px -8px var(--highlight-30) inset, 0 0 18px color-mix(in oklab, var(--highlight-mid) 35%, transparent), 1px 1px 1px #ffffff24}@supports (color:lab(0% 0 0)){.ui-anim-btn:hover:before,.ui-anim-btn:focus-visible:before{box-shadow:0 -8px 10px -6px lab(100% -.0000298023 .0000119209/.35) inset, 0 -16px 18px -8px var(--highlight-30) inset, 0 0 18px color-mix(in oklab, var(--highlight-mid) 35%, transparent), 1px 1px 1px #ffffff24}}.ui-anim-btn:hover:after,.ui-anim-btn:focus-visible:after{opacity:.55;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.ui-anim-btn:hover .ui-anim-btn-svg,.ui-anim-btn:focus-visible .ui-anim-btn-svg{fill:#fff;filter:drop-shadow(0 0 4px var(--highlight)) drop-shadow(0 0 10px var(--highlight-to));animation:2s linear .2s infinite ui-flicker}.ui-anim-btn:hover .ui-anim-btn-svg.is-stroke,.ui-anim-btn:focus-visible .ui-anim-btn-svg.is-stroke{fill:none;stroke:#fff}.ui-anim-btn:hover .ui-anim-letter,.ui-anim-btn:focus-visible .ui-anim-letter{animation:2s ease-in-out infinite ui-letter-anim}.ui-anim-btn:active,.ui-anim-btn.is-generating{border-color:color-mix(in oklab, var(--highlight-to) 55%, transparent);background:color-mix(in oklab, var(--highlight-mid) 22%, var(--surface,#12101a))}.ui-anim-btn:active:before,.ui-anim-btn.is-generating:before{box-shadow:0 -8px 12px -6px #fff6 inset, 0 -16px 18px -8px var(--highlight-80) inset, 0 0 22px color-mix(in oklab, var(--highlight-to) 40%, transparent)}@supports (color:lab(0% 0 0)){.ui-anim-btn:active:before,.ui-anim-btn.is-generating:before{box-shadow:0 -8px 12px -6px lab(100% -.0000298023 .0000119209/.4) inset, 0 -16px 18px -8px var(--highlight-80) inset, 0 0 22px color-mix(in oklab, var(--highlight-to) 40%, transparent)}}.ui-anim-btn:active:after,.ui-anim-btn.is-generating:after{opacity:.7;filter:brightness(1.15);-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.ui-anim-btn:focus-visible{box-shadow:0 0 0 2px var(--background,#09080f), 0 0 0 4px color-mix(in oklab, var(--highlight) 55%, transparent);outline:none}.ui-anim-btn:disabled{opacity:.55;cursor:not-allowed}.ui-anim-btn:disabled .ui-anim-letter,.ui-anim-btn:disabled .ui-anim-btn-svg{animation:none!important}.ui-anim-btn:disabled:hover:after,.ui-anim-btn:disabled:hover:before{opacity:.85;box-shadow:inset 0 -8px 8px -6px #0000,1px 1px 1px #ffffff1f}.ui-anim-txt-1 .ui-anim-letter:first-child,.ui-anim-txt-2 .ui-anim-letter:first-child{animation-delay:0s}.ui-anim-txt-1 .ui-anim-letter:nth-child(2),.ui-anim-txt-2 .ui-anim-letter:nth-child(2){animation-delay:80ms}.ui-anim-txt-1 .ui-anim-letter:nth-child(3),.ui-anim-txt-2 .ui-anim-letter:nth-child(3){animation-delay:.16s}.ui-anim-txt-1 .ui-anim-letter:nth-child(4),.ui-anim-txt-2 .ui-anim-letter:nth-child(4){animation-delay:.24s}.ui-anim-txt-1 .ui-anim-letter:nth-child(5),.ui-anim-txt-2 .ui-anim-letter:nth-child(5){animation-delay:.32s}.ui-anim-txt-1 .ui-anim-letter:nth-child(6),.ui-anim-txt-2 .ui-anim-letter:nth-child(6){animation-delay:.4s}.ui-anim-txt-1 .ui-anim-letter:nth-child(7),.ui-anim-txt-2 .ui-anim-letter:nth-child(7){animation-delay:.48s}.ui-anim-txt-1 .ui-anim-letter:nth-child(8),.ui-anim-txt-2 .ui-anim-letter:nth-child(8){animation-delay:.56s}.ui-anim-txt-1 .ui-anim-letter:nth-child(9),.ui-anim-txt-2 .ui-anim-letter:nth-child(9){animation-delay:.64s}.ui-anim-txt-1 .ui-anim-letter:nth-child(10),.ui-anim-txt-2 .ui-anim-letter:nth-child(10){animation-delay:.72s}.ui-anim-txt-1 .ui-anim-letter:nth-child(11),.ui-anim-txt-2 .ui-anim-letter:nth-child(11){animation-delay:.8s}.ui-anim-txt-1 .ui-anim-letter:nth-child(12),.ui-anim-txt-2 .ui-anim-letter:nth-child(12){animation-delay:.88s}.ui-anim-txt-1 .ui-anim-letter:nth-child(13),.ui-anim-txt-2 .ui-anim-letter:nth-child(13){animation-delay:.96s}.ui-anim-txt-1 .ui-anim-letter:nth-child(14),.ui-anim-txt-2 .ui-anim-letter:nth-child(14){animation-delay:1.04s}.ui-anim-txt-1 .ui-anim-letter:nth-child(15),.ui-anim-txt-2 .ui-anim-letter:nth-child(15){animation-delay:1.12s}.ui-anim-txt-1 .ui-anim-letter:nth-child(16),.ui-anim-txt-2 .ui-anim-letter:nth-child(16){animation-delay:1.2s}.ui-anim-txt-1 .ui-anim-letter:nth-child(17),.ui-anim-txt-2 .ui-anim-letter:nth-child(17){animation-delay:1.28s}.ui-anim-txt-1 .ui-anim-letter:nth-child(18),.ui-anim-txt-2 .ui-anim-letter:nth-child(18){animation-delay:1.36s}.ui-anim-txt-1 .ui-anim-letter:nth-child(19),.ui-anim-txt-2 .ui-anim-letter:nth-child(19){animation-delay:1.44s}.ui-anim-txt-1 .ui-anim-letter:nth-child(20),.ui-anim-txt-2 .ui-anim-letter:nth-child(20){animation-delay:1.52s}@media (prefers-reduced-motion:reduce){.ui-anim-btn,.ui-anim-btn:before,.ui-anim-btn:after,.ui-anim-btn-svg,.ui-anim-letter,.ui-anim-btn:not(.is-generating) .ui-anim-txt-1{transition:none!important;animation:none!important}.ui-anim-btn:hover .ui-anim-btn-svg,.ui-anim-btn:focus-visible .ui-anim-btn-svg,.ui-anim-btn:hover .ui-anim-letter,.ui-anim-btn:focus-visible .ui-anim-letter{animation:none!important}.ui-anim-btn:hover .ui-anim-btn-svg,.ui-anim-btn:focus-visible .ui-anim-btn-svg{fill:#fff;filter:drop-shadow(0 0 3px var(--highlight))}.ui-anim-btn:hover .ui-anim-letter,.ui-anim-btn:focus-visible .ui-anim-letter{color:#fff;text-shadow:none}.ui-anim-btn.is-generating:after{filter:none}}