:root{--wheel-size: 400px;--wheel-border-size: 10px;--wheel-color-1: #2c3e50;--wheel-color-2: #8e44ad;--wheel-text-color: #ffffff;--modal-overlay-color: rgba(0, 0, 0, .75);--modal-bg-color: #ffffff;--primary-btn-color: #8e44ad}#spin-wheel-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-overlay-color);display:flex;justify-content:center;align-items:center;z-index:2147483647;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:GeneralSans-Medium,sans-serif}#spin-wheel-modal.visible{opacity:1;pointer-events:auto!important}.spin-wheel-content{background:var(--modal-bg-color);border-radius:20px;box-shadow:0 20px 50px #0000004d;display:flex;overflow:hidden;max-width:900px;width:90%;position:relative;animation:bg-pulse 10s infinite alternate}.spin-wheel-left{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#fdfbfb,#ebedee)}.spin-wheel-right{flex:1;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.wheel-container{position:relative;width:var(--wheel-size);height:var(--wheel-size);filter:drop-shadow(0 15px 35px rgba(0,0,0,.2));border-radius:50%}#spin-canvas{width:100%;height:100%;transform-origin:center center;transition:transform 5s cubic-bezier(.17,.67,.12,.99)}.wheel-pointer{position:absolute;top:50%;right:4px;transform:translateY(-50%) rotate(90deg);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:25px solid #4A235A;background:none;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wheel-center-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#4a235a;border:3px solid #F4D03F;border-radius:50%;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10px #0000004d;overflow:hidden}.hub-logo-img{max-width:100%;max-height:100%;object-fit:contain}.spin-heading{font-size:32px;font-weight:700;margin-bottom:10px;color:#333}.spin-subheading{font-size:16px;color:#666;margin-bottom:30px}.spin-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:15px}.spin-input{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:border-color .3s;pointer-events:auto}.spin-input:focus{border-color:var(--primary-btn-color)}.spin-btn{padding:14px;background:var(--primary-btn-color);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,background .3s;box-shadow:0 4px 15px #8e44ad66;pointer-events:auto}.spin-btn:hover{transform:translateY(-2px);background:#732d91}.spin-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.spin-close{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#0000001a;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px;color:#333;z-index:10;transition:background .3s}.spin-close:hover{background:#0003}.spin-result-container{display:none;flex-direction:column;align-items:center;animation:fadeIn .5s ease}.spin-result-code{font-size:24px;font-weight:700;color:var(--primary-btn-color);background:#f0f0f0;padding:10px 20px;border-radius:8px;margin:20px 0;letter-spacing:2px;border:2px dashed var(--primary-btn-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.spin-wheel-content{flex-direction:column-reverse;width:95%}.spin-wheel-left{padding:30px 20px}.spin-wheel-right{padding:20px;background:#f3f3f4}:root{--wheel-size: 300px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/spin-wheel-popup.css.map */