.format-roulette{--fr-size: 1.4rem;--fr-tracking: .22em;--fr-unit: calc(var(--fr-size) * 1.25);--fr-pill: calc(var(--fr-size) + 2rem);--fr-radius: var(--variant-pills-radius, 40px);--fr-ink: rgb(var(--color-foreground));--fr-ink-on-pill: rgb(var(--color-background));display:block;position:relative;margin-top:.2rem}.product-form__input--roulette{margin-bottom:1.2rem}.format-roulette__inputs{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.format-roulette__machine{display:inline-flex;align-items:center;gap:.6rem;max-width:100%}.format-roulette__window{position:relative;width:var(--fr-width, 24rem);max-width:calc(100vw - 8rem);height:calc(var(--fr-unit) * 4.8);overflow:hidden;cursor:grab;touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 76%,transparent 100%)}.format-roulette__window.is-dragging{cursor:grabbing}.format-roulette__track{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--fr-ink)}.format-roulette__lens{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--fr-ink);clip-path:inset(calc(50% - var(--fr-pill) / 2) 0 round var(--fr-radius))}.format-roulette__lens .format-roulette__track{color:var(--fr-ink-on-pill)}.format-roulette__item{position:absolute;left:0;right:0;top:50%;height:var(--fr-unit);margin-top:calc(var(--fr-unit) / -2);display:flex;align-items:center;justify-content:center;font-family:var(--font-body-family);font-size:var(--fr-size);line-height:1;letter-spacing:var(--fr-tracking);white-space:nowrap;transform-origin:50% 50%;will-change:transform}.format-roulette__text{display:inline-block;margin-right:calc(var(--fr-tracking) * -1);transform-origin:50% 50%}.format-roulette__item.is-sold-out .format-roulette__text{text-decoration:line-through;text-decoration-thickness:1px;opacity:.6}.format-roulette.is-spinning .format-roulette__track{text-shadow:0 var(--fr-blur, 0px) calc(var(--fr-blur, 0px) * .6) currentColor,0 calc(var(--fr-blur, 0px) * -1) calc(var(--fr-blur, 0px) * .6) currentColor}.format-roulette.is-spinning .format-roulette__item{opacity:.85}.format-roulette:not(.is-ready) .format-roulette__item{visibility:hidden}.format-roulette:not(.is-ready) .format-roulette__lens{display:none}.format-roulette:not(.is-ready) .format-roulette__item.is-selected{visibility:visible}.format-roulette__controls{display:flex;flex-direction:column;gap:.2rem}.format-roulette__arrow{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.4rem;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:var(--fr-ink);opacity:.55;cursor:pointer;transition:opacity var(--duration-short, .1s) ease}.format-roulette__arrow svg{width:1.8rem;height:1.8rem}.format-roulette__arrow:hover{opacity:1}.format-roulette__arrow:focus-visible{opacity:1;outline:1px solid var(--fr-ink);outline-offset:0}.format-roulette:has(.format-roulette__inputs input:focus-visible) .format-roulette__window{outline:1px solid var(--fr-ink);outline-offset:2px;border-radius:var(--fr-radius)}@media(prefers-reduced-motion:reduce){.format-roulette.is-spinning .format-roulette__track{text-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/format-roulette.css.map */