.cc_5wnqhdky_xaSqL5rUlC .cwheel {
  background: var(--wbg);
  color: var(--hanne-ink);
  padding: clamp(4rem, 8vw, 7rem) 0;
  overflow: hidden;
  transition: background 0.8s var(--hanne-ease);
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__in { display: grid; gap: 3rem; align-items: center; }

@media (min-width: 1024px) {
  .cc_5wnqhdky_xaSqL5rUlC .cwheel__in { grid-template-columns: 1fr 1fr; }
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__copy { display: grid; gap: 1.2rem; justify-items: start; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__title { font-size: clamp(3rem, 7vw, 6.4rem); }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__title span { display: block; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__text { max-width: 28rem; margin: 0; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__v { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1rem; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__v b { font-family: var(--hanne-font-soft); font-weight: 700; font-size: clamp(1.8rem, 3.4vw, 2.6rem); letter-spacing: -0.03em; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel .hanne-pill:disabled { opacity: 0.5; cursor: not-allowed; }

.cc_5wnqhdky_xaSqL5rUlC .cwheel__dial {
  position: relative;
  width: min(34rem, 86vw);
  aspect-ratio: 1;
  margin: 0 auto 2.5rem;
  touch-action: none;
  user-select: none;
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  cursor: grab;
  transition: transform 0.8s var(--hanne-ease);
  box-shadow: 0 30px 70px -25px rgba(0, 0, 0, 0.4);
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__ring.is-drag { transition: none; cursor: grabbing; }
.cc_5wnqhdky_xaSqL5rUlC .cwheel__ring:focus-visible { outline: 3px solid var(--hanne-ink); outline-offset: 4px; }

.cc_5wnqhdky_xaSqL5rUlC .cwheel__face {
  position: absolute;
  inset: 16%;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  background: var(--hanne-chalk);
  border: 0.9rem solid var(--hanne-chalk);
  pointer-events: none;
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__face img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

.cc_5wnqhdky_xaSqL5rUlC .cwheel__pointer {
  position: absolute;
  left: 50%;
  top: -1.4rem;
  z-index: 3;
  transform: translateX(-50%);
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
  border-top: 1.4rem solid var(--hanne-ink);
}

.cc_5wnqhdky_xaSqL5rUlC .cwheel__hint { position: absolute; left: 0; right: 0; bottom: -2.4rem; text-align: center; }