na-discount-progress-bar-component.na-discount-progress-bar:not([hidden]){display:block}.na-discount-progress-bar{--dpb-active: var(--color-badge-bg);--dpb-navy: var(--color-product-badge-background);--dpb-line-incomplete: var(--color-border);--dpb-tag-bg: var(--color-tag-bg-pink);--dpb-tag-text: var(--color-product-badge-background);--dpb-message: var(--color-product-badge-background);width:100%;box-sizing:border-box}.na-discount-progress-bar .na-discount-progress-bar__inner{display:flex;flex-direction:column;gap:var(--gap-md);align-items:stretch;width:100%}.na-discount-progress-bar .na-discount-progress-bar__message{text-align:center;color:var(--dpb-message);font-family:var(--font-subheading--family);font-weight:var(--font-subheading--weight);font-size:var(--font-size--2xs);letter-spacing:.003em;transition:opacity .2s ease,transform .28s cubic-bezier(.25,.46,.45,.94)}.na-discount-progress-bar .na-discount-progress-bar__message-text{margin:0;font-size:var(--font-size--2xs)}.na-discount-progress-bar .na-discount-progress-bar__message-text p,.na-discount-progress-bar .na-discount-progress-bar__message-text p strong{margin:0;line-height:1.45;font-size:var(--font-size--2xs)}.na-discount-progress-bar .na-discount-progress-bar__message-text strong,.na-discount-progress-bar .na-discount-progress-bar__message-text b{font-weight:600}.na-discount-progress-bar .na-discount-progress-bar__message-text em,.na-discount-progress-bar .na-discount-progress-bar__message-text i{font-style:italic}.na-discount-progress-bar .na-discount-progress-bar__steps{display:flex;flex-direction:row;align-items:flex-start;gap:var(--gap-sm);width:100%}.na-discount-progress-bar .na-discount-progress-bar__step{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--gap-2xs)}.na-discount-progress-bar .na-discount-progress-bar__icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .3s cubic-bezier(.33,1,.68,1),transform .3s cubic-bezier(.33,1,.68,1)}.na-discount-progress-bar .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__icon{color:var(--dpb-active)}.na-discount-progress-bar .na-discount-progress-bar__step[data-state=locked] .na-discount-progress-bar__icon{color:var(--dpb-navy)}.na-discount-progress-bar .na-discount-progress-bar__icon-svg{display:block;width:18px;height:18px;transform-origin:center center}.na-discount-progress-bar .na-discount-progress-bar__line{position:relative;width:100%;height:5px;border-radius:var(--style-border-radius-pills);background:var(--dpb-line-incomplete);overflow:hidden}.na-discount-progress-bar .na-discount-progress-bar__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--dpb-line-fill, var(--dpb-line-incomplete));transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.33,1,.68,1),background-color .35s ease}.na-discount-progress-bar .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__line:after{transform:scaleX(1)}.na-discount-progress-bar .na-discount-progress-bar__step:nth-child(1) .na-discount-progress-bar__line:after{transition-delay:0s}.na-discount-progress-bar .na-discount-progress-bar__step:nth-child(2) .na-discount-progress-bar__line:after{transition-delay:.08s}.na-discount-progress-bar .na-discount-progress-bar__step:nth-child(3) .na-discount-progress-bar__line:after{transition-delay:.16s}.na-discount-progress-bar .na-discount-progress-bar__tag:not([hidden]){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:var(--padding-3xs) var(--padding-xs);border-radius:var(--style-border-radius-xs);background:var(--dpb-tag-bg);color:var(--dpb-tag-text);max-width:100%}.na-discount-progress-bar .na-discount-progress-bar__tag--muted{opacity:0;pointer-events:none}.na-discount-progress-bar .na-discount-progress-bar__tag:not(.na-discount-progress-bar__tag--muted){background:var(--dpb-active);color:var(--color-white)}.na-discount-progress-bar .na-discount-progress-bar__tag-text{font-family:var(--font-subheading--family);font-size:var(--font-size--2xs);font-weight:var(--font-subheading--weight);letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes dpb-msg-reveal{0%{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dpb-icon-pop{0%{transform:scale(.82);opacity:.75}to{transform:scale(1);opacity:1}}@keyframes dpb-line-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__message{animation:dpb-msg-reveal .52s cubic-bezier(.34,1.2,.64,1) both}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__icon-svg{animation:dpb-icon-pop .42s cubic-bezier(.34,1.45,.64,1) both}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step:nth-child(1)[data-state=completed] .na-discount-progress-bar__icon-svg{animation-delay:0s}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step:nth-child(2)[data-state=completed] .na-discount-progress-bar__icon-svg{animation-delay:.05s}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step:nth-child(3)[data-state=completed] .na-discount-progress-bar__icon-svg{animation-delay:.09s}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__line:after{animation:dpb-line-pulse .55s ease both}@media(prefers-reduced-motion:reduce){.na-discount-progress-bar .na-discount-progress-bar__message,.na-discount-progress-bar .na-discount-progress-bar__icon,.na-discount-progress-bar .na-discount-progress-bar__line:after{transition-duration:.01ms!important;animation:none!important}.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__message,.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__icon-svg,.na-discount-progress-bar.na-discount-progress-bar--celebrate .na-discount-progress-bar__step[data-state=completed] .na-discount-progress-bar__line:after{animation:none!important}}@media only screen and (max-width:749px){.na-discount-progress-bar .na-discount-progress-bar__tag-text{font-size:var(--font-size--3xs)}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/na-discount-progress-bar.css.map */