.char-bands-viewport.svelte-17bf1h7{position:relative;overflow:clip visible}.char-bands.svelte-17bf1h7{will-change:transform;width:max-content;height:100%}.char-bands.svelte-17bf1h7>.char-strip:where(.svelte-17bf1h7){flex:none;width:clamp(160px,18vw,240px);position:relative}.char-band.svelte-17bf1h7{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%)}.band-dim.svelte-17bf1h7{background-color:#0000;transition:background-color .5s cubic-bezier(.16,1,.3,1)}@media (hover:hover) and (width>=768px){.char-bands.svelte-17bf1h7>.char-strip:where(.svelte-17bf1h7):hover{z-index:20}.char-strip.svelte-17bf1h7:hover .char-band:where(.svelte-17bf1h7){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)}.char-bands.svelte-17bf1h7:hover>.char-strip:where(.svelte-17bf1h7):not(:hover) .band-dim:where(.svelte-17bf1h7){background-color:#00000080}}@media (width<=767.98px){.char-bands.svelte-17bf1h7>.char-strip:where(.svelte-17bf1h7){width:calc(max(75vh,300px)/2.33333)}.char-bands-viewport.svelte-17bf1h7{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow:auto hidden}.char-bands-viewport.svelte-17bf1h7::-webkit-scrollbar{display:none}.char-bands.svelte-17bf1h7{will-change:auto}}