.voice-container.svelte-13icb37{display:flex;overflow:hidden;height:100%;width:100%;gap:4rem}.image-container.svelte-13icb37{position:relative}a.svelte-13icb37 svg:where(.svelte-13icb37){display:none}a.svelte-13icb37:hover svg:where(.svelte-13icb37){display:block;position:absolute;color:hsl(var(--pink-hsl));left:50%;bottom:5%;translate:-50% 0}.active.svelte-13icb37 svg:where(.svelte-13icb37){display:block;position:absolute;color:hsl(var(--pink-hsl));left:50%;bottom:5%;translate:-50% 0}.featured-image.svelte-13icb37{filter:saturate(0);transition:none;opacity:.5}.active.svelte-13icb37 .featured-image:where(.svelte-13icb37){opacity:1}.star-container.svelte-13icb37 a:where(.svelte-13icb37):hover .featured-image:where(.svelte-13icb37){opacity:1;transition:none;translate:0}.star-container.grid-container.svelte-13icb37{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1em;padding-inline:1.5em;margin-block-end:4rem;overflow:scroll;overscroll-behavior:contain;flex:6;height:calc(100vh - 5rem);view-transition-name:voice}@media (max-width: 1024px){.star-container.svelte-13icb37{display:none}}.voice-clips-container.svelte-13icb37{display:grid;justify-content:stretch;flex:4;height:auto;overflow:hidden;align-content:start}.name.svelte-13icb37{display:grid;justify-items:center;gap:1rem;position:relative;text-transform:uppercase}.name.svelte-13icb37 img:where(.svelte-13icb37){width:25%;aspect-ratio:4 / 5;grid-row:1 /1;grid-column:1 / 1;object-fit:cover;object-position:top center}.name.svelte-13icb37 svg:where(.svelte-13icb37){grid-row:1 / 1;grid-column:1 / 1;color:hsl(var(--pink-hsl));align-self:end;margin-block-end:.5rem}.clip-container.svelte-13icb37{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.clip.svelte-13icb37{width:90%;height:auto;justify-self:center;grid-column:1 / 3;margin-block-end:2rem}button.svelte-13icb37{background-color:hsl(var(--teal-hsl));color:hsl(var(--blue-hsl));font-size:var(--text-lg);font-family:Be Vietnam Pro,sans-serif;font-weight:600;box-shadow:.15em .3em hsl(var(--pink-hsl) / 1);padding:.25em 1em;border-radius:2em;line-height:1em;cursor:pointer;transition:all 50ms ease-in-out;text-transform:uppercase;opacity:100%;justify-self:start}button.svelte-13icb37:hover{box-shadow:.1em .2em hsl(var(--pink-hsl) / 1);translate:0 1%;transition:all 50ms ease-in-out}button.svelte-13icb37 svg:where(.svelte-13icb37){width:var(--text-xl)}