.spin-wheel-overlay{--sw-overlay-bg: rgba(0, 0, 0, .6);--sw-modal-bg: #ffffff;--sw-modal-radius: 20px;--sw-modal-shadow: 0 30px 60px rgba(0, 0, 0, .3);--sw-modal-max-width: 440px;--sw-modal-padding: 32px 28px;--sw-transition: .35s cubic-bezier(.4, 0, .2, 1);--sw-btn-bg: #1a1a1a;--sw-btn-color: #ffffff;--sw-btn-radius: 10px;--sw-btn-font-size: 16px;--sw-text-primary: #1a1a1a;--sw-text-secondary: #666666;--sw-text-muted: #999999;--sw-border-light: #e5e5e5;--sw-code-bg: #f8f5f1;--sw-code-border: #d4c5b3;--sw-success-color: #22c55e;--sw-error-color: #dc2626}.spin-wheel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--sw-overlay-bg);padding:16px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;-webkit-overflow-scrolling:touch;overflow-y:auto}.spin-wheel-overlay.is-visible{opacity:1;visibility:visible}.spin-wheel-modal{position:relative;width:100%;max-width:var(--sw-modal-max-width);max-height:95vh;background:var(--sw-modal-bg);border-radius:var(--sw-modal-radius);box-shadow:var(--sw-modal-shadow);padding:var(--sw-modal-padding);transform:translateY(30px) scale(.95);transition:transform .45s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;overflow-x:hidden}.spin-wheel-overlay.is-visible .spin-wheel-modal{transform:translateY(0) scale(1)}.spin-wheel-close{position:absolute;top:14px;right:14px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--sw-border-light);background:var(--sw-modal-bg);color:var(--sw-text-primary);cursor:pointer;transition:background var(--sw-transition),border-color var(--sw-transition),transform .2s ease}[dir=rtl] .spin-wheel-close{right:auto;left:14px}.spin-wheel-close:hover{background:#f5f5f5;border-color:#ccc;transform:rotate(90deg)}.spin-wheel-close svg{width:16px;height:16px;pointer-events:none}.spin-wheel-header{text-align:center;margin-bottom:20px}.spin-wheel-header h2{font-family:var(--heading-font-family, system-ui, -apple-system, "Segoe UI", sans-serif);font-size:clamp(22px,5vw,28px);font-weight:700;color:var(--sw-text-primary);margin:0 0 6px;line-height:1.2}.spin-wheel-header p{font-size:14px;color:var(--sw-text-secondary);margin:0;line-height:1.4}.spin-wheel-wrapper{position:relative;width:min(320px,78vw);margin:0 auto 24px}.spin-wheel-pointer-wrapper{position:absolute;top:-6px;left:50%;transform:translate(-50%);z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.spin-wheel-pointer{width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:22px solid var(--sw-pointer-color, #d4c5b3)}.spin-wheel-canvas{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;position:relative}.spin-wheel-canvas svg{display:block;width:100%;height:100%}.spin-wheel-canvas.is-spinning{transition:transform 5s cubic-bezier(.06,.7,.08,1)}.spin-wheel-canvas svg text{font-family:var(--heading-font-family, system-ui, -apple-system, "Segoe UI", sans-serif);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;-webkit-user-select:none;user-select:none}.spin-wheel-actions{text-align:center}.spin-wheel-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px 32px;border:none;border-radius:var(--sw-btn-radius);background:var(--sw-btn-bg);color:var(--sw-btn-color);font-family:var(--heading-font-family, system-ui, -apple-system, "Segoe UI", sans-serif);font-size:var(--sw-btn-font-size);font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background var(--sw-transition),transform .2s ease,box-shadow var(--sw-transition);position:relative;overflow:hidden}.spin-wheel-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.spin-wheel-btn:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 6px 20px #00000040}.spin-wheel-btn:active:not(:disabled){transform:translateY(0)}.spin-wheel-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes sw-btn-pulse{0%,to{box-shadow:0 0 #1a1a1a66}50%{box-shadow:0 0 0 10px #1a1a1a00}}.spin-wheel-btn:not(:disabled){animation:sw-btn-pulse 2.5s ease-in-out infinite}.spin-wheel-btn:hover:not(:disabled){animation:none}.spin-wheel-result{animation:sw-fade-slide-up .5s cubic-bezier(.34,1.56,.64,1) both}.spin-wheel-code-box{margin-bottom:20px;text-align:center}.spin-wheel-code-label{display:block;font-size:13px;color:var(--sw-text-secondary);margin-bottom:8px}.spin-wheel-code-display{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:2px dashed var(--sw-code-border);border-radius:10px;background:var(--sw-code-bg);animation:sw-code-reveal .6s cubic-bezier(.34,1.56,.64,1) .2s both}.spin-wheel-code-text{font-family:var(--heading-font-family, system-ui, sans-serif);font-size:20px;font-weight:700;color:var(--sw-text-primary);letter-spacing:2px;direction:ltr;unicode-bidi:isolate}.spin-wheel-copy-btn{display:flex;align-items:center;justify-content:center;width:45px;height:37px;border:1px solid var(--sw-border-light);border-radius:6px;background:#fff;color:var(--sw-text-secondary);cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:600}.spin-wheel-copy-btn:hover{background:#f5f5f5;color:var(--sw-text-primary)}.spin-wheel-copy-btn.copied{border-color:var(--sw-success-color);color:var(--sw-success-color);background:#f0fdf4}.spin-wheel-form{margin-bottom:12px}.spin-wheel-form .fieldset[hidden],.spin-wheel-form .spin-wheel-consent-row[hidden],.spin-wheel-form .spin-wheel-submit[hidden]{display:none}.iti{display:block!important;width:100%!important}.iti--container{z-index:10050}.spin-wheel-input{width:100%;padding:14px;border:1.5px solid var(--sw-border-light);border-radius:var(--sw-btn-radius);background:#fff;font-family:inherit;font-size:16px;color:var(--sw-text-primary);outline:none;direction:ltr;transition:border-color .25s ease,box-shadow .25s ease}[dir=rtl] .spin-wheel-input{text-align:right}.spin-wheel-input::placeholder{color:var(--sw-text-muted)}.spin-wheel-input:focus{border-color:var(--sw-code-border);box-shadow:0 0 0 3px #d4c5b333}.spin-wheel-input.is-invalid{border-color:var(--sw-error-color)}.spin-wheel-input.is-invalid:focus{box-shadow:0 0 0 3px #dc262626}.spin-wheel-phone-preview{margin:8px 2px 0;font-size:12px;line-height:1.4;color:var(--sw-text-secondary);text-align:start}.spin-wheel-phone-preview[hidden]{display:none}.iti--separate-dial-code .iti__selected-dial-code{font-size:16px;color:var(--sw-text-primary)}.iti__country-container{direction:ltr}.spin-wheel-consent-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;line-height:1.45;color:var(--sw-text-secondary);cursor:pointer;text-align:start}.spin-wheel-consent-box{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--sw-btn-bg);cursor:pointer}.spin-wheel-consent-box:focus-visible{outline:2px solid var(--sw-code-border);outline-offset:2px}.spin-wheel-consent{font-size:11px;line-height:1.5;color:var(--sw-text-muted);margin-bottom:16px;text-align:center}.spin-wheel-consent[hidden]{display:none}.spin-wheel-consent a{color:var(--sw-text-secondary);text-decoration:underline}.spin-wheel-consent p{margin:0}.spin-wheel-consent-links{margin-top:4px!important}.spin-wheel-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 32px;border:none;border-radius:var(--sw-btn-radius);background:var(--sw-btn-bg);color:var(--sw-btn-color);font-family:var(--heading-font-family, system-ui, sans-serif);font-size:var(--sw-btn-font-size);font-weight:600;cursor:pointer;transition:background var(--sw-transition),transform .2s ease;margin-top:18px;position:relative}.spin-wheel-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.spin-wheel-submit:hover:not(:disabled){background:#333;transform:translateY(-1px)}.spin-wheel-submit:disabled{opacity:.6;cursor:not-allowed}.spin-wheel-submit .sw-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sw-spin .6s linear infinite}.spin-wheel-submit.is-loading .sw-spinner{display:block}.spin-wheel-success-msg,.spin-wheel-error-msg{margin:12px 0 0;font-size:14px;line-height:1.45;text-align:center}.spin-wheel-success-msg[hidden],.spin-wheel-error-msg[hidden]{display:none}.spin-wheel-success-msg{color:var(--sw-success-color);font-weight:600}.spin-wheel-error-msg{color:var(--sw-error-color)}.spin-wheel-no-thanks{display:block;width:100%;padding:8px;border:none;background:transparent;color:var(--sw-text-secondary);font-family:inherit;font-size:14px;text-align:center;cursor:pointer;transition:color .2s ease;text-decoration:underline;text-underline-offset:3px}.spin-wheel-no-thanks:hover{color:var(--sw-text-primary)}.spin-wheel-trigger{position:fixed;bottom:-100px;left:20px;z-index:2;border:none;background:#000;color:#fff;font-family:inherit;font-size:14px;cursor:pointer;border-radius:8px 8px 0 0;padding:12px 17px 22px;transition:transform .2s ease,box-shadow .5s ease-in-out,bottom .6s cubic-bezier(.22,1,.36,1)}.spin-wheel-trigger.is-active{bottom:0;transform:translateY(10px)}.spin-wheel-trigger.is-hidden{bottom:-100px!important}.spin-wheel-trigger:hover{transform:translateY(0)!important;box-shadow:4px 2px 18px 5px #00000059;-webkit-box-shadow:4px 2px 18px 5px rgba(0,0,0,.35)}.spin-wheel-odds{margin-top:18px;padding:12px 14px;border:1px dashed var(--sw-border-light);border-radius:8px;font-size:12px;color:var(--sw-text-secondary);text-align:start}.spin-wheel-odds-title{margin:0 0 8px;font-weight:600;color:var(--sw-text-primary)}.spin-wheel-odds ul{margin:0;padding:0;list-style:none}.spin-wheel-odds li{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px solid rgba(0,0,0,.05)}.spin-wheel-odds li:last-child{border-bottom:none}.spin-wheel-odds li span:last-child{font-variant-numeric:tabular-nums;color:var(--sw-text-primary)}.spin-wheel-odds-note{margin:8px 0 0;font-size:11px;color:var(--sw-text-muted)}@keyframes sw-fade-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sw-code-reveal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sw-spin{to{transform:rotate(360deg)}}.spin-wheel-modal::-webkit-scrollbar{width:4px}.spin-wheel-modal::-webkit-scrollbar-track{background:transparent}.spin-wheel-modal::-webkit-scrollbar-thumb{background:var(--sw-border-light);border-radius:4px}@media screen and (max-width:480px){.spin-wheel-overlay{padding:10px;align-items:center}.spin-wheel-modal{--sw-modal-padding: 24px 20px;max-height:95vh;border-radius:16px}.spin-wheel-wrapper{width:min(280px,75vw);margin-bottom:20px}.spin-wheel-header h2{font-size:22px}.spin-wheel-btn,.spin-wheel-submit{padding:14px 24px;font-size:15px}.spin-wheel-code-text{font-size:17px}.spin-wheel-consent{font-size:10px}.spin-wheel-consent-row{font-size:12px}}@media screen and (max-height:700px){.spin-wheel-wrapper{width:min(260px,65vw);margin-bottom:16px}.spin-wheel-header{margin-bottom:14px}.spin-wheel-modal{--sw-modal-padding: 24px 20px}}@media(prefers-reduced-motion:reduce){.spin-wheel-overlay,.spin-wheel-modal,.spin-wheel-result,.spin-wheel-code-display,.spin-wheel-trigger{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spin-wheel-btn:not(:disabled){animation:none}.spin-wheel-canvas.is-spinning{transition-duration:1s}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/spin-wheel.css.map */