#mystery-offer-wrapper{margin:14px 16px;padding:10px;background:linear-gradient(90deg,#5ee0d482,#83efe438);border-radius:12px;transition:.3s ease;cursor:pointer}#mystery-offer-wrapper .mystery-add-btn,#mystery-offer-wrapper .mystery-add-btn:hover{border-radius:8px;background:#000;color:#fff;min-width:auto;padding:10px 15px;min-height:auto;border:none;cursor:pointer;font-size:14px;text-transform:uppercase}#mystery-offer-wrapper .mystery-add-btn{position:relative;right:30px;display:flex;justify-content:space-between;gap:3px}#mystery-offer-wrapper .mystery-add-btn.disabled{opacity:.6;pointer-events:none}#cartDrawerConfetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.mystery-offer-box{display:flex;justify-content:space-between;align-items:center}.mystery-left{display:flex;gap:12px;align-items:center}.mystery-title{margin:0;font-size:16px;font-weight:500;display:flex;justify-content:center;align-items:center;gap:4px}.mystery-title svg{width:14px;height:14px}.mystery-desc{margin:0;font-size:13px;opacity:.7}.mystery-price{font-weight:700;font-size:15px}#mysteryDrawerBtn{font-size:12px}#mystery-offer-wrapper.mystery-disabled{opacity:.6;pointer-events:none}#mystery-offer-wrapper.mystery-enabled{opacity:1;pointer-events:auto}.mystery-checkmark-wrapper{display:flex;justify-content:flex-start;align-items:baseline}.mystery-checkmark-wrapper svg{width:12px;height:12px;min-width:12px}.mystery-checkmark-wrapper p{margin-left:8px;font-size:14px;text-align:left}.mystery-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;align-items:center;justify-content:center;height:100%;overflow:hidden!important}.mystery-content{background:#fff;width:100%;max-width:90%;padding:24px;border-radius:16px;text-align:center;position:relative;animation:fadeIn .3s ease;min-height:auto;height:67%;overflow:auto}.mystery-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:22px;cursor:pointer}button.quantity__button.mystery-minus,button.quantity__button.mystery-plus{width:34px;height:34px;border:2px solid #D9D9D9;border-radius:.8rem;font-size:1.8rem;background-color:#fff!important}.mystery-offer-box .quantity__input{height:34px;width:auto;max-width:34px;border:none}.mystery-offer-box quantity-input.quantity.cart-quantity{justify-content:center}.mystery-offer-box .quantity .quantity__button svg{height:1.8rem;width:1.8rem}#mysteryModal .bg_image{max-width:390px;margin:20px auto 0}#mysteryModal .bg_image img{max-width:250px;margin-left:auto;margin-right:auto}.mystery-content h2{font-size:22px;margin-bottom:20px}.quantity__price__mystery_wrapper{width:25%}.mystery-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.mystery-image-wrapper-overlay{background:transparent;width:100%;height:100%;position:absolute;top:0;display:flex;justify-content:center;align-items:center}.mystery-image-wrapper-overlay-inner{background-color:#eaecf0cc;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:.3s ease;opacity:0}.mystery-image-wrapper-overlay-inner svg path{stroke:#04a998}.mystery-locked-icon{margin-top:5px}.disabled .mystery-image-wrapper-overlay-inner{opacity:1}#mysteryModal .live-stats{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;font-size:14px;line-height:1.4;max-width:420px;margin-top:10px;text-align:left}#mysteryModal .live-stat{display:flex;align-items:center;gap:8px;color:#333}#mysteryModal .live-stat strong{font-weight:600;color:#000}#mysteryModal .live-stat.bought{background:#fff4e5;padding:8px 10px;border-radius:8px;border:1px solid #ffd9a8}#mysteryModal .live-stat.viewing{background:#eafaf5;padding:8px 10px;border-radius:8px;border:1px solid #c7f0df;position:relative}#mysteryModal .live-stat.viewing .pulse{width:8px;height:8px;background:#0fbf9f;border-radius:50%;animation:pulse 1.6s infinite}#mysteryModal .icon{font-size:16px}span.mystery-price.compare-price{text-decoration:line-through;margin-right:5px;opacity:.5}@keyframes pulse{0%{box-shadow:0 0 #0fbf9fb3}70%{box-shadow:0 0 0 8px #0fbf9f00}to{box-shadow:0 0 #0fbf9f00}}@media screen and (max-width:749px){.mystery-offer-box quantity-input.quantity.cart-quantity{justify-content:end}button.quantity__button.mystery-minus,button.quantity__button.mystery-plus{width:28px;height:28px;font-size:1.4rem}.mystery-offer-box .quantity .quantity__button svg{height:1.4rem;width:1.4rem}#mystery-offer-wrapper .mystery-add-btn{right:5px;font-size:12px;padding:10px 9px}#mysteryModal .live-stats,.mystery-checkmark-wrapper p{font-size:12px}#mystery-offer-wrapper{margin:14px 10px}.mystery-title{font-size:14px}.mystery-desc{font-size:12px}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mystery-progress-wrapper{margin:2px 0 0}.mystery-progress-bar{width:100%;height:10px;background:#dfe9e6;border-radius:30px;overflow:hidden;position:relative}.mystery-progress-fill{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,#31d7be,#04a998);transition:width .3s ease}.mystery-progress-text{margin-top:6px;font-size:13px;color:#6b6b6b;font-weight:500}.mystery-unlocked-bar{background:#ff1f1f;color:#fff;border-radius:12px 12px 0 0;padding:5px 10px;margin:-10px -10px 10px;display:flex;justify-content:space-between;align-items:center;background:#04a998}.mystery-unlocked-left{font-size:12px;font-weight:600}.mystery-unlocked-right{display:flex;align-items:center;gap:16px}.mystery-timer{font-size:13px;font-weight:500}#mystery-offer-wrapper{overflow:hidden}span.mystery-savings{background:#d1f8f4;padding:1px 5px;font-size:11px;border-radius:5px;margin-left:8px;color:#fff;background:linear-gradient(90deg,#31d7be,#04a998);font-weight:700;text-transform:uppercase}.mystery-image-wrapper{position:relative}.mystery-image-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mystery-image-wrapper img{position:relative;z-index:2;animation:mysteryFloat 3s ease-in-out infinite}.mystery-image-wrapper-overlay{z-index:3}@keyframes mysteryFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes mysteryPing{75%,to{transform:scale(1.8);opacity:0}}.mystery-progress-fill{position:absolute;left:0;top:0;height:100%;border-radius:999px;transition:width .4s ease}.mystery-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;background:#fff;border-radius:50%;z-index:2;transition:.3s ease;margin-left:-5px}.mystery-milestone.active{background:#fff}.mystery-milestone.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#36c5ae40;z-index:-1}@keyframes mysteryPulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.8);opacity:0}to{transform:scale(1.8);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2426/assets/mystery-box.css.map */