:root{--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1)}.square{width:100px;height:100px;background-color:orange;border-radius:8px;animation:rotate 3s var(--ease-in-out-cubic) infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{width:356px;height:74px;box-shadow:0 4px 12px #0000001a;background:white;border-radius:8px;grid-area:1/1;--scale-increment:0.05;--translate-increment:-13%;transform:scale(calc(1 - var(--index) * var(--scale-increment))) translateY(calc(var(--index) * var(--translate-increment)))}:root{--shadow-card:0px 0px 0px 1px rgba(9,9,11,0.08),0px 1px 2px -1px rgba(9,9,11,0.08),0px 2px 4px 0px rgba(9,9,11,0.04);--shadow-description:0px 0px 0px 1px rgba(0,0,0,0.08),0px 1px 2px -1px rgba(0,0,0,0.08),0px 2px 4px 0px rgba(0,0,0,0.04)}.card-1{box-shadow:var(--shadow-card)}.card-description{--margin:6px;--ease-out-expo:cubic-bezier(0.19,1,0.22,1);margin:var(--margin);transform:translateY(calc(100% + var(--margin) + 1px));box-shadow:var(--shadow-description);transition:transform .5s var(--ease-out-expo)}.card-1:focus-visible,.card-1:hover{.card-description{transform:translateY(0)}}.download-btn{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04)}svg{--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86);transition:transform .2s var(--ease-in-out-circ)}svg:first-of-type{transform:translateY(-150%)}.download-btn:hover svg:first-of-type{transform:translateY(0)}.download-btn:hover svg:last-of-type{transform:translateY(150%)}.h1 span{--ease-out-expo:cubic-bezier(0.19,1,0.22,1);display:inline-block;animation:reveal 1.3s var(--ease-out-expo) backwards;animation-delay:calc(.03s * var(--index))}.replay-btn{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04)}@keyframes reveal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-btn{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.04)}.toast{opacity:0;transform:translateY(100%);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.04);transition:transform .4s ease,opacity .4s ease}.toast[data-mounted=true]{--gap:16px;transform:translateY(calc(var(--index) * (100% + var(--gap)) * -1));opacity:1}