.option-wheel{--ow-text-color:#90a7ae;--ow-active-color:#fff9eb;--ow-font-size:2.2rem;--ow-inset:48px;position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;outline:none}.option-wheel:after{left:16px;width:14px;height:1px;background:#c76f3a}.option-wheel:after,.option-wheel:before{position:absolute;top:50%;content:"";pointer-events:none}.option-wheel:before{z-index:0;right:22px;left:22px;height:64px;border-block:1px solid color-mix(in srgb,var(--ow-active-color) 18%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--ow-active-color) 7%,transparent),transparent 78%);transform:translateY(-50%)}.option-wheel:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,249,235,.28)}.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) - 24px);color:var(--ow-text-color);font-family:Noto Sans TC,sans-serif;font-size:var(--ow-font-size);font-weight:300;letter-spacing:-.035em;line-height:1.16;cursor:pointer;transform-origin:left center;white-space:nowrap;will-change:transform,opacity,filter}.option-wheel--right .option-wheel__item{right:var(--ow-inset);left:auto;transform-origin:right center}.option-wheel__item--selected{color:var(--ow-active-color);font-weight:600}@media (max-width:640px){.option-wheel{--ow-inset:30px!important}.option-wheel:after{left:8px;width:10px}.option-wheel__item{max-width:calc(100% - 48px);letter-spacing:-.02em}}@media (prefers-reduced-motion:reduce){.option-wheel__item{filter:none!important}}