.layer-sheet{background:linear-gradient(var(--glass-solid), var(--glass-solid)), var(--background);box-shadow:inset 0 1px 0 0 var(--glass-edge), inset 0 0 0 1px var(--glass-hairline), var(--e-2)}.layers-stage{gap:.75rem;display:grid}.layers-controls{display:none}@media (min-width:768px) and (prefers-reduced-motion:no-preference){:root:not([data-motion=reduced],[data-motion=off]) .layers{padding-top:7.5rem}:root:not([data-motion=reduced],[data-motion=off]) .layers-stage{gap:0}:root:not([data-motion=reduced],[data-motion=off]) .layer{--rel:calc(var(--z) + var(--f));z-index:calc(100 - var(--k));transform-origin:50% 0;transform:translateY(calc(var(--k) * -2.125rem)) scale(calc(1400 / (1400 - var(--rel))));opacity:clamp(0, calc(1 - var(--rel) / 60), 1);transition:transform var(--dur-spring-page) var(--ease-spring-page), opacity .27s ease-out;cursor:pointer;grid-area:1/1;display:grid;position:relative}:root:not([data-motion=reduced],[data-motion=off]) .layer:after{content:"";background:var(--background);opacity:clamp(0, calc(var(--rel) / -1200), 1);pointer-events:none;transition:opacity var(--dur-spring-page) var(--ease-spring-page);border-radius:24px;position:absolute;inset:0}:root:not([data-motion=reduced],[data-motion=off]) .layer[data-front]{cursor:auto}:root:not([data-motion=reduced],[data-motion=off]) .layer[data-past]{pointer-events:none;visibility:hidden;transition:transform var(--dur-spring-page) var(--ease-spring-page), opacity .27s ease-out, visibility 0s .27s}:root:not([data-motion=reduced],[data-motion=off]) .layers-controls{margin-top:1rem;display:flex}}