@layer components{.back-to-top{z-index:60;right:var(--floating-button-right);bottom:calc(var(--floating-button-bottom) + 5.25rem);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;display:flex;position:fixed;transform:translateZ(0)}.back-to-top-glow{border-radius:var(--radius-full);pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 17%, transparent) 0%, color-mix(in srgb, var(--color-primary) 6%, transparent) 42%, transparent 72%);filter:blur(.6rem);opacity:.55;transition:opacity .26s,transform .26s;position:absolute;inset:-.65rem;transform:scale(.9)}.back-to-top-ring{border:1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));border-radius:var(--radius-full);pointer-events:none;transition:border-color .22s,box-shadow .22s,transform .22s;position:absolute;inset:0}.back-to-top-ring:after{border-radius:inherit;background:var(--effect-brand-hover-background);content:"";opacity:0;pointer-events:none;-webkit-mask-composite:xor;padding:1px;transition:opacity .22s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.back-to-top-ring:before{border:1px solid color-mix(in srgb, var(--color-primary-light) 9%, transparent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:.2rem}.back-to-top-surface{z-index:2;border-radius:var(--radius-full);background:radial-gradient(circle at 34% 22%, color-mix(in srgb, var(--color-primary-light) 12%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)), color-mix(in srgb, var(--color-background-soft) 72%, var(--color-surface))) padding-box, linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 38%, var(--color-border)), color-mix(in srgb, var(--color-primary-light) 24%, var(--color-border))) border-box;width:3rem;height:3rem;color:var(--color-primary-light);box-shadow:0 0 0 .3rem color-mix(in srgb, var(--color-primary) 3%, transparent), 0 1rem 2.5rem color-mix(in srgb, var(--color-background) 48%, transparent), 0 0 1.5rem color-mix(in srgb, var(--color-primary) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-foreground) 10%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border:1px solid #0000;justify-content:center;align-items:center;transition:border-color .22s,background-color .22s,color .22s,box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.back-to-top-surface:before{border-radius:var(--radius-full);content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-foreground) 28%, transparent), transparent);height:1px;position:absolute;top:.45rem;left:.75rem;right:.75rem}.back-to-top-icon{z-index:2;width:1.2rem;height:1.2rem;filter:drop-shadow(0 0 .6rem color-mix(in srgb, var(--color-primary-light) 28%, transparent));transition:transform .22s,filter .22s;position:relative}.back-to-top:hover .back-to-top-glow{opacity:1;transform:scale(1.08)}.back-to-top:hover .back-to-top-ring{box-shadow:0 0 1.75rem color-mix(in srgb, var(--color-primary) 18%, transparent);border-color:#0000;transform:scale(1.04)}.back-to-top:hover .back-to-top-ring:after,.back-to-top:focus-visible .back-to-top-ring:after{opacity:1}.back-to-top:hover .back-to-top-surface,.back-to-top:focus-visible .back-to-top-surface{background:linear-gradient(145deg, color-mix(in srgb, var(--color-primary) 18%, var(--color-surface)), color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))) padding-box, var(--effect-brand-hover-background) border-box;color:var(--color-foreground);box-shadow:0 0 0 .35rem color-mix(in srgb, var(--color-primary) 5%, transparent), 0 1.25rem 3rem color-mix(in srgb, var(--color-background) 52%, transparent), 0 0 2rem color-mix(in srgb, var(--color-primary) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-foreground) 14%, transparent);transform:translateY(-.15rem)}.back-to-top:hover .back-to-top-icon{transform:translateY(-.16rem)}.back-to-top:active .back-to-top-surface{transform:translateY(0)scale(.94)}.back-to-top:active .back-to-top-ring{transform:scale(.96)}.back-to-top:focus-visible{outline:none}.back-to-top:focus-visible .back-to-top-ring{border-color:var(--color-primary-light);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-primary) 18%, transparent), 0 0 1.75rem color-mix(in srgb, var(--color-primary) 22%, transparent)}}.back-to-top-enter{transition:opacity .32s,transform .32s cubic-bezier(.22,1,.36,1)}.back-to-top-enter-start{opacity:0;transform:translateY(1rem)scale(.88)}.back-to-top-enter-end{opacity:1;transform:translateY(0)scale(1)}.back-to-top-leave{transition:opacity .22s,transform .22s}.back-to-top-leave-start{opacity:1;transform:translateY(0)scale(1)}.back-to-top-leave-end{opacity:0;transform:translateY(.75rem)scale(.92)}@media (width<=767px){.back-to-top{right:var(--floating-button-right);bottom:calc(var(--floating-button-bottom) + 4.75rem);width:3.25rem;height:3.25rem}.back-to-top-surface{width:2.8rem;height:2.8rem}.back-to-top-icon{width:1.1rem;height:1.1rem}}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top *,.back-to-top-enter,.back-to-top-leave{transition:none}.back-to-top:hover .back-to-top-glow,.back-to-top:hover .back-to-top-ring,.back-to-top:hover .back-to-top-surface,.back-to-top:hover .back-to-top-icon,.back-to-top:active .back-to-top-surface,.back-to-top:active .back-to-top-ring{transform:none}}
