@layer theme,base,mui,components,utilities,reset;@layer screens{.scroll-top-button{right:24px;bottom:max(24px, env(safe-area-inset-bottom,0px));z-index:1200;border:1px solid var(--line-inverse);background:var(--bg-surface);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed}@supports (color:color-mix(in lab, red, red)){.scroll-top-button{background:color-mix(in srgb, var(--bg-surface) 90%, transparent)}}.scroll-top-button{box-shadow:var(--shadow-m), 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-accent);opacity:0;visibility:hidden;transition:opacity .22s,translate .22s,visibility 0s linear .22s,background .16s,color .16s,box-shadow .16s;translate:0 12px}.scroll-top-button.is-visible{opacity:1;visibility:visible;transition-delay:0s;translate:0}.scroll-top-button:hover{background:var(--bg-accent);box-shadow:var(--shadow-accent-hover);color:var(--text-inverse)}.scroll-top-button:focus-visible{outline:3px solid var(--line-focus);outline-offset:4px}@media (max-width:820px){.scroll-top-button{right:16px;bottom:max(16px, env(safe-area-inset-bottom,0px));width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.scroll-top-button{transition:none;translate:none}}}