.char-bands-viewport.svelte-1uha8ag{position:relative;overflow:clip visible}.char-bands.svelte-1uha8ag{will-change:transform;width:max-content;height:100%}.char-bands.svelte-1uha8ag>.char-strip:where(.svelte-1uha8ag){flex:none;width:clamp(160px,18vw,240px);position:relative}.char-bands.svelte-1uha8ag>.char-strip:where(.svelte-1uha8ag):hover{z-index:20}.char-band.svelte-1uha8ag{width:100%;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),border-radius .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.char-strip.svelte-1uha8ag:hover .char-band:where(.svelte-1uha8ag){border-radius:var(--radius-xl);width:calc(max(75vh,300px)/2.12121);height:110%;box-shadow:0 10px 20px -5px oklch(4% .02 318/.4),0 25px 50px -12px oklch(4% .02 318/.5)}.band-dim.svelte-1uha8ag{background-color:#0000;transition:background-color .5s cubic-bezier(.16,1,.3,1)}.char-bands.svelte-1uha8ag:hover>.char-strip:where(.svelte-1uha8ag):not(:hover) .band-dim:where(.svelte-1uha8ag){background-color:#00000080}