.mokann-shipping-bar{--mkn-color-sage-500: #8CA079;--mkn-color-sage-600: #6C8259;--mkn-color-sage-700: #566B45;--mkn-color-gold-500: #CBA36B;--mkn-color-gold-700: #816236;--mkn-color-cream-100: #FAF6EE;--mkn-color-cream-200: #EFE7D6;--mkn-color-ink-700: #46503C;--mkn-color-white: #FFFFFF;--mkn-space-1: 4px;--mkn-space-2: 8px;--mkn-space-3: 12px;--mkn-space-4: 16px;--mkn-space-5: 18px;--mkn-radius-full: 999px;--mkn-radius-lg: 14px;--mkn-font-sm: 12.5px;--mkn-font-md: 13px;--mkn-font-lg: 14px;--mkn-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--mkn-ease-out: cubic-bezier(.16, 1, .3, 1);--mkn-color-primary: var(--mkn-color-sage-500);--mkn-color-primary-strong: var(--mkn-color-sage-600);--mkn-color-text-on-surface: var(--mkn-color-sage-700);--mkn-color-text-on-surface-accent: var(--mkn-color-gold-700);--mkn-color-accent: var(--mkn-color-gold-500);--mkn-color-surface: var(--mkn-color-cream-100);--mkn-color-surface-track: var(--mkn-color-cream-200);--mkn-color-text: var(--mkn-color-ink-700);--mkn-color-success: var(--mkn-color-sage-700);--shipping-bar-bg: var(--mkn-color-surface);--shipping-bar-radius: var(--mkn-radius-lg);--shipping-bar-text: var(--mkn-color-text);--shipping-bar-text-accent: var(--mkn-color-text-on-surface);--shipping-bar-text-near: var(--mkn-color-text-on-surface-accent);--shipping-bar-track-bg: var(--mkn-color-surface-track);--shipping-bar-track-height: 8px;--shipping-bar-fill-start: var(--mkn-color-primary);--shipping-bar-fill-end: var(--mkn-color-accent);--shipping-bar-marker-size: 18px;--shipping-bar-marker-bg: var(--mkn-color-surface);--shipping-bar-marker-border: var(--mkn-color-surface-track);--shipping-bar-marker-fg: var(--mkn-color-text-on-surface);--shipping-bar-marker-bg-complete: var(--mkn-color-sage-700);font-family:inherit;box-sizing:border-box}.mokann-shipping-bar *,.mokann-shipping-bar *:before,.mokann-shipping-bar *:after{box-sizing:border-box}.mokann-shipping-bar__header{display:flex;align-items:center;gap:var(--mkn-space-2);margin-bottom:var(--mkn-space-2)}.mokann-shipping-bar__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--shipping-bar-marker-fg);flex-shrink:0;transition:transform .4s var(--mkn-ease-out)}.mokann-shipping-bar__message{margin:0;font-size:var(--mkn-font-md);line-height:1.4;color:var(--shipping-bar-text);letter-spacing:.01em}.mokann-shipping-bar__message strong{color:var(--shipping-bar-text-accent);font-weight:600}.mokann-shipping-bar__track{position:relative;width:100%;height:var(--shipping-bar-track-height);background:var(--shipping-bar-track-bg);border-radius:var(--mkn-radius-full);overflow:visible}.mokann-shipping-bar__fill{position:relative;height:100%;width:0%;border-radius:var(--mkn-radius-full);background:linear-gradient(90deg,var(--shipping-bar-fill-start) 0%,var(--shipping-bar-fill-end) 100%);transition:width .6s var(--mkn-ease-spring);overflow:hidden}.mokann-shipping-bar__fill-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0 30%,#ffffff73,#fff0 70%);background-size:200% 100%;animation:mokann-shine 2.6s ease-in-out infinite}@keyframes mokann-shine{0%{background-position:200% 0}to{background-position:-50% 0}}.mokann-shipping-bar__marker{position:absolute;right:calc(var(--shipping-bar-marker-size) / -2);top:50%;transform:translateY(-50%);width:var(--shipping-bar-marker-size);height:var(--shipping-bar-marker-size);border-radius:50%;background:var(--shipping-bar-marker-bg);border:1.5px solid var(--shipping-bar-marker-border);display:flex;align-items:center;justify-content:center;color:var(--shipping-bar-marker-fg);box-shadow:0 0 #8ca07900;transition:background .4s var(--mkn-ease-out),border-color .4s var(--mkn-ease-out),transform .3s var(--mkn-ease-spring),box-shadow .4s var(--mkn-ease-out)}.mokann-shipping-bar__marker-icon{display:flex}.mokann-shipping-bar__marker-icon--check{display:none}.mokann-shipping-bar.is-near .mokann-shipping-bar__marker{box-shadow:0 0 0 4px #cba36b2e}.mokann-shipping-bar.is-near .mokann-shipping-bar__message strong{color:var(--shipping-bar-text-near)}.mokann-shipping-bar.is-complete .mokann-shipping-bar__icon{transform:translate(2px) scale(1.05);color:var(--mkn-color-success)}.mokann-shipping-bar.is-complete .mokann-shipping-bar__marker{background:var(--shipping-bar-marker-bg-complete);border-color:var(--shipping-bar-marker-bg-complete);color:var(--mkn-color-white);transform:translateY(-50%) scale(1.2);box-shadow:0 0 0 5px #8ca07938}.mokann-shipping-bar.is-complete .mokann-shipping-bar__marker-icon--gift{display:none}.mokann-shipping-bar.is-complete .mokann-shipping-bar__marker-icon--check{display:flex;animation:mokann-pop .5s var(--mkn-ease-spring)}.mokann-shipping-bar.is-complete .mokann-shipping-bar__message strong{color:var(--mkn-color-success)}@keyframes mokann-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.mokann-shipping-bar--announcement{background:var(--shipping-bar-bg);padding:var(--mkn-space-2) var(--mkn-space-4);text-align:center}.mokann-shipping-bar--announcement .mokann-shipping-bar__header{justify-content:center;margin-bottom:6px}.mokann-shipping-bar--announcement .mokann-shipping-bar__message{font-size:var(--mkn-font-sm)}.mokann-shipping-bar--announcement .mokann-shipping-bar__track{max-width:360px;margin:0 auto;height:5px}.mokann-shipping-bar--announcement .mokann-shipping-bar__marker{width:13px;height:13px;right:-6.5px}.mokann-shipping-bar--announcement .mokann-shipping-bar__marker svg{width:9px;height:9px}.mokann-shipping-bar--product{background:var(--shipping-bar-bg);border:1px solid var(--shipping-bar-track-bg);border-radius:var(--shipping-bar-radius);padding:var(--mkn-space-3) var(--mkn-space-4);margin:var(--mkn-space-4) 0}.mokann-shipping-bar--cart{background:var(--shipping-bar-bg);border-radius:var(--shipping-bar-radius);padding:var(--mkn-space-4) var(--mkn-space-5);margin-bottom:var(--mkn-space-4)}.mokann-shipping-bar--cart .mokann-shipping-bar__message{font-size:var(--mkn-font-lg)}.mokann-shipping-bar--cart .mokann-shipping-bar__track{height:10px}.mokann-shipping-bar--cart .mokann-shipping-bar__marker{width:22px;height:22px;right:-11px}@media(prefers-reduced-motion:reduce){.mokann-shipping-bar__fill,.mokann-shipping-bar__icon,.mokann-shipping-bar__marker,.mokann-shipping-bar__marker-icon--check{transition:none;animation:none}.mokann-shipping-bar__fill-shine{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/mokann-free-shipping-bar.css.map */