.mpp-queue-indicator{position:fixed;top:20px;right:20px;z-index:9999;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6f2eae,#8b5cf6,#a855f7);display:none;align-items:center;justify-content:center;box-shadow:0 8px 25px #6f2eae66;cursor:pointer;transition:all .3s ease;opacity:0;animation:mpp-queue-fade-in .3s ease-out forwards}.mpp-queue-indicator.visible{display:flex}.mpp-queue-indicator:hover{transform:scale(1.1);box-shadow:0 12px 35px #6f2eae99}.mpp-queue-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:mpp-spin 1s linear infinite}.mpp-queue-count{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #0003}@keyframes mpp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mpp-queue-fade-in{0%{opacity:0;transform:scale(.5) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mpp-completion-overlay{position:fixed;top:0;left:0;right:0;z-index:10000;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 20px;box-shadow:0 4px 20px #10b98166;display:none;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.mpp-completion-overlay.visible{display:block;transform:translateY(0)}.mpp-completion-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px}.mpp-completion-icon{width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:mpp-completion-bounce .6s ease-out}.mpp-completion-icon svg{width:14px;height:14px;fill:#fff}.mpp-completion-text{flex:1;font-weight:600;font-size:15px;line-height:1.4}.mpp-completion-button{background:#ffce12e6;color:#111827;border:1px solid rgba(255,206,18,.5);padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #ffce124d}.mmp-completion-button:hover{background:#f8bd19f2;transform:translateY(-1px);box-shadow:0 4px 12px #ffce1266}.mpp-completion-close{background:none;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.mpp-completion-close:hover{color:#fff;background:#ffffff1a}.mpp-completion-close svg{width:18px;height:18px;fill:currentColor}@keyframes mpp-completion-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.mpp-queue-indicator{top:15px;right:15px;width:36px;height:36px}.mpp-queue-spinner{width:18px;height:18px}.mpp-completion-overlay{padding:12px 16px}.mpp-completion-content{gap:12px;flex-wrap:wrap}.mpp-completion-text{font-size:14px;min-width:0}.mpp-completion-button{padding:6px 12px;font-size:13px}}@media (max-width: 480px){.mpp-queue-indicator{top:12px;right:12px;width:32px;height:32px}.mpp-queue-spinner{width:16px;height:16px}.mpp-queue-count{top:-6px;right:-6px;min-width:16px;height:16px;font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/customer-queue-indicator.css.map */