.mx-ship{display:block;--mx-ship-dot: 2.6rem}.mx-ship__inner{display:flex;flex-direction:column;gap:1rem}.mx-ship--card .mx-ship__inner{padding:1.4rem 1.6rem 1.2rem;border-radius:1rem;background:color-mix(in srgb,var(--mx-ship-fill) 6%,#fff);border:.1rem solid color-mix(in srgb,var(--mx-ship-fill) 22%,#fff)}.mx-ship__msg{margin:0;font-size:1.35rem;line-height:1.45;color:rgb(var(--color-foreground))}.mx-ship__msg strong{color:var(--mx-ship-fill);font-weight:700}.mx-ship__inner.is-complete .mx-ship__msg,.mx-ship__inner.is-complete .mx-ship__msg strong{color:var(--mx-ship-done);font-weight:600}.mx-ship__track-wrap{position:relative;margin:0 calc(var(--mx-ship-dot) / 2) 0 0;padding-top:calc((var(--mx-ship-dot) - .8rem) / 2)}.mx-ship__track-wrap:has(.mx-ship__label){padding-bottom:4.8rem}.mx-ship__track{position:relative;height:.8rem;border-radius:999px;background:var(--mx-ship-track);overflow:hidden}.mx-ship__fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--mx-ship-fill) 75%,#ffb000),var(--mx-ship-fill));background-size:200% 100%;transition:width .9s cubic-bezier(.22,1,.36,1);position:relative}.mx-ship__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:200% 100%;animation:mx-ship-shine 2.4s linear infinite}.mx-ship__inner.is-complete .mx-ship__fill{background:var(--mx-ship-done)}.mx-ship__stage{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:0}.mx-ship__dot{flex:0 0 auto;display:grid;place-items:center;width:var(--mx-ship-dot);height:var(--mx-ship-dot);border-radius:50%;background:#fff;border:.2rem solid var(--mx-ship-track);color:color-mix(in srgb,var(--mx-ship-fill) 70%,#555);box-shadow:0 .1rem .4rem #00000014;transition:background .3s ease,border-color .3s ease,color .3s ease}.mx-ship__stage.is-done .mx-ship__dot{background:var(--mx-ship-done);border-color:var(--mx-ship-done);color:#fff}.mx-ship__label{position:absolute;top:calc(var(--mx-ship-dot) + .4rem);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:9rem;text-align:center;font-size:1.1rem;line-height:1.25;color:rgba(var(--color-foreground),.7)}.mx-ship__label-name{font-weight:600}.mx-ship__stage.is-done .mx-ship__label{color:var(--mx-ship-done)}.mx-ship__label-amount{font-size:1.05rem;opacity:.85}.mx-ship__stage.is-last .mx-ship__label{right:calc(var(--mx-ship-dot) / -2);align-items:flex-end;text-align:right}.mx-ship__stage.is-near-start:not(.is-last) .mx-ship__label{left:calc(var(--mx-ship-dot) / -2);align-items:flex-start;text-align:left}.mx-ship__stage.just-unlocked .mx-ship__dot{animation:mx-ship-pop .7s ease .6s both}@keyframes mx-ship-pop{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--mx-ship-done) 50%,transparent)}40%{transform:scale(1.3)}to{transform:scale(1);box-shadow:0 0 0 1rem transparent}}@keyframes mx-ship-shine{0%{background-position:150% 0}to{background-position:-50% 0}}.mx-ship--drawer{flex-shrink:0;padding:1.2rem 0 1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.mx-ship--product{margin:1.6rem 0}@media(prefers-reduced-motion:reduce){.mx-ship__fill{transition:none}.mx-ship__fill:after,.mx-ship__stage.just-unlocked .mx-ship__dot{animation:none}}.mx-ship-drawer-wrap{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mx-shipping-bar.css.map */