.subscription-mode-toggle-container{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px;background:#f9f9f9;border-radius:8px;margin-bottom:20px}.drawer__inner .subscription-mode-toggle-container{background:transparent;padding:12px 20px 0;border-radius:0;margin-bottom:12px}.drawer__inner .subscription-mode-toggle-wrapper{flex-wrap:nowrap;justify-content:center;align-items:center}@media (min-width: 769px){.drawer__inner .toggle-header{flex-shrink:0}.drawer__inner .subscription-mode-toggle-wrapper{margin-bottom:10px}}.subscription-mode-toggle-wrapper{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none;justify-content:center}.toggle-header{font-size:13px;color:#333;font-weight:500;margin-right:8px}.mode-label{font-size:12px;font-weight:500;color:#333;transition:color .3s ease}.mode-label.inactive{color:#999}.mode-label.active{color:#9c5564;font-weight:600}.toggle-switch{position:relative;width:56px;height:28px;background:#e2e8f0;border-radius:28px;cursor:pointer;transition:background-color .3s ease;border:2px solid transparent}.toggle-switch.subscription-active{background:#9c5564}.toggle-switch:hover{border-color:#9c55644d}.toggle-switch-handle{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000026;display:flex;align-items:center;justify-content:center;font-size:10px}.toggle-switch.subscription-active .toggle-switch-handle{transform:translate(28px)}.toggle-savings-message{font-size:13px;color:#666;text-align:center;transition:opacity .3s ease}.toggle-savings-message.highlight{color:#9c5564;font-weight:500}.toggle-savings-message .savings-icon{margin-right:4px}.subscription-mode-toggle-container.loading{opacity:.6;pointer-events:none}.subscription-mode-toggle-container.loading .toggle-switch{cursor:not-allowed}.toggle-switch-handle.loading:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid #9c5564;border-top-color:transparent;border-radius:50%;animation:toggle-spinner .6s linear infinite}@keyframes toggle-spinner{to{transform:rotate(360deg)}}@media (max-width: 768px){.subscription-mode-toggle-container{padding:8px 10px;margin-bottom:12px}.drawer__inner .subscription-mode-toggle-container{padding:8px 10px}.checkpoint-message{font-size:8px!important}.subscription-mode-toggle-wrapper{gap:6px;flex-wrap:wrap;flex-direction:row;justify-content:center}.drawer__inner .subscription-mode-toggle-wrapper{flex-direction:row;flex-wrap:wrap}.toggle-header{margin-right:0;margin-bottom:6px;width:100%;text-align:center;font-size:11px;flex-shrink:0;font-weight:500}.mode-label{font-size:10px;white-space:nowrap;display:inline-flex;align-items:center}.toggle-switch{width:40px;height:20px;flex-shrink:0;display:inline-flex}.toggle-switch-handle{width:16px;height:16px;top:0;left:0}.toggle-switch.subscription-active .toggle-switch-handle{transform:translate(20px)}.toggle-savings-message{font-size:11px;margin-top:6px;width:100%;text-align:center}}.cart-drawer .subscription-mode-toggle-container{margin:0 -20px 16px;border-radius:0;background:#f5f5f5;border-bottom:1px solid #e2e8f0}.page-cart .subscription-mode-toggle-container{max-width:500px;margin:0 auto 24px}.mode-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease}.mode-transition-overlay.active{opacity:1;pointer-events:auto}.mode-transition-message{background:#fff;padding:24px 32px;border-radius:8px;box-shadow:0 4px 12px #00000026;text-align:center}.mode-transition-message h3{margin:0 0 8px;font-size:18px;color:#333}.mode-transition-message p{margin:0;font-size:14px;color:#666}@keyframes toggle-pulse{0%{box-shadow:0 0 #9c556466}70%{box-shadow:0 0 0 10px #9c556400}to{box-shadow:0 0 #9c556400}}.toggle-switch.pulse{animation:toggle-pulse 2s ease-out}.toggle-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 12px;background:#333;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.toggle-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333}.toggle-switch:hover .toggle-tooltip{opacity:1}.checkpoint-message{position:relative;min-height:1.5em;display:flex;align-items:center;justify-content:center;font-size:12px!important}@media (max-width: 767px){.checkpoint-message{font-size:8px!important}}.checkpoint-message.loading:before{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(156,85,100,.2);border-top-color:#9c5564;border-radius:50%;animation:checkpoint-spin .6s linear infinite;left:0;top:50%;transform:translateY(-50%)}.checkpoint-message.loading{padding-left:24px;opacity:.7}@keyframes checkpoint-spin{to{transform:translateY(-50%) rotate(360deg)}}.subscription-revert-prompt{position:relative;z-index:10;transition:none!important}.ajaxcart__inner .subscription-revert-prompt{opacity:1!important;pointer-events:auto!important}
/*# sourceMappingURL=/cdn/shop/t/16/assets/subscription-mode-toggle.css.map */