:root{--cover-size:250px}@media (width<=640px){:root{--cover-size:150px}}@media (width<=480px){:root{--cover-size:120px}}@keyframes svelte-otj51i-adjust-z-index{0%{z-index:1}50%{z-index:100}to{z-index:1}}@keyframes svelte-otj51i-rotate-cover{0%{transform:translate(-100%)rotateY(-45deg)}35%{transform:translate(0)rotateY(-45deg)}50%{transform:rotateY(0)scale(1.4)}65%{transform:translate(0)rotateY(45deg)}to{transform:translate(100%)rotateY(45deg)}}@keyframes svelte-otj51i-fade-in{0%{opacity:0}to{opacity:1}}.carousell.svelte-otj51i{transform-style:preserve-3d;white-space:nowrap;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:40em;padding:64px 0;list-style:none;animation-name:svelte-otj51i-fade-in;animation-duration:.5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;overflow-x:auto}.placeholder.svelte-otj51i{width:331.52px;display:inline-block}@media (width<=640px){.placeholder.svelte-otj51i{width:199px}}@media (width<=480px){.placeholder.svelte-otj51i{width:159px}}.card.svelte-otj51i{width:var(--cover-size);aspect-ratio:1;scroll-snap-align:center;animation-name:svelte-otj51i-rotate-cover,svelte-otj51i-adjust-z-index;animation-duration:auto;transform-style:preserve-3d;will-change:transform, z-index;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(inline);display:inline-block;position:relative}.card.svelte-otj51i>img:where(.svelte-otj51i){object-fit:cover;-webkit-box-reflect:below .5em linear-gradient(transparent, #00000040);-webkit-user-select:none;user-select:none;border-radius:4px;width:100%;height:100%}
