.hero.svelte-1nasg5m{width:100%;container-type:inline-size}.stage.svelte-1nasg5m{--u:min(calc(100cqw / 169.7), var(--mix-u-max,99999px));--mix-u:var(--u);grid-template-columns:calc(var(--mix-u) * 70.5) calc(var(--mix-u) * 16.5) calc(var(--mix-u) * 63.8);justify-content:center;align-items:center;column-gap:calc(var(--mix-u) * 9.45);row-gap:calc(var(--mix-u) * 9);grid-template-areas:"front spine tape""unf unf unf";display:grid}.a-front.svelte-1nasg5m{grid-area:front}.a-spine.svelte-1nasg5m{grid-area:spine}.a-tape.svelte-1nasg5m{grid-area:tape}.stage.has-mid.svelte-1nasg5m{grid-template-areas:"front spine tape""mid mid mid""unf unf unf"}.a-mid.svelte-1nasg5m{width:calc(var(--mix-u) * 169.7);grid-area:mid;justify-self:center;min-width:0}.a-unf.svelte-1nasg5m{width:calc(var(--mix-u) * 169.7);grid-area:unf;justify-self:center}.a-back.svelte-1nasg5m{display:none}.tape-port.svelte-1nasg5m{width:calc(var(--mix-u) * 63.8);height:calc(var(--mix-u) * 100.4);position:relative}.tape-rot.svelte-1nasg5m{width:calc(var(--mix-u) * 100.4);transform-origin:0 0;position:absolute;top:0;left:0;transform:rotate(90deg)translateY(-100%)}@container (width<=759px){.stage.auto.svelte-1nasg5m{--u:min(calc(100cqw / 70.5), 6px);grid-template-columns:calc(var(--mix-u) * 70.5);row-gap:calc(var(--mix-u) * 6);grid-template-areas:"front""back""tape";align-items:start}.stage.auto.has-mid.svelte-1nasg5m{grid-template-areas:"front""mid""back""tape"}.stage.auto.svelte-1nasg5m .a-mid:where(.svelte-1nasg5m){width:100cqw}.stage.auto.svelte-1nasg5m .a-spine:where(.svelte-1nasg5m),.stage.auto.svelte-1nasg5m .a-unf:where(.svelte-1nasg5m){display:none}.stage.auto.svelte-1nasg5m .a-back:where(.svelte-1nasg5m){display:block}.stage.auto.svelte-1nasg5m .a-tape:where(.svelte-1nasg5m){justify-self:center}}