:root{--js-black: var(--color-js-black);--js-white: var(--color-js-white);--js-white-darker: #e7e7e7}.cw-root.svelte-1iqhhi9{display:grid;gap:.75rem;justify-items:center;color:var(--js-white)}.cw-stage.svelte-1iqhhi9{perspective:1200px;width:min(100%,1100px);height:clamp(340px,60vh,540px);display:grid;place-items:center}.cw-wheel.svelte-1iqhhi9{--rot: 0deg;position:relative;width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--radius))) rotateY(var(--rot));transition:transform .42s cubic-bezier(.2,.7,.1,1);will-change:transform}.cw-stage.svelte-1iqhhi9{container-type:inline-size}.cw-wheel.svelte-1iqhhi9{--scale: 1;--card-w: calc(var(--base-card-w) * var(--scale));--card-h: calc(var(--base-card-h) * var(--scale));--radius: calc(var(--base-radius) * var(--scale));--gap: calc(var(--base-gap) * var(--scale));--front-size: calc(1.5rem * var(--scale));--back-title-size: calc(1.25rem * var(--scale));--back-sub-size: calc(1rem * var(--scale));--front-line-h: calc(1.5rem * var(--scale))}@container (max-width: 960px){.cw-wheel.svelte-1iqhhi9{--scale: .9}}@container (max-width: 800px){.cw-wheel.svelte-1iqhhi9{--scale: .8}}@container (max-width: 680px){.cw-wheel.svelte-1iqhhi9{--scale: .7}}@container (max-width: 560px){.cw-wheel.svelte-1iqhhi9{--scale: .6}}@container (max-width: 440px){.cw-wheel.svelte-1iqhhi9{--scale: .52}}.cw-card.svelte-1iqhhi9{position:absolute;inset:0;width:var(--card-w);height:var(--card-h);padding:var(--gap);border-radius:18px;transform-style:preserve-3d;transform:rotateY(calc(var(--idx) * (360deg / var(--N)))) translateZ(var(--radius));transition:transform .48s cubic-bezier(.2,.8,.1,1);cursor:pointer;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}.cw-face.svelte-1iqhhi9{position:absolute;inset:0;border-radius:inherit;padding:var(--gap);display:grid;align-content:start;gap:.5rem;backface-visibility:hidden;transform-style:preserve-3d}.cw-front.svelte-1iqhhi9{background:var(--js-black);color:var(--js-white);font-weight:800;line-height:var(--front-line-h);text-align:left;font-size:var(--front-size);box-shadow:0 0 0 1px #303030d9 inset,0 0 11px #ffffff47,0 0 24px #ffffff2e}.cw-front.svelte-1iqhhi9 .line:where(.svelte-1iqhhi9){display:block}.cw-back.svelte-1iqhhi9{background:var(--js-white-darker);color:#111;transform:rotateY(180deg);box-shadow:0 0 0 2px #f3f3f3f2 inset,0 0 22px #ffffff59,0 0 48px #ffffff38;transition:background-color .5s cubic-bezier(.2,.8,.1,1);will-change:background-color}.back-title.svelte-1iqhhi9{font-weight:800;font-size:var(--back-title-size);text-align:left;justify-self:start}.back-sub.svelte-1iqhhi9{font-size:var(--back-sub-size);font-weight:500;opacity:.85;text-align:left;justify-self:start}.cw-card.svelte-1iqhhi9:hover .cw-front:where(.svelte-1iqhhi9){transform:rotateY(180deg)}.cw-card.svelte-1iqhhi9:hover .cw-back:where(.svelte-1iqhhi9){transform:rotateY(360deg)}