[data-scroll-glass] { isolation:isolate; }
button[data-scroll-glass] { position:relative; }
body [data-scroll-glass]>.scroll-glass-light { position:absolute; display:block; inset:1px; z-index:-1; border-radius:inherit; pointer-events:none; overflow:hidden; background:radial-gradient(ellipse at 35% 20%,rgba(255,246,221,.19),transparent 62%),linear-gradient(118deg,transparent 22%,rgba(232,192,130,.13) 46%,rgba(255,255,255,.15) 50%,transparent 72%); box-shadow:inset 0 1px 0 #fff6,inset 0 -1px 0 #d5aa6540,inset 1px 0 0 #fff2; opacity:0; transform:none; transition:opacity .24s ease-out; }
html[data-glass-motion=settled] body [data-scroll-glass]>.scroll-glass-light { opacity:.55; }
html[data-glass-motion=scrolling] body [data-scroll-glass]>.scroll-glass-light { opacity:0; transition:none; }
html[data-glass-motion=scrolling] .frame::before { opacity:0; animation-play-state:paused; }
html[data-glass-motion=scrolling] #tools .tool-tile::after { visibility:hidden; animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
  body [data-scroll-glass]>.scroll-glass-light { opacity:.12; transition:none; }
}