.spin-wheel-section-wrapper{--sw-overlay: rgba(10, 20, 15, .72);--sw-panel-bg: #1b4d3e;--sw-heading: #ffffff;--sw-text: #e8f1ec;--sw-label: #ffffff;--sw-consent: #cfe0d7;--sw-input-bg: #ffffff;--sw-input-border: #ffffff;--sw-input-text: #17251c;--sw-input-placeholder: #7d8c84;--sw-accent: #f2b24c;--sw-button-bg: #f2b24c;--sw-button-text: #1b2b20;--sw-error: #ffb3a7;--sw-rim: #123a2e;--sw-pointer: #f2b24c;--sw-hub-bg: #ffffff;--sw-hub-text: #1b4d3e;--sw-divider: rgba(255, 255, 255, .5);--sw-bulb: #ffe6a8;--sw-slice-a: #1f5f4a;--sw-slice-a-text: #ffffff;--sw-slice-b: #f2b24c;--sw-slice-b-text: #1b2b20;--sw-slice-c: #fbf3e2;--sw-slice-c-text: #1b4d3e}.spin-wheel-section-wrapper[data-scheme=cream]{--sw-panel-bg: #fbf6ec;--sw-heading: #1b4d3e;--sw-text: #4a5d52;--sw-label: #1b4d3e;--sw-consent: #5b6d62;--sw-input-bg: #ffffff;--sw-input-border: #d9cdb6;--sw-input-text: #1b2b20;--sw-input-placeholder: #9aa39c;--sw-accent: #1b4d3e;--sw-button-bg: #1b4d3e;--sw-button-text: #ffffff;--sw-error: #c0392b;--sw-rim: #1b4d3e;--sw-pointer: #e39a45;--sw-hub-bg: #ffffff;--sw-hub-text: #1b4d3e;--sw-divider: rgba(255, 255, 255, .7);--sw-bulb: #fff3d6;--sw-slice-a: #1b4d3e;--sw-slice-a-text: #ffffff;--sw-slice-b: #e39a45;--sw-slice-b-text: #1b2b20;--sw-slice-c: #f3e6cc;--sw-slice-c-text: #1b4d3e}.spin-wheel-section-wrapper[data-scheme=white]{--sw-panel-bg: #ffffff;--sw-heading: #16352b;--sw-text: #56645c;--sw-label: #16352b;--sw-consent: #6b7770;--sw-input-bg: #f4f7f5;--sw-input-border: #d3ddd7;--sw-input-text: #16352b;--sw-input-placeholder: #97a39c;--sw-accent: #2f7a5b;--sw-button-bg: #16352b;--sw-button-text: #ffffff;--sw-error: #c0392b;--sw-rim: #16352b;--sw-pointer: #f2b24c;--sw-hub-bg: #ffffff;--sw-hub-text: #16352b;--sw-divider: rgba(255, 255, 255, .75);--sw-bulb: #ffffff;--sw-slice-a: #16352b;--sw-slice-a-text: #ffffff;--sw-slice-b: #7fb89a;--sw-slice-b-text: #0f2a20;--sw-slice-c: #eaf3ee;--sw-slice-c-text: #16352b}.spin-wheel-section-wrapper[data-scheme=honey]{--sw-panel-bg: #fff4e2;--sw-heading: #7a3a12;--sw-text: #6b4a33;--sw-label: #7a3a12;--sw-consent: #7d5c44;--sw-input-bg: #ffffff;--sw-input-border: #efcf9f;--sw-input-text: #4a2a12;--sw-input-placeholder: #b39479;--sw-accent: #c8641f;--sw-button-bg: #c8641f;--sw-button-text: #ffffff;--sw-error: #b3261e;--sw-rim: #7a3a12;--sw-pointer: #ffffff;--sw-hub-bg: #ffffff;--sw-hub-text: #7a3a12;--sw-divider: rgba(255, 255, 255, .6);--sw-bulb: #ffe0a3;--sw-slice-a: #c8641f;--sw-slice-a-text: #ffffff;--sw-slice-b: #f6c77d;--sw-slice-b-text: #5a2c0c;--sw-slice-c: #7a3a12;--sw-slice-c-text: #ffffff}.spin-wheel-section-wrapper[data-scheme=midnight]{--sw-overlay: rgba(5, 8, 12, .78);--sw-panel-bg: #151a21;--sw-heading: #ffffff;--sw-text: #c9d1d9;--sw-label: #ffffff;--sw-consent: #aab4bf;--sw-input-bg: #1f2630;--sw-input-border: #334050;--sw-input-text: #ffffff;--sw-input-placeholder: #7f8b99;--sw-accent: #f5c451;--sw-button-bg: #f5c451;--sw-button-text: #151a21;--sw-error: #ff9b8f;--sw-rim: #0b0e12;--sw-pointer: #f5c451;--sw-hub-bg: #f5c451;--sw-hub-text: #151a21;--sw-divider: rgba(255, 255, 255, .18);--sw-bulb: #ffe08a;--sw-slice-a: #232b36;--sw-slice-a-text: #ffffff;--sw-slice-b: #f5c451;--sw-slice-b-text: #151a21;--sw-slice-c: #3a4656;--sw-slice-c-text: #ffffff}.spin-wheel-section-wrapper{--sw-fs: calc(14px * var(--sw-text-scale, 1));position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center}.spin-wheel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:var(--sw-overlay);animation:spinFadeIn .25s ease}@keyframes spinFadeIn{0%{opacity:0}to{opacity:1}}.spin-wheel-container{background:transparent;width:min(780px,100%);max-height:94dvh;display:flex;align-items:center;position:relative;animation:spinPopIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes spinPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.spin-wheel-overlay,.spin-wheel-container{animation:none}}.spin-wheel-close{position:absolute;top:-14px;right:-14px;z-index:30;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--sw-panel-bg);color:var(--sw-heading);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #0000004d;transition:transform .15s ease}.spin-wheel-close:hover{transform:scale(1.08)}.spin-wheel-graphic-area{position:relative;z-index:10;flex-shrink:0;display:flex;align-items:center;justify-content:center}.wheel-outer-border{--wheel-size: 340px;width:var(--wheel-size);height:var(--wheel-size);border-radius:50%;border:10px solid var(--sw-rim);background:var(--sw-rim);position:relative;box-shadow:0 20px 40px -12px #0000008c,0 0 0 6px #ffffff14}.wheel-glow{position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,transparent 70%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}.wheel-outer-border.is-spinning .wheel-glow{opacity:1;animation:spinGlowPulse 1.2s ease-in-out infinite}@keyframes spinGlowPulse{0%,to{opacity:.4}50%{opacity:.9}}.wheel-bulb{position:absolute;z-index:2;border-radius:50%;background:var(--sw-bulb);box-shadow:0 0 6px 1px color-mix(in srgb,var(--sw-bulb) 70%,transparent);transform:translate(-50%,-50%);pointer-events:none}.wheel-outer-border.is-spinning .wheel-bulb{animation:spinBulbBlink .5s steps(1) infinite}.wheel-outer-border.is-spinning .wheel-bulb--alt{animation-delay:-.25s}@keyframes spinBulbBlink{50%{opacity:.35;box-shadow:none}}.wheel-inner{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0000002e;transition:transform 5s cubic-bezier(.12,.72,.15,1);will-change:transform}.wheel-slice-label{position:absolute;top:50%;left:50%;z-index:5;width:var(--label-length, 0px);font-size:var(--label-font-size, 12px);font-weight:700;line-height:1.15;text-align:center;pointer-events:none;visibility:hidden;transform:translate(-50%,-50%) translate(var(--label-x, 0px),var(--label-y, 0px)) rotate(var(--label-rot, 0deg))}.wheel-inner.labels-ready .wheel-slice-label{visibility:visible}.wheel-inner.labels-animate .wheel-slice-label{transition:transform .4s ease}.wheel-slice-label span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--label-lines, 2);overflow:hidden;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 1px 1px rgba(0,0,0,.15)}.wheel-inner.is-measuring .wheel-slice-label span{display:block;-webkit-line-clamp:none;overflow:visible;overflow-wrap:normal}@media(prefers-reduced-motion:reduce){.wheel-inner.labels-animate .wheel-slice-label{transition:none}}.wheel-pointer{position:absolute;top:50%;right:-6px;transform:translateY(-50%);width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:20px solid var(--sw-pointer);z-index:15;filter:drop-shadow(-2px 0px 3px rgba(0,0,0,.35))}.wheel-pointer:before{content:"";position:absolute;top:50%;right:-13px;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;background:var(--sw-pointer);box-shadow:0 2px 5px #0000004d}.wheel-pointer.is-bouncing{animation:pointerTick .15s ease-in-out}@keyframes pointerTick{0%,to{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-50%) rotate(-10deg)}}.wheel-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;background:var(--sw-hub-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--sw-hub-text);z-index:12;box-shadow:0 0 0 4px color-mix(in srgb,var(--sw-hub-bg) 85%,transparent),0 3px 10px #00000059;overflow:hidden}.wheel-center-hub img{width:100%;height:100%;object-fit:contain;border-radius:50%}.spin-wheel-content-area{flex:1;min-width:0;padding:36px 34px 30px 56px;margin-left:-34px;border-radius:24px;display:flex;flex-direction:column;align-items:flex-start;background:var(--sw-panel-bg);color:var(--sw-text);box-shadow:0 24px 50px -20px #00000080}.spin-wheel-content-inner{width:100%}.spin-wheel-content-area .spin-heading{width:100%;text-align:center;font-size:calc(var(--sw-fs) * 1.85);font-weight:800;line-height:1.15;margin:0 0 8px;color:var(--sw-heading)}.spin-subheading{width:100%;text-align:center;font-size:calc(var(--sw-fs) * 1.05);line-height:1.4;margin:0 0 18px;color:var(--sw-text)}.spin-wheel-form{width:100%}.spin-field-group{width:100%;margin-bottom:12px;position:relative}.spin-field-group label{display:block;color:var(--sw-label);font-size:calc(var(--sw-fs) * .95);font-weight:600;margin-bottom:6px}.spin-field-group input[type=text],.spin-field-group input[type=tel],.spin-field-group input[type=email]{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--sw-input-border);background:var(--sw-input-bg);color:var(--sw-input-text);font-size:max(16px,calc(var(--sw-fs) * 1.05));font-family:inherit;box-sizing:border-box;box-shadow:none;transition:border-color .2s,box-shadow .2s}.spin-field-group input::placeholder{color:var(--sw-input-placeholder);opacity:1}.spin-field-group input:focus{outline:none;border-color:var(--sw-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sw-accent) 25%,transparent)}.spin-field-group input.spin-input-error{border-color:var(--sw-error)}.spin-field-error:empty{display:none}.spin-field-error{display:block;font-size:calc(var(--sw-fs) * .8);color:var(--sw-error);margin-top:4px}.spin-consent-group{margin-bottom:14px}.spin-field-group .spin-checkbox-label{display:flex;align-items:flex-start;gap:10px;margin:0;color:var(--sw-consent);font-size:calc(var(--sw-fs) * .95);font-weight:600;line-height:1.45;cursor:pointer}.spin-checkbox-label input[type=checkbox]{-webkit-appearance:none;appearance:none;flex-shrink:0;width:18px;height:18px;margin:0;display:grid;place-content:center;border:1.5px solid var(--sw-input-border);border-radius:5px;background:var(--sw-input-bg);cursor:pointer;transition:background .15s,border-color .15s}.spin-checkbox-label input[type=checkbox]:after{content:"";width:9px;height:5px;border-left:2px solid var(--sw-button-text);border-bottom:2px solid var(--sw-button-text);transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .15s ease}.spin-checkbox-label input[type=checkbox]:checked{background:var(--sw-button-bg);border-color:var(--sw-button-bg)}.spin-checkbox-label input[type=checkbox]:checked:after{transform:translateY(-1px) rotate(-45deg) scale(1)}.spin-checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--sw-accent);outline-offset:2px}.spin-submit-btn{width:100%;padding:14px;border:none;border-radius:14px;cursor:pointer;font-weight:700;background:var(--sw-button-bg);color:var(--sw-button-text);font-size:calc(var(--sw-fs) * 1.2);font-family:inherit;margin-top:4px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--sw-button-bg) 80%,black);transition:opacity .2s,transform .1s,filter .2s;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.spin-submit-btn:hover:not(:disabled){filter:brightness(1.06)}.spin-submit-btn:active:not(:disabled){transform:scale(.98)}.spin-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:spinBtnLoader .7s linear infinite;display:inline-block}@keyframes spinBtnLoader{to{transform:rotate(360deg)}}.spin-no-thanks{display:block;width:auto;margin:8px auto 0;padding:4px 6px;border:none;background:transparent;color:var(--sw-text);text-decoration:underline;cursor:pointer;font-size:calc(var(--sw-fs) * .72);font-family:inherit;opacity:.65}.spin-no-thanks:hover{opacity:1}.spin-legal-text{font-size:calc(var(--sw-fs) * .78);color:var(--sw-consent);opacity:.75;margin-top:10px;line-height:1.4}.spin-confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100000}.spin-result-panel{width:100%;animation:spinResultIn .4s ease}@keyframes spinResultIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin-wheel-content-area .spin-result-panel h2{font-size:calc(var(--sw-fs) * 1.7);font-weight:800;margin:0 0 10px;color:var(--sw-heading)}.spin-result-panel .spin-result-sub{font-size:calc(var(--sw-fs) * 1.02);line-height:1.45;color:var(--sw-text);margin:0 0 18px}.spin-code-box{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--sw-text) 10%,transparent);border:1.5px dashed color-mix(in srgb,var(--sw-accent) 75%,transparent);border-radius:10px;padding:12px 14px;margin-bottom:16px}.spin-code-box .spin-code-value{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:calc(var(--sw-fs) * 1.1);font-weight:700;letter-spacing:1px;flex:1;word-break:break-all;color:var(--sw-heading)}.spin-copy-btn{background:var(--sw-button-bg);color:var(--sw-button-text);border:none;border-radius:8px;padding:8px 14px;font-size:calc(var(--sw-fs) * .85);font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:filter .2s,transform .1s}.spin-copy-btn:hover{filter:brightness(1.08)}.spin-copy-btn:active{transform:scale(.96)}.spin-copy-btn.copied{background:#27ae60;color:#fff}.spin-shop-cta{display:inline-block;width:100%;text-align:center;box-sizing:border-box;padding:13px;border-radius:14px;background:var(--sw-button-bg);color:var(--sw-button-text)!important;font-weight:700;text-decoration:none;font-size:calc(var(--sw-fs) * 1.05);margin-top:4px;transition:filter .2s}.spin-shop-cta:hover{filter:brightness(1.06)}.spin-attempts-used{font-size:calc(var(--sw-fs) * .8);color:var(--sw-text);opacity:.7;margin-top:12px}@media(max-width:860px){.spin-wheel-overlay{padding:12px 16px;align-items:center}.spin-wheel-container{flex-direction:column;width:min(420px,100%);max-height:94dvh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.spin-wheel-container::-webkit-scrollbar{display:none}.spin-wheel-close{top:8px;right:8px}.spin-wheel-graphic-area{width:100%;padding-top:clamp(20px,6vw,32px);margin-bottom:clamp(-30px,-7vw,-18px)}.wheel-outer-border{--wheel-size: clamp(210px, 66vw, 300px)}.spin-wheel-section-wrapper{--sw-fs: calc(14px * var(--sw-text-scale, 1))}@supports (height: 1dvh){.wheel-outer-border{--wheel-size: clamp(200px, min(66vw, 36dvh), 300px)}}.wheel-center-hub{width:50px;height:50px;font-size:10px}.spin-wheel-content-area{width:100%;margin-left:0;padding:clamp(40px,10vw,50px) clamp(20px,6vw,28px) clamp(16px,4vw,22px);border-radius:22px;align-items:center;text-align:center}.spin-wheel-content-area .spin-heading{font-size:calc(var(--sw-fs) * 1.85)}.spin-field-group label,.spin-checkbox-label{text-align:left}}@media(max-width:380px){.wheel-outer-border{--wheel-size: clamp(200px, 64vw, 240px);border-width:8px}.wheel-center-hub{width:44px;height:44px}}@media(max-width:860px)and (max-height:680px){.spin-wheel-content-area{padding-top:34px;padding-bottom:14px}.spin-subheading{margin-bottom:12px}.spin-field-group{margin-bottom:10px}.wheel-outer-border{--wheel-size: clamp(190px, 60vw, 230px)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/spin-wheel.css.map */