.du-wheel-root{--du-ink: #432826;--du-muted: #8A7A72;--du-accent: #5A0516;--du-accent-dark: #7A0A20;--du-line: #E7DDD6;--wheel-a: #5A0516;--wheel-b: #FFF1E9;--wheel-c: #7A0A20;--wheel-d: #FFF8F3;--wheel-rim: #432826;font-family:inherit}.du-wheel-root *,.du-wheel-root *:before,.du-wheel-root *:after{box-sizing:border-box}.du-wheel-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:44;display:flex;align-items:center;min-height:108px;padding:15px 10px;border:1px solid rgba(255,255,255,.1);border-left:0;cursor:pointer;border-radius:0 11px 11px 0;background:linear-gradient(145deg,#36302C,var(--wheel-rim));color:#fff8f3;font:inherit;font-size:10px;font-weight:600;letter-spacing:.15em;box-shadow:0 12px 28px #2b272438,inset -1px 0 #ffffff0f;transition:color .25s ease,background .25s ease,box-shadow .25s ease}.du-wheel-tab:hover{color:#fff;background:#201d1b;box-shadow:0 14px 32px #2b27244d}.du-wheel-tab[hidden]{display:none}.du-wheel-tab__text{writing-mode:vertical-rl;text-orientation:mixed}@keyframes du-tab-turn{to{transform:rotate(360deg)}}.du-wheel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:16px}.du-wheel[hidden]{display:none}.du-wheel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#201b18a3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.du-wheel__panel{position:relative;z-index:2;background:linear-gradient(155deg,#fff,#fdf8f7);border:1px solid rgba(255,255,255,.76);border-radius:24px;width:100%;max-width:400px;max-height:94vh;overflow:auto;padding:28px 24px 26px;text-align:center;box-shadow:0 32px 90px #1e18155c,0 2px #fff9 inset}.du-wheel__panel:before{content:"";position:absolute;top:0;left:50%;width:76px;height:3px;border-radius:0 0 999px 999px;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--du-accent),transparent)}.du-wheel__x{position:absolute;top:12px;right:12px;z-index:8;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--du-line);border-radius:50%;background:#ffffffb3;cursor:pointer;color:var(--du-muted);transition:border-color .2s ease,color .2s ease,transform .2s ease}.du-wheel__x svg{width:15px;height:15px}.du-wheel__x:hover{border-color:var(--du-accent);color:var(--du-ink);transform:rotate(4deg)}.du-wheel__eyebrow{margin:0 0 7px;font-size:9px;font-weight:700;letter-spacing:.26em;color:var(--du-accent-dark)}.du-wheel__title{margin:0 0 5px;font-size:28px;line-height:1.1;font-weight:600;color:var(--du-ink);letter-spacing:-.035em}.du-wheel__sub{margin:0 0 17px;font-size:12.5px;line-height:1.45;color:var(--du-muted)}.du-wheel__disc-wrap{position:relative;width:294px;height:294px;margin:0 auto 20px;filter:drop-shadow(0 19px 17px rgba(43,39,36,.17))}.du-wheel__disc-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:50%;background:radial-gradient(circle at 33% 20%,rgba(255,255,255,.32),transparent 24%),linear-gradient(145deg,#4a423d,#211e1c 45%,#39312d 72%,#171514);box-shadow:0 0 0 1px #2b27249e,0 0 0 4px #ffffffa8,0 0 0 5px var(--du-line),inset 0 2px 2px #fff3,inset 0 -5px 8px #0000006b}.du-wheel__disc-wrap:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:1;border-radius:50%;border:1px solid rgba(255,255,255,.19);pointer-events:none;box-shadow:inset 0 0 0 1px #00000047}.du-wheel__pointer{position:absolute;top:-16px;left:50%;z-index:7;width:44px;height:58px;transform:translate(-50%);filter:drop-shadow(0 7px 5px rgba(29,24,21,.34));pointer-events:none}.du-wheel__pointer svg{display:block;width:100%;height:100%;overflow:visible}.du-wheel__pointer-body{fill:#432826;stroke:#171412;stroke-width:1.2}.du-wheel__pointer-shine{fill:#ffffff2e}.du-wheel__pointer circle{fill:#c98b96;stroke:#fdf8f7;stroke-width:1.4}.du-wheel__disc{position:absolute;top:11px;right:11px;bottom:11px;left:11px;z-index:2;border-radius:50%;overflow:hidden;background:#211e1c;border:5px solid #432826;box-shadow:inset 0 0 0 1px #ffffff30,inset 0 0 14px #211b185c;transform:rotate(0);will-change:transform}.du-wheel__face{position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:0;border-radius:50%;overflow:hidden}.du-wheel__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:radial-gradient(circle at 31% 20%,rgba(255,255,255,.38) 0%,rgba(255,255,255,.09) 23%,transparent 43%),radial-gradient(circle at 68% 82%,rgba(43,39,36,.2),transparent 44%);box-shadow:inset 0 0 24px #2b27242e;pointer-events:none}.du-wheel__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:repeating-conic-gradient(from 0deg,rgba(253,248,247,.7) 0deg .42deg,rgba(43,39,36,.12) .42deg .75deg,transparent .75deg var(--seg));pointer-events:none}.du-wheel__disc:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:2;border-radius:50%;opacity:0;background:conic-gradient(from 0deg,transparent 0deg var(--win-start),rgba(253,248,247,.46) var(--win-start) var(--win-end),transparent var(--win-end) 360deg);box-shadow:inset 0 0 28px #ffffff38;pointer-events:none}.du-wheel__disc.is-winner:after{animation:du-wedge-glow 1.05s ease-out both}@keyframes du-wedge-glow{0%{opacity:0}38%{opacity:1}to{opacity:.55}}.du-wheel__ticks{top:0;right:0;bottom:0;left:0;z-index:4}.du-wheel__ticks li{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(calc(var(--i) * var(--seg)));display:flex;justify-content:center}.du-wheel__ticks li:before{content:"";width:1px;height:8px;margin-top:0;background:linear-gradient(to bottom,#ffffffbf,#ffffff1f);box-shadow:1px 0 #00000047}.du-wheel__hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 34% 25%,rgba(255,255,255,.9) 0 7%,transparent 19%),linear-gradient(145deg,#e1b5bd,#c98b96 44%,#a96775);border:5px solid #432826;display:grid;place-items:center;box-shadow:0 8px 16px #2b272457,inset 0 2px 2px #ffffff73,inset 0 -4px 7px #5f303b40,0 0 0 1px #ffffffbf}.du-wheel__hub span{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff 0 8%,#fdf8f7 22%,#d7aaafaf);border:1px solid rgba(43,39,36,.18);box-shadow:0 2px 5px #2b272447}.du-wheel__disc.is-spinning+.du-wheel__hub span{animation:du-hub 1s ease-in-out infinite alternate}@keyframes du-hub{to{transform:scale(.86);box-shadow:0 1px 3px #2b272433}}.du-wheel__celebration{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:5;pointer-events:none}.du-wheel__celebration i{--x: 0px;--y: -150px;--r: 0deg;position:absolute;top:50%;left:50%;width:4px;height:10px;border-radius:999px;opacity:0;background:var(--du-accent)}.du-wheel__celebration i:nth-child(2n){background:#e7c9ce;width:5px;height:5px}.du-wheel__celebration i:nth-child(3n){background:var(--du-accent-dark)}.du-wheel__celebration i:nth-child(1){--x: -116px;--y: -105px;--r: -28deg}.du-wheel__celebration i:nth-child(2){--x: -60px;--y: -146px;--r: 12deg}.du-wheel__celebration i:nth-child(3){--x: 8px;--y: -158px;--r: 38deg}.du-wheel__celebration i:nth-child(4){--x: 78px;--y: -137px;--r: 68deg}.du-wheel__celebration i:nth-child(5){--x: 132px;--y: -86px;--r: 112deg}.du-wheel__celebration i:nth-child(6){--x: 147px;--y: 7px;--r: 136deg}.du-wheel__celebration i:nth-child(7){--x: 113px;--y: 102px;--r: 164deg}.du-wheel__celebration i:nth-child(8){--x: -126px;--y: 86px;--r: -145deg}.du-wheel__celebration i:nth-child(9){--x: -151px;--y: 14px;--r: -108deg}.du-wheel__celebration i:nth-child(10){--x: -150px;--y: -50px;--r: -72deg}.du-wheel__disc-wrap.is-celebrating .du-wheel__celebration i{animation:du-confetti 1s cubic-bezier(.15,.7,.25,1) both}.du-wheel__disc-wrap.is-celebrating .du-wheel__celebration i:nth-child(2n){animation-delay:.07s}.du-wheel__disc-wrap.is-celebrating .du-wheel__celebration i:nth-child(3n){animation-delay:.13s}@keyframes du-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}22%{opacity:.8}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.85)}}.du-wheel__spin{width:100%;height:50px;border:1px solid #201D1B;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#37312d,#25211f);color:#fff;font:inherit;font-size:12px;font-weight:650;letter-spacing:.15em;box-shadow:0 8px 18px #2b272429,inset 0 1px #ffffff1f;transition:background .2s ease,transform .12s ease,box-shadow .2s ease}.du-wheel__spin:hover:not(:disabled){background:#171513;box-shadow:0 10px 22px #2b272438}.du-wheel__spin:active:not(:disabled){transform:scale(.985)}.du-wheel__spin:disabled{opacity:.5;cursor:default}.du-wheel__fine{margin:11px 0 0;font-size:10.5px;line-height:1.5;color:var(--du-muted)}.du-wheel__result[hidden]{display:none}.du-wheel__result:not([hidden]){animation:du-result-in .5s cubic-bezier(.2,.7,.2,1) both}@keyframes du-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.du-wheel__medal{display:grid;place-items:center;width:68px;height:68px;margin:12px auto 18px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 8%,#f9edec 34%,#eacdd2);border:1px solid rgba(201,139,150,.32);color:var(--du-accent-dark);font-size:24px;box-shadow:0 10px 24px #b0707e2b,inset 0 1px #ffffffe6}.du-wheel__result h4{margin:0 0 9px;font-size:24px;font-weight:650;letter-spacing:-.025em;color:var(--du-ink)}.du-wheel__result p{margin:0 0 16px;font-size:13.5px;line-height:1.7;color:var(--du-muted)}.du-wheel__code{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #DFC4C8;border-radius:12px;padding:13px 14px;margin:0 0 18px;background:#fdf8f7d6;box-shadow:inset 0 0 0 3px #fff}.du-wheel__code[hidden]{display:none}.du-wheel__code strong{font-size:17px;letter-spacing:.12em;color:var(--du-ink)}.du-wheel__copy{border:1px solid var(--du-line);background:#fff;cursor:pointer;font:inherit;font-size:11px;padding:7px 14px;border-radius:999px;color:var(--du-ink)}.du-wheel__copy:hover{border-color:var(--du-accent);color:var(--du-accent-dark)}.du-wheel__cta{display:inline-block;background:linear-gradient(180deg,var(--du-accent),var(--du-accent-dark));color:#fff;text-decoration:none;border-radius:999px;padding:14px 34px;font-size:12px;font-weight:650;letter-spacing:.1em;box-shadow:0 8px 18px #b0707e33}.du-wheel__cta:hover{background:var(--du-accent-dark)}.du-wheel__next{margin:14px 0 0!important;font-size:12px!important;color:var(--du-muted)}.du-wheel__next:empty{display:none}@media(max-width:640px){.du-wheel-tab{min-height:96px;padding:13px 8px;font-size:9px}.du-wheel__panel{padding:25px 16px 23px;border-radius:20px}.du-wheel__disc-wrap{width:min(268px,calc(100vw - 64px));height:min(268px,calc(100vw - 64px))}.du-wheel__title{font-size:25px}.du-wheel__sub{margin-bottom:15px}.du-wheel__hub{width:56px;height:56px}.du-wheel__pointer{top:-15px;width:40px;height:53px}.du-wheel__celebration{transform:scale(.9)}}@media(max-height:680px){.du-wheel{align-items:start;overflow-y:auto}.du-wheel__panel{margin:10px auto;max-height:none}}@media(prefers-reduced-motion:reduce){.du-wheel__disc.is-spinning+.du-wheel__hub span,.du-wheel__disc.is-winner:after,.du-wheel__disc-wrap.is-celebrating .du-wheel__celebration i,.du-wheel__result:not([hidden]){animation:none!important}.du-wheel-root *{scroll-behavior:auto!important;transition-duration:.01ms!important}}.du-wheel__label{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(calc((var(--i) + .5) * var(--seg)));pointer-events:none}.du-wheel__label span{position:absolute;top:15px;left:50%;transform-origin:0 50%;transform:rotate(90deg);white-space:nowrap;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1}.du-wheel__label.tone-a span,.du-wheel__label.tone-c span{color:#fff;text-shadow:0 1px 2px rgba(43,39,36,.3)}.du-wheel__label.tone-b span,.du-wheel__label.tone-d span{color:var(--du-ink);text-shadow:0 1px 1px rgba(255,255,255,.5)}.du-wheel__label.is-winning span{text-shadow:0 0 8px rgba(255,255,255,.9),0 1px 2px rgba(43,39,36,.3)}.du-wheel__label.is-flipped span{transform:rotate(90deg)}@media(max-width:640px){.du-wheel__label span{top:13px;font-size:8.2px;letter-spacing:.06em}}@media(max-width:767px){.du-wheel-tab{top:38%;min-height:104px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/du-wheel.css.map */