.option-wheel {
  --ow-text-color:#91879d;
  --ow-active-color:#f4ecff;
  --ow-font-size:1.2rem;
  --ow-inset:42px;
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  cursor:grab;
  user-select:none;
  touch-action:none;
  outline:none;
}
.option-wheel::before {content:"";position:absolute;left:var(--ow-inset);top:50%;width:52px;height:1px;transform:translate(-66px,-50%);background:linear-gradient(90deg,transparent,#cda7f3);box-shadow:0 0 12px #af6be755;}
.option-wheel::after {content:"";position:absolute;left:calc(var(--ow-inset) - 30px);top:50%;width:130px;height:130px;transform:translate(-50%,-50%);border:1px solid #9f6fcf18;border-radius:50%;background:radial-gradient(circle,#9b56d51a,transparent 67%);box-shadow:0 0 70px #8c43ca12;pointer-events:none;}
.option-wheel--dragging {cursor:grabbing;}
.option-wheel__item {position:absolute;z-index:1;top:50%;left:var(--ow-inset);max-width:calc(100% - var(--ow-inset) - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;padding:6px 0;background:none;color:color-mix(in srgb,var(--ow-active-color) calc(var(--ow-p,0) * 100%),var(--ow-text-color));font:300 var(--ow-font-size)/1.15 var(--sans);letter-spacing:0;text-align:left;transform-origin:left center;cursor:pointer;will-change:transform,opacity,filter;}
.option-wheel__item--selected {font-weight:500;text-shadow:0 0 22px #c48aff5e;}
.option-wheel__item:focus-visible {outline:1px solid #d8b7f0;outline-offset:5px;border-radius:2px;}
.option-wheel--right .option-wheel__item {left:auto;right:var(--ow-inset);text-align:right;transform-origin:right center;}

@media(min-width:1101px) {
  .stages .nodes.has-option-wheel {display:grid;grid-template-columns:minmax(220px,.56fr) minmax(400px,1.44fr);gap:clamp(18px,2.2vw,34px);align-self:center;height:min(620px,calc(100vh - 150px));min-height:480px;overflow:visible;}
  .has-option-wheel>.option-wheel {grid-column:1;grid-row:1;}
  .option-wheel-detail {position:relative;grid-column:2;grid-row:1;min-width:0;height:100%;}
  .stages .option-wheel-detail .node {position:absolute;inset:50% 0 auto;height:auto;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(22px,-50%,0);transition:opacity .32s ease,transform .52s cubic-bezier(.22,1,.36,1),visibility 0s linear .52s;}
  .stages .option-wheel-detail .node.open {height:auto;opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0);transition-delay:0s;}
  .stages .option-wheel-detail .node-card {height:auto;min-height:282px;}
  .stages .option-wheel-detail .node-head,.stages .option-wheel-detail .node.open .node-head {height:auto;min-height:100px;padding:38px 30px 15px;}
  .stages .option-wheel-detail .node .bullet {left:30px;top:15px;}
  .stages .option-wheel-detail .node-head .caret {display:none;}
  .stages .option-wheel-detail .node-body {height:auto;overflow:hidden;}
  .stages .option-wheel-detail .node-body-inner {height:auto;min-height:180px;}
  .stages .option-wheel-detail .tile {padding:9px 18px 15px;}
  .stages .option-wheel-detail .tile.c {padding:15px 18px 16px;grid-template-columns:94px 1fr;}
  .stages .option-wheel-detail .tile .lbl {font-size:10px;margin-bottom:7px;}
  .stages .option-wheel-detail .tile .val {font-size:12px;line-height:1.65;}
}

@media(max-width:1100px) {
  .nodes.has-option-wheel>.option-wheel {display:none;}
  .option-wheel-detail {display:contents;}
}

@media(prefers-reduced-motion:reduce) {
  .option-wheel__item {filter:none!important;}
  .stages .option-wheel-detail .node {transition:none;}
}