.spb-portable{--spb-bar-color: #22c55e;--spb-bar-bg: #e5e7eb;--spb-success: #16a34a;--spb-bar-height: 8px;--spb-bar-radius: 4px;--spb-milestone-size: calc(var(--spb-bar-height) + 8px);width:100%;font-family:inherit}.spb-portable__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.spb-portable__header-icon{display:inline-flex;color:var(--spb-bar-color);flex-shrink:0}.spb-portable__header-icon svg{width:20px;height:20px}.spb-portable__message{font-size:.875rem;margin:0;color:inherit;line-height:1.4}.spb-portable__message--standalone{margin-bottom:.5rem}.spb-portable__track-wrapper{position:relative;width:100%}.spb-portable__track{position:relative;width:100%;height:var(--spb-bar-height);background:var(--spb-bar-bg);border-radius:var(--spb-bar-radius)}.spb-portable__fill{position:absolute;top:0;left:0;width:0%;height:100%;background:var(--spb-bar-color);border-radius:var(--spb-bar-radius);transition:width .3s ease,background .3s ease;z-index:1}.spb-portable--multi .spb-portable__track{overflow:visible}.spb-portable--multi .spb-portable__track-wrapper{padding:calc(var(--spb-milestone-size) / 2) 0}.spb-portable__milestone{position:absolute;top:50%;width:var(--spb-milestone-size);height:var(--spb-milestone-size);margin-left:calc(var(--spb-milestone-size) / -2);margin-top:calc(var(--spb-milestone-size) / -2);border-radius:50%;background:#fff;border:2px solid var(--spb-bar-color);transition:background .3s ease,border-color .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.spb-portable__milestone--reached{background:var(--spb-success);border-color:var(--spb-success)}.spb-portable__milestone--reached:after{content:"";width:60%;height:60%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><polyline points='2.5,6 5,8.5 9.5,3.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}.spb-portable__legend{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;line-height:1.3}.spb-portable__legend-item{display:flex;align-items:center;gap:.5rem;color:inherit;opacity:.7;transition:opacity .3s ease,color .3s ease}.spb-portable__legend-item--reached{opacity:1;color:var(--spb-success)}.spb-portable__legend-dot{width:12px;height:12px;border-radius:50%;background:#c4c4c4;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:background .3s ease}.spb-portable__legend-item--reached .spb-portable__legend-dot{background:var(--spb-success)}.spb-portable__legend-item--reached .spb-portable__legend-dot:after{content:"";width:8px;height:8px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><polyline points='2.5,6 5,8.5 9.5,3.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat}
/*# sourceMappingURL=/cdn/shop/t/14/assets/shipping-progress-bar.css.map */