.dwell{--dwell-d:0px}:where(.dwell){padding-bottom:var(--dwell-d)}@media (min-width:40rem){.enter-stagger>:nth-child(2){--enter-step:1}.enter-stagger>:nth-child(3){--enter-step:2}.enter-stagger>:nth-child(4){--enter-step:3}.enter-stagger>:nth-child(5){--enter-step:4}.enter-stagger>:nth-child(n+6){--enter-step:5}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.dwell{--dwell-d:clamp(4rem, 14svh, 9rem);view-timeline:--dwell block}.enter-rise,.enter-from-right,.enter-from-left,.enter-depth,.dwell-hold{animation-timing-function:cubic-bezier(.22,.68,0,1),linear;animation-fill-mode:backwards,both;animation-timeline:view(),--dwell;animation-range:cover calc(var(--enter-step,0) * 4%) cover calc(30% + var(--enter-step,0) * 4%), cover calc(50% - var(--dwell-d,0px) * 3 / 4) cover calc(50% + var(--dwell-d,0px) * 3 / 4)}.enter-rise{animation-name:enter-rise,none}.enter-from-right{animation-name:enter-from-right,none}.enter-from-left{animation-name:enter-from-left,none}.enter-depth{animation-name:enter-depth,none}.dwell-hold{animation-name:none,dwell-hold}.enter-rise.dwell-hold{animation-name:enter-rise,dwell-hold}.enter-from-right.dwell-hold{animation-name:enter-from-right,dwell-hold}.enter-from-left.dwell-hold{animation-name:enter-from-left,dwell-hold}.enter-depth.dwell-hold{animation-name:enter-depth,dwell-hold}}}@keyframes enter-rise{0%{opacity:0;transform:translateY(clamp(2rem,6svh,4rem))}}@keyframes enter-from-right{0%{opacity:0;transform:translate(min(10vw,8rem),1rem)}}@keyframes enter-from-left{0%{opacity:0;transform:translate(max(-10vw,-8rem),1rem)}}@keyframes enter-depth{0%{opacity:0;transform:perspective(1400px)translate3d(0,3rem,-220px)}}.exit-fall{--hinge-x:-50%;--fall-perspective:800px;--fall-tilt:-72deg;--fall-turn:16deg;--fall-depth:-700px}.exit-fall[data-leave=right]{--hinge-x:50%;--fall-turn:-16deg}@media (min-width:48rem){.exit-fall{--fall-perspective:1100px}}@media (prefers-reduced-motion:no-preference){.exit-fall[data-fall]{opacity:calc(1 - var(--fall) * var(--fall));transform:perspective(var(--fall-perspective)) translateX(var(--hinge-x)) translateZ(calc(var(--fall) * var(--fall-depth))) rotateY(calc(var(--fall) * var(--fall-turn))) rotateX(calc(var(--fall) * var(--fall-tilt))) translateX(calc(var(--hinge-x) * -1));transform-origin:50% 0}}@keyframes dwell-hold{0%{animation-timing-function:cubic-bezier(.333,0,.667,.333);translate:0}33.333%{translate:0 calc(var(--dwell-d) / 4);animation-timing-function:linear}66.667%{translate:0 calc(var(--dwell-d) * 3 / 4);animation-timing-function:cubic-bezier(.333,.667,.667,1)}to{translate:0 var(--dwell-d)}}.exit-fall:focus-within{opacity:1;transform:none}