.spin-popup{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:28px;padding:40px 48px;max-width:680px;width:95vw;text-align:center;position:relative;box-shadow:0 1px 2px #0000000d,0 4px 8px #0000000d,0 12px 24px #14213d1a,0 32px 64px #14213d26,inset 0 1px #fffc;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;border:1px solid rgba(207,174,96,.1)}.spin-popup__layout{display:flex;align-items:center;gap:48px}.spin-popup__left{flex-shrink:0}.spin-popup__right{flex:1;text-align:left}.spin-popup__right .spin-popup__title,.spin-popup__right .spin-popup__subtitle,.spin-popup__right .spin-popup__fine{text-align:left}.spin-popup__layout .spin-popup__wheel-wrap{width:260px;height:260px;margin:0}.spin-popup__layout .spin-popup__prize{font-size:10px;padding-right:14px}.spin-popup__wheel-wrap--spinning{width:260px;height:260px;margin:0}.spin-popup__spinner-dots{display:flex;justify-content:flex-start;gap:8px;margin-top:20px}.spin-popup__spinner-dots span{width:12px;height:12px;background:#cfae60;border-radius:50%;animation:dotBounce 1.4s infinite ease-in-out both}.spin-popup__spinner-dots span:nth-child(1){animation-delay:-.32s}.spin-popup__spinner-dots span:nth-child(2){animation-delay:-.16s}.spin-popup__spinner-dots span:nth-child(3){animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.spin-popup__trophy{font-size:120px;line-height:1;text-align:center;animation:trophyPulse 2s ease-in-out infinite}.spin-popup__left--winner .spin-popup__trophy{animation:trophyWin .6s ease-out}@keyframes trophyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes trophyWin{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.spin-popup__left--winner,.spin-popup__left--noluck{display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px;background:linear-gradient(135deg,#cfae601a,#14213d0d);border-radius:20px;position:relative}.spin-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#14213d,#cfae60,#14213d);box-shadow:0 0 20px #cfae6066}.spin-popup__close{position:absolute;top:16px;right:16px;background:transparent;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.spin-popup__close:hover{background:#f1f5f9;color:#14213d;transform:rotate(90deg)}.spin-popup__close:focus{outline:2px solid #cfae60;outline-offset:2px}.spin-popup__close svg{width:20px;height:20px}.spin-popup__title{color:#14213d;font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em;line-height:1.2}.spin-popup__subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0 0 24px;line-height:1.5}.spin-popup__subtitle strong{color:#cfae60;font-weight:600}.spin-popup__wheel-wrap{position:relative;width:200px;height:200px;margin:0 auto 28px;filter:drop-shadow(0 0 30px rgba(207,174,96,.1));-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}.spin-popup__wheel-wrap--big{width:240px;height:240px;margin-bottom:0}.spin-popup__pointer{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid #cfae60;font-size:0;z-index:10;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4)) drop-shadow(0 4px 8px rgba(20,33,61,.3));transition:transform .08s cubic-bezier(.4,0,.2,1)}.spin-popup__pointer:after{content:"";position:absolute;top:-20px;left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid #b8973d}.spin-popup__wheel{position:relative;width:100%;height:100%;border-radius:50%;background:conic-gradient(#14213d 0deg 45deg,#cfae60 45deg 90deg,#1e3a5f 90deg 135deg,#d9bc73 135deg 180deg,#14213d 180deg 225deg,#cfae60 225deg 270deg,#1e3a5f 270deg 315deg,#d9bc73 315deg 360deg);box-shadow:inset 0 0 0 4px #ffffff26,inset 0 4px 8px #0000004d,0 0 0 6px #14213d,0 0 0 8px #cfae60,0 0 0 12px #14213d,0 8px 16px #14213d4d,0 16px 32px #14213d33,0 0 40px #cfae6026;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.spin-popup__wheel--active{transition:transform 5s cubic-bezier(.17,.67,.12,.99);filter:drop-shadow(0 0 20px rgba(207,174,96,.3))}.spin-popup__wheel--active:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(207,174,96,.2) 0%,transparent 70%);animation:spinGlow .5s ease-in-out infinite alternate}@keyframes spinGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.spin-popup__prize{position:absolute;left:50%;top:50%;width:50%;height:24px;margin-top:-12px;margin-left:0;transform-origin:0 50%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;box-sizing:border-box;font-size:8px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px;z-index:2;transform:rotate(calc(var(--i) * 45deg + 22.5deg - 90deg));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spin-popup__wheel-wrap--big .spin-popup__prize{font-size:9px;padding-right:12px;height:28px;margin-top:-14px}.spin-popup__wheel:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 50%),linear-gradient(135deg,#e8d48a,#cfae60,#a68832,#cfae60,#e8d48a);border-radius:50%;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #0003,0 0 0 4px #14213d,0 0 0 6px #cfae60,0 0 0 8px #14213d,0 4px 8px #0000004d,0 8px 16px #0003;z-index:5}.spin-popup__wheel-wrap--big .spin-popup__wheel:after{width:56px;height:56px}.spin-popup__form{display:flex;flex-direction:column;gap:12px}.spin-popup__form input[type=email]{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-family:inherit;background:#f8fafc;box-sizing:border-box;color:#14213d;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-appearance:none}.spin-popup__form input[type=email]:hover{border-color:#cbd5e1}.spin-popup__form input[type=email]:focus{outline:none;border-color:#cfae60;background:#fff;box-shadow:0 0 0 4px #cfae6026}.spin-popup__form input[type=email]::placeholder{color:#94a3b8}.spin-popup__btn{background:linear-gradient(180deg,#1e3a5f,#14213d);color:#fff;border:none;padding:18px 36px;border-radius:14px;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);letter-spacing:.05em;text-transform:uppercase;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 4px #0a1120,0 6px 12px #14213d4d,0 12px 24px #14213d33}.spin-popup__btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(207,174,96,.15) 0%,transparent 50%);opacity:0;transition:opacity .15s}.spin-popup__btn:after{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(207,174,96,.6) 50%,transparent 100%)}.spin-popup__btn:hover{background:linear-gradient(180deg,#2a4a70,#1e3a5f);box-shadow:inset 0 1px #ffffff26,0 4px #0a1120,0 8px 16px #14213d59,0 0 30px #cfae6033}.spin-popup__btn:hover:before{opacity:1}.spin-popup__btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff1a,0 1px #0a1120,0 2px 4px #14213d4d}.spin-popup__btn:focus{outline:2px solid #cfae60;outline-offset:3px}.spin-popup__fine{color:#94a3b8;font-size:12px;margin:12px 0 0}.spin-popup__prize-box{background:radial-gradient(circle at 50% 0%,rgba(207,174,96,.15) 0%,transparent 50%),linear-gradient(135deg,#f8fafc,#fff,#f8fafc);border:2px solid rgba(207,174,96,.3);border-radius:16px;padding:24px 20px;margin:20px 0;box-shadow:0 4px 12px #cfae6026,inset 0 1px #fffc;position:relative;overflow:hidden}.spin-popup__prize-box:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(207,174,96,.1) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}.spin-popup__prize-label{display:block;color:#cfae60;font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:6px;font-weight:600}.spin-popup__prize-value{display:block;color:#14213d;font-size:32px;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(20,33,61,.1)}.spin-popup__code-box{background:linear-gradient(180deg,#0a1120,#14213d,#0a1120);border-radius:12px;padding:20px 16px;margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:inset 0 2px 8px #00000080,inset 0 0 20px #0000004d,0 1px #ffffff1a;border:1px solid rgba(207,174,96,.2)}.spin-popup__code-box span:first-child{color:#cfae60cc;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:600}.spin-popup__code{color:#cfae60;font-size:24px;font-weight:700;letter-spacing:.2em;font-family:SF Mono,Monaco,monospace;text-shadow:0 0 10px rgba(207,174,96,.5),0 0 20px rgba(207,174,96,.3);animation:codeGlow 2s ease-in-out infinite}@keyframes codeGlow{0%,to{text-shadow:0 0 10px rgba(207,174,96,.5),0 0 20px rgba(207,174,96,.3)}50%{text-shadow:0 0 15px rgba(207,174,96,.7),0 0 30px rgba(207,174,96,.5)}}.spin-popup__copy{background:linear-gradient(180deg,#cfae6033,#cfae601a);color:#cfae60;border:1px solid rgba(207,174,96,.4);padding:10px 20px;border-radius:8px;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px #0003,0 4px 8px #0000001a}.spin-popup__copy:hover{background:linear-gradient(180deg,#cfae604d,#cfae6033);border-color:#cfae6099;box-shadow:0 2px #0003,0 6px 12px #cfae6033}.spin-popup__copy:active{transform:translateY(2px);box-shadow:0 0 #0003}.spin-popup__urgency{color:#64748b;font-size:13px;font-weight:500;margin:12px 0;display:flex;align-items:center;justify-content:center;gap:6px}.spin-popup__urgency:before{content:"";width:8px;height:8px;background:#cfae60;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.spin-popup__shop{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#cfae60,#b8973d);color:#14213d;padding:16px 32px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px #ffffff4d,0 4px #8a6d2a,0 6px 12px #14213d40}.spin-popup__shop:after{content:"\2192";transition:transform .15s;font-weight:700}.spin-popup__shop:hover{background:linear-gradient(180deg,#d9bc73,#cfae60);box-shadow:inset 0 1px #fff6,0 4px #8a6d2a,0 8px 16px #14213d4d,0 0 20px #cfae604d;color:#14213d}.spin-popup__shop:hover:after{transform:translate(4px)}.spin-popup__shop:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff4d,0 1px #8a6d2a,0 2px 4px #14213d33}.spin-popup__consolation{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin:16px 0}.spin-popup__consolation p{color:#14213d;font-size:14px;margin:0 0 12px}.spin-popup__consolation strong{color:#cfae60;font-weight:600}.spin-popup__consolation .spin-popup__code-box{margin:0}.spin-popup__email-notice{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #86efac;border-radius:16px;padding:20px 24px;margin:20px 0;display:flex;align-items:center;gap:16px;text-align:left}.spin-popup__email-icon{font-size:32px;flex-shrink:0}.spin-popup__email-notice p{color:#14532d;font-size:15px;font-weight:500;margin:0;line-height:1.5}.spin-popup__email-notice strong{color:#166534;font-weight:700}@media(max-width:700px){.spin-popup{max-width:380px;padding:32px 24px}.spin-popup__layout{flex-direction:column;gap:24px}.spin-popup__right,.spin-popup__right .spin-popup__title,.spin-popup__right .spin-popup__subtitle,.spin-popup__right .spin-popup__fine{text-align:center}.spin-popup__layout .spin-popup__wheel-wrap,.spin-popup__wheel-wrap--spinning{width:200px;height:200px;margin:0 auto}.spin-popup__layout .spin-popup__prize{font-size:8px;padding-right:10px}.spin-popup__spinner-dots{justify-content:center}.spin-popup__left--winner,.spin-popup__left--noluck{min-width:150px;min-height:150px}.spin-popup__trophy{font-size:80px}}@media(max-width:400px){.spin-popup{padding:24px 18px;border-radius:24px;max-width:360px}.spin-popup__title{font-size:22px}.spin-popup__wheel-wrap,.spin-popup__layout .spin-popup__wheel-wrap{width:180px;height:180px}.spin-popup__wheel-wrap--big{width:200px;height:200px}.spin-popup__prize,.spin-popup__layout .spin-popup__prize{font-size:7px;padding-right:8px}.spin-popup__wheel:after{width:40px;height:40px}.spin-popup__form input[type=email]{padding:14px 16px;font-size:15px}.spin-popup__btn{padding:16px 24px;font-size:14px;box-shadow:inset 0 1px #ffffff1a,0 3px #0a1120,0 5px 10px #14213d4d}.spin-popup__code{font-size:20px}.spin-popup__prize-value{font-size:28px}.spin-popup__shop{padding:14px 24px;font-size:14px}.spin-popup__wheel-wrap--spinning{width:180px;height:180px}.spin-popup__left--winner,.spin-popup__left--noluck{min-width:120px;min-height:120px}.spin-popup__trophy{font-size:64px}.spin-popup__spinner-dots span{width:10px;height:10px}}@media(prefers-reduced-motion:reduce){.spin-popup__btn,.spin-popup__shop,.spin-popup__close,.spin-popup__copy{transition:none}.spin-popup__urgency:before{animation:none}}.spin-popup__hidden-form{position:absolute;left:-9999px;visibility:hidden;height:0;overflow:hidden}@supports (-webkit-touch-callout: none){.spin-popup__wheel{box-shadow:inset 0 0 0 4px #ffffff26,0 0 0 6px #14213d,0 0 0 8px #cfae60,0 0 0 12px #14213d,0 8px 24px #14213d4d}.spin-popup__wheel:after{box-shadow:inset 0 2px 4px #ffffff80,0 0 0 4px #14213d,0 0 0 6px #cfae60,0 4px 8px #0000004d}.spin-popup__pointer{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.spin-popup,.spin-popup__wheel-wrap,.spin-popup__wheel{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-popup-spin-wheel.css.map */