spin-wheel-popup{display:none}spin-wheel-popup.is-initialized{display:block}.spin-wheel-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.spin-wheel-popup-overlay.is-active{opacity:1;visibility:visible}.spin-wheel-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999;background:var(--spin-bg-color, #fff9f0);border-radius:16px;box-shadow:0 25px 80px #0000004d;max-width:950px;width:95%;max-height:95vh;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease,transform .4s ease}.spin-wheel-popup.is-active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.spin-wheel-popup__close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:var(--spin-close-bg, #2c2924);border:none;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.spin-wheel-popup__close:hover{transform:rotate(90deg);background:var(--spin-accent-color, #7069bc)}.spin-wheel-popup__close svg{width:16px;height:16px;stroke:#fff;stroke-width:2}.spin-wheel-popup__container{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.spin-wheel-popup__wheel-section{background:var(--spin-bg-color, #fff9f0);padding:50px 40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.spin-wheel-ticker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-190px);z-index:100;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:40px solid #2C2924;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.spin-wheel-wrapper{position:relative;width:380px;height:380px;overflow:visible}.spin-wheel{width:100%;height:100%;border-radius:50%;position:relative;transition:transform 5s cubic-bezier(.17,.67,.12,.99);box-shadow:0 0 0 8px var(--spin-bg-color, #fff9f0),0 0 0 12px #b7aed6,0 10px 40px #00000026}.spin-wheel.is-spinning{transition:transform 5s cubic-bezier(.17,.67,.12,.99)}.spin-wheel__labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spin-wheel__label{position:absolute;top:50%;left:50%;width:95px;text-align:center;font-size:12px;font-weight:800;color:#2c2924;text-transform:uppercase;line-height:1.2;transform-origin:center center;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-140px) rotate(calc(-1 * var(--angle)))}.spin-wheel__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:var(--spin-bg-color, #fff9f0);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;z-index:5}.spin-wheel__center-text{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--spin-text-color, #2c2924);text-align:center;line-height:1.2}.spin-wheel-popup__form-section{padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.spin-wheel-popup__step{display:none}.spin-wheel-popup__step.is-active{display:block;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spin-wheel-popup__heading{font-size:28px;font-weight:700;color:var(--spin-text-color, #2c2924);margin:0 0 10px;line-height:1.2}.spin-wheel-popup__subheading{font-size:16px;color:var(--spin-text-color, #2c2924);opacity:.8;margin:0 0 25px;line-height:1.5}.spin-wheel-popup__form{display:flex;flex-direction:column;gap:15px}.spin-wheel-popup__input{width:100%;padding:16px 20px;border:2px solid var(--spin-border-color, #e0e0e0);border-radius:8px;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.spin-wheel-popup__input:focus{outline:none;border-color:var(--spin-accent-color, #7069bc);box-shadow:0 0 0 3px #7069bc33}.spin-wheel-popup__submit{width:100%;padding:16px 30px;background:var(--spin-button-bg, #7069bc);color:var(--spin-button-text, #fff);border:none;border-radius:8px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.spin-wheel-popup__submit:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7069bc66}.spin-wheel-popup__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.spin-wheel-popup__terms{font-size:12px;color:var(--spin-text-color, #2c2924);opacity:.6;margin-top:10px;line-height:1.4}.spin-wheel-popup__terms a{color:var(--spin-accent-color, #7069bc);text-decoration:underline}.spin-wheel-popup__no-thanks{background:none;border:none;color:var(--spin-text-color, #2c2924);opacity:.6;font-size:14px;cursor:pointer;margin-top:15px;transition:opacity .2s ease}.spin-wheel-popup__no-thanks:hover{opacity:1}.spin-wheel-popup__result-icon{width:60px;height:60px;margin-bottom:20px}.spin-wheel-popup__prize-name{font-size:24px;font-weight:700;color:var(--spin-accent-color, #7069bc);margin:0 0 15px}.spin-wheel-popup__prize-description{font-size:15px;color:var(--spin-text-color, #2c2924);opacity:.8;margin:0 0 20px;line-height:1.5}.spin-wheel-popup__clarification{display:none;background:#f9f9f9;border-left:3px solid var(--spin-accent-color, #7069bc);padding:12px 16px;margin-bottom:20px;border-radius:0 6px 6px 0}.spin-wheel-popup__clarification.is-visible{display:block}.spin-wheel-popup__clarification-title{font-size:13px;font-weight:700;color:var(--spin-text-color, #2c2924);margin:0 0 8px}.spin-wheel-popup__clarification-list{margin:0;padding-left:18px;font-size:12px;color:var(--spin-text-color, #2c2924);opacity:.8;line-height:1.6}.spin-wheel-popup__clarification-list li{margin-bottom:2px}.spin-wheel-popup__code-wrapper{background:#f5f5f5;border:2px dashed var(--spin-accent-color, #7069bc);border-radius:8px;padding:20px;text-align:center;margin-bottom:20px}.spin-wheel-popup__code-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--spin-text-color, #2c2924);opacity:.6;margin:0 0 8px}.spin-wheel-popup__code{font-size:28px;font-weight:700;color:var(--spin-accent-color, #7069bc);letter-spacing:3px;margin:0;font-family:monospace}.spin-wheel-popup__copy-btn{width:100%;padding:14px 20px;background:var(--spin-button-bg, #7069bc);color:var(--spin-button-text, #fff);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.spin-wheel-popup__copy-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #7069bc66}.spin-wheel-popup__copy-btn.copied{background:#4caf50}.spin-wheel-popup__shop-btn{width:100%;padding:14px 20px;background:transparent;color:var(--spin-text-color, #2c2924);border:2px solid var(--spin-border-color, #e0e0e0);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px;text-decoration:none;display:block;text-align:center}.spin-wheel-popup__shop-btn:hover{border-color:var(--spin-accent-color, #7069bc);color:var(--spin-accent-color, #7069bc)}.spin-wheel-popup__error{color:#d32f2f;font-size:13px;margin-top:5px;display:none}.spin-wheel-popup__error.is-visible{display:block}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;opacity:0}@media screen and (max-width: 768px){.spin-wheel-popup{max-width:95%;max-height:90vh;overflow-y:auto}.spin-wheel-popup__container{grid-template-columns:1fr;min-height:auto}.spin-wheel-popup__wheel-section{padding:30px 20px}.spin-wheel-ticker{transform:translate(-50%,-50%) translateY(-150px);border-left:16px solid transparent;border-right:16px solid transparent;border-top:32px solid #2C2924}.spin-wheel-wrapper{width:300px;height:300px}.spin-wheel__label{font-size:10px;width:75px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-110px) rotate(calc(-1 * var(--angle)))}.spin-wheel__center{width:55px;height:55px}.spin-wheel__center-text{font-size:8px}.spin-wheel-popup__form-section{padding:30px 25px}.spin-wheel-popup__heading{font-size:22px}.spin-wheel-popup__subheading{font-size:14px}.spin-wheel-popup__close{top:8px;right:8px;width:32px;height:32px}}@media screen and (max-width: 400px){.spin-wheel-ticker{transform:translate(-50%,-50%) translateY(-120px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid #2C2924}.spin-wheel-wrapper{width:240px;height:240px}.spin-wheel__label{font-size:8px;width:60px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-85px) rotate(calc(-1 * var(--angle)))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-spin-wheel.css.map */