.option-wheel{--ow-text-color:#4a4a4a;--ow-active-color:#1a1a1a;--ow-meta-color:#8a8a8a;--ow-font-size:3rem;--ow-inset:80px;--ow-thumb-size:200px;--ow-thumb-gap:1.15rem;--ow-copy-width:34rem;--ow-slide:0px;--ow-edge-fade-y:18%;--ow-edge-fade-x:10%;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--ow-edge-fade-y), #000 calc(100% - var(--ow-edge-fade-y)), transparent 100%), linear-gradient(to right, transparent 0%, #000 var(--ow-edge-fade-x), #000 calc(100% - var(--ow-edge-fade-x)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--ow-edge-fade-y), #000 calc(100% - var(--ow-edge-fade-y)), transparent 100%), linear-gradient(to right, transparent 0%, #000 var(--ow-edge-fade-x), #000 calc(100% - var(--ow-edge-fade-x)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, #000 var(--ow-edge-fade-y), #000 calc(100% - var(--ow-edge-fade-y)), transparent 100%), linear-gradient(to right, transparent 0%, #000 var(--ow-edge-fade-x), #000 calc(100% - var(--ow-edge-fade-x)), transparent 100%);-webkit-mask-composite:source-in;outline:none;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);box-sizing:border-box;width:min(var(--ow-copy-width), calc(100% - var(--ow-inset) - 16px));max-width:calc(100% - var(--ow-inset) - 16px);font-family:var(--font-display);font-size:var(--ow-font-size);letter-spacing:-.045em;transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:400;display:block;position:absolute}.option-wheel__item--has-thumb{width:min(calc(var(--ow-copy-width) + var(--ow-thumb-size) + var(--ow-thumb-gap)), calc(100% - var(--ow-inset) - 16px))}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected .option-wheel__label{font-weight:500}.option-wheel__thumb{width:var(--ow-thumb-size);height:calc(var(--ow-thumb-size) * .78);background:color-mix(in srgb, var(--ow-text-color) 8%, transparent);opacity:0;pointer-events:none;transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;right:0;overflow:hidden;transform:translateY(-50%)scale(.92)}.option-wheel--right .option-wheel__thumb{left:0;right:auto}.option-wheel__item--selected .option-wheel__thumb{opacity:1;transform:translateY(-50%)scale(1)}.option-wheel__thumb-img{object-fit:contain;object-position:center}.option-wheel__copy{z-index:1;box-sizing:border-box;width:100%;min-width:0;max-width:100%;transform:translate3d(calc((1 - var(--ow-p,0)) * var(--ow-slide)), 0, 0);will-change:transform;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.12em;display:flex;position:relative}.option-wheel--right .option-wheel__copy{text-align:right;transform:translate3d(calc((var(--ow-p,0) - 1) * var(--ow-slide)), 0, 0);align-items:flex-end;margin-left:auto}.option-wheel__label{align-items:inherit;flex-direction:column;width:max-content;min-width:0;max-width:100%;line-height:1.08;display:flex}.option-wheel__label-line{white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;max-width:100%;display:block;overflow:visible}.option-wheel__meta{letter-spacing:-.03em;width:max-content;min-width:0;max-width:100%;text-align:inherit;text-transform:none;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;color:var(--ow-meta-color);opacity:calc(.35 + var(--ow-p,0) * .65);font-family:inherit;font-size:.92em;font-weight:400;line-height:1.2;overflow:visible}.option-wheel__item--selected .option-wheel__meta{opacity:1}@media (max-width:899px){.option-wheel{--ow-thumb-size:140px;--ow-thumb-gap:.8rem;--ow-copy-width:22rem}}@media (prefers-reduced-motion:reduce){.option-wheel{--ow-slide:0px}.option-wheel__copy{will-change:auto}.option-wheel__thumb{transition:none}}
