h1.svelte-12toaxs{z-index:10;position:absolute;top:20%;left:50%;translate:-50%;text-transform:capitalize}.container.svelte-12toaxs{height:100vh;display:grid;place-content:center;cursor:pointer}.circle.svelte-12toaxs{width:100px;aspect-ratio:1;border-radius:50%;border:4px solid hsl(220 10% 10%)}.grid.svelte-12toaxs{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px){.grid.svelte-12toaxs{grid-template-columns:repeat(3,1fr)}}.grid-item.svelte-12toaxs{position:relative;padding:0;background:none;border:none;overflow:hidden;cursor:pointer}h1.svelte-12toaxs{color:#fff;font-size:2rem;text-transform:capitalize}img.svelte-12toaxs{width:100%;height:100%;aspect-ratio:16/9;display:block;object-fit:cover;border-radius:4px}.details.svelte-12toaxs{grid-row:span 2;grid-column:span 2}.title.svelte-12toaxs{position:absolute;left:60px}.details.svelte-12toaxs .title:where(.svelte-12toaxs){opacity:1;translate:0%}[data-layout=stack].svelte-12toaxs{display:flex}[data-layout=stack].svelte-12toaxs .circle:where(.svelte-12toaxs):not(:first-child){margin-left:-40px}[data-layout=grid].svelte-12toaxs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}[data-layout=grid].svelte-12toaxs .circle:where(.svelte-12toaxs){border-radius:20%}