.spin-wheel{--modal-width: 92rem;--drawer-close-btn-size: 4.4rem;--sw-accent: #c9a77c;--sw-rim: #272424;--sw-stage: #ead0ca;--sw-ease: cubic-bezier(.22, 1, .36, 1)}.spin-wheel [hidden]{display:none!important}.spin-wheel .spin-wheel__inner{overflow:hidden;isolation:isolate}.spin-wheel .spin-wheel__close{top:1.2rem;inset-inline-end:1.2rem;z-index:6;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12)}.spin-wheel__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);max-height:calc(var(--modal-height, 100vh) - 4rem);overflow-y:auto;overscroll-behavior:contain}.spin-wheel__content{display:flex;flex-direction:column;justify-content:center;padding:5.6rem 4.8rem;text-align:start}.spin-wheel__step{display:flex;flex-direction:column;align-items:stretch;animation:spin-wheel-rise .55s var(--sw-ease) both}.spin-wheel__eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1.4rem;border-radius:10rem;border:.1rem solid rgba(var(--color-foreground),.14);font-size:1.3rem;letter-spacing:.02em;line-height:1.4}.spin-wheel__eyebrow:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--sw-accent)}.spin-wheel__heading{margin:1.8rem 0 0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,3.2vw,4rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.spin-wheel__text{margin-top:1.2rem;color:rgba(var(--color-foreground),.72);font-size:1.6rem;line-height:1.55;text-wrap:pretty}.spin-wheel__text p{margin:0}.spin-wheel__form{display:flex;flex-direction:column;gap:1.2rem;margin-top:2.8rem}.spin-wheel__input{text-align:start}.spin-wheel__input::placeholder{direction:rtl;text-align:right}[dir=ltr] .spin-wheel__input::placeholder{direction:ltr;text-align:left}.spin-wheel__cta{margin-top:2.8rem}.spin-wheel__form .spin-wheel__cta,.spin-wheel__cta+.spin-wheel__cta{margin-top:0}.spin-wheel__cta+.spin-wheel__cta{margin-top:1.2rem}.spin-wheel__cta:disabled{opacity:.6;cursor:progress}.spin-wheel__legal{margin:1.4rem 0 0;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.55)}.spin-wheel__decline{align-self:center;margin-top:1.6rem;padding:.4rem;border:0;background:none;color:rgba(var(--color-foreground),.6);font-size:1.3rem;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;transition:color .2s}.spin-wheel__decline:hover{color:rgb(var(--color-foreground))}.spin-wheel__ticket{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:2.4rem;padding:1rem;padding-inline-start:2rem;border:.15rem dashed rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius, 1rem);background:#ffffffa6}.spin-wheel__code{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-weight:700;font-size:2.2rem;letter-spacing:.16em;line-height:1;word-break:break-all}.spin-wheel__copy{flex-shrink:0;padding:1rem 1.8rem;border:0;border-radius:10rem;background:var(--sw-rim);color:#fff;font-size:1.4rem;font-weight:700;cursor:pointer;transition:background-color .25s,transform .2s}.spin-wheel__copy:active{transform:scale(.96)}.spin-wheel__copy.is-copied{background:var(--sw-accent)}.spin-wheel__stage{position:relative;display:flex;align-items:center;justify-content:center;padding:5.6rem 4rem;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.55),transparent 62%),var(--sw-stage);overflow:hidden}.spin-wheel__stage:before,.spin-wheel__stage:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:135%;aspect-ratio:1;border-radius:50%;border:.1rem solid rgba(39,36,36,.07);transform:translate(-50%,-50%);pointer-events:none}[dir=rtl] .spin-wheel__stage:before,[dir=rtl] .spin-wheel__stage:after{transform:translate(50%,-50%)}.spin-wheel__stage:after{width:108%}.spin-wheel__wheel-wrap{position:relative;z-index:1;width:min(100%,40rem);aspect-ratio:1}.spin-wheel__wheel-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 3rem 6rem -2rem #27242473,0 1rem 2rem -1rem #27242440}.spin-wheel__wheel{position:relative;display:block;width:100%;height:100%;overflow:visible;will-change:transform}.spin-wheel__rim{fill:var(--sw-rim)}.spin-wheel__ring{fill:none;stroke:var(--sw-accent);stroke-width:1.4}.spin-wheel__divider{stroke:var(--sw-accent);stroke-width:.8;stroke-linecap:round}.spin-wheel__bulb{fill:#fdf6ef;animation:spin-wheel-twinkle 1.8s ease-in-out infinite alternate}.spin-wheel__bulb:nth-child(2n){animation-delay:-.9s}.spin-wheel.is-spinning .spin-wheel__bulb{animation-duration:.28s}.spin-wheel__label text{font-family:var(--font-heading-family);font-weight:700;text-anchor:middle;dominant-baseline:middle;direction:rtl;unicode-bidi:plaintext;letter-spacing:0}.spin-wheel__label text+text{font-family:var(--font-body-family);font-weight:400}.spin-wheel__pointer{position:absolute;z-index:3;top:-1.8rem;inset-inline:0;margin-inline:auto;width:4.4rem;height:auto;overflow:visible;transform-origin:50% 35%;filter:drop-shadow(0 .4rem .6rem rgba(39,36,36,.35))}.spin-wheel__pointer-body{fill:var(--sw-rim);stroke:var(--sw-accent);stroke-width:2}.spin-wheel__pointer-dot{fill:var(--sw-accent)}.spin-wheel__hub{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:auto;width:25%;height:25%;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:.4rem solid var(--sw-accent);background:radial-gradient(circle at 35% 30%,#4a4445,var(--sw-rim) 70%);color:#fdf6ef;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(1.4rem,2vw,1.8rem);box-shadow:0 0 0 .5rem #fdf6efd9,0 .8rem 1.6rem #27242466;cursor:pointer;transition:transform .35s var(--sw-ease)}.spin-wheel[data-step=intro] .spin-wheel__hub:not(:disabled){animation:spin-wheel-pulse 2.4s ease-in-out infinite}.spin-wheel__hub:hover:not(:disabled){transform:scale(1.06)}.spin-wheel__hub:active:not(:disabled){transform:scale(.97)}.spin-wheel__hub:disabled,.spin-wheel[data-step=win] .spin-wheel__hub{cursor:default}.spin-wheel-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100%;height:100%;pointer-events:none}.spin-wheel-teaser{position:fixed;bottom:1.6rem;z-index:97;display:inline-flex;align-items:center;gap:1rem;padding:.6rem;padding-inline-end:1.8rem;border:0;border-radius:10rem;background:#272424;color:#fdf6ef;font-family:var(--font-heading-family);font-weight:700;font-size:1.5rem;line-height:1;box-shadow:0 1rem 2.4rem -.6rem #27242473;cursor:pointer;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;animation:spin-wheel-teaser-in .7s 1.2s cubic-bezier(.22,1,.36,1) both}.spin-wheel-teaser--left{left:1.6rem}.spin-wheel-teaser--right{right:1.6rem}.spin-wheel-teaser:hover{transform:translateY(-.3rem);box-shadow:0 1.4rem 2.8rem -.6rem #27242480}.spin-wheel-teaser__icon{display:flex;width:3.6rem;height:3.6rem}.spin-wheel-teaser__icon svg{width:100%;height:100%;animation:spin-wheel-rotate 9s linear infinite}.spin-wheel-teaser:hover .spin-wheel-teaser__icon svg{animation-duration:1.6s}.spin-wheel-teaser__rim{fill:#c9a77c}.spin-wheel-teaser__a{fill:#ead0ca}.spin-wheel-teaser__b{fill:#f7f6f2}.modal-show .spin-wheel-teaser{opacity:0;pointer-events:none}@keyframes spin-wheel-rise{0%{opacity:0;transform:translateY(1.2rem)}}@keyframes spin-wheel-twinkle{0%{opacity:1}to{opacity:.35}}@keyframes spin-wheel-pulse{0%,to{box-shadow:0 0 0 .5rem #fdf6efd9,0 .8rem 1.6rem #27242466}50%{box-shadow:0 0 0 1rem #fdf6ef73,0 .8rem 1.6rem #27242466}}@keyframes spin-wheel-rotate{to{transform:rotate(360deg)}}@keyframes spin-wheel-teaser-in{0%{opacity:0;transform:translateY(2rem) scale(.9)}}@media(prefers-reduced-motion:reduce){.spin-wheel__step,.spin-wheel__bulb,.spin-wheel__hub,.spin-wheel-teaser,.spin-wheel-teaser__icon svg{animation:none!important}}@media(max-width:767.98px){.spin-wheel{padding:0 1.2rem}.spin-wheel__layout{grid-template-columns:minmax(0,1fr);max-height:calc(var(--modal-height, 100vh) - 2.4rem)}.spin-wheel__stage{order:-1;padding:4rem 2.4rem 2.8rem}.spin-wheel__wheel-wrap{width:min(100%,27rem)}.spin-wheel__pointer{top:-1.4rem;width:3.6rem}.spin-wheel__content{padding:2.8rem 2rem 3.2rem;text-align:center}.spin-wheel__eyebrow{align-self:center}.spin-wheel__heading{margin-top:1.4rem;font-size:2.6rem}.spin-wheel__text{font-size:1.5rem}.spin-wheel__form,.spin-wheel__ticket,.spin-wheel__cta{margin-top:2rem}.spin-wheel__code{font-size:2rem}.spin-wheel-teaser{bottom:1.2rem;font-size:1.4rem}.spin-wheel-teaser--left{left:1.2rem}.spin-wheel-teaser--right{right:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/spin-wheel.css.map */