shipping-progress{--sp-padding: 1.5rem;--sp-border-radius: 1.2rem;--sp-border-color: rgba(var(--color-foreground), .08);--sp-shadow-color: rgba(var(--color-shadow), .04);--sp-shadow-hover-color: rgba(var(--color-shadow), .1);display:block;background:rgb(var(--color-background));border-radius:var(--sp-border-radius);padding:var(--sp-padding);margin:1.5rem 0;border:.1rem solid var(--sp-border-color);box-shadow:0 .2rem .5rem var(--sp-shadow-color),0 0 .1rem var(--sp-shadow-color)}shipping-progress.shipping-progress--drawer{--sp-padding: 1rem;font-size:1.4rem;margin:1rem 0}shipping-progress.qualified .shipping-upsells{display:none}.shipping-progress-message{text-align:center;font-weight:600;margin-bottom:1rem;color:rgba(var(--color-foreground),.75);line-height:1.4;transition:color .2s ease}.shipping-progress-message.qualified{color:rgb(var(--color-success, 40, 167, 69));font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem}.shipping-progress-message strong{color:rgb(var(--color-foreground));font-weight:700}.shipping-progress-track{width:100%;height:.8rem;background-color:rgba(var(--color-foreground),.08);border-radius:99em;overflow:hidden}shipping-progress.shipping-progress--drawer .shipping-progress-track{height:.6rem}.shipping-progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-accent, 23, 162, 184)),rgb(var(--color-success, 40, 167, 69)));border-radius:99em;min-width:.4rem}.shipping-upsells{margin-top:1.5rem;padding-top:1.5rem;border-top:.1rem solid var(--sp-border-color)}.upsells-title{font-weight:600;color:rgba(var(--color-foreground),.6);margin-bottom:1rem;text-align:center;font-size:1.4rem}.upsells-grid{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .25rem 1rem;margin-left:-.25rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.upsells-grid::-webkit-scrollbar{display:none}shipping-progress-upsell{flex:0 0 18rem;display:flex;align-items:center;background:rgb(var(--color-background));border-radius:calc(var(--sp-border-radius) - .4rem);padding:.75rem;border:.1rem solid transparent;box-shadow:0 .1rem .2rem var(--sp-shadow-color);transition:all .25s cubic-bezier(.25,.46,.45,.94);scroll-snap-align:start}shipping-progress.shipping-progress--drawer shipping-progress-upsell{flex-basis:16rem;padding:.5rem}shipping-progress-upsell:hover{transform:translateY(-.3rem);border-color:var(--sp-border-color);box-shadow:0 .4rem .8rem var(--sp-shadow-hover-color)}.upsell-image{flex-shrink:0;width:5rem;height:5rem;border-radius:.6rem;overflow:hidden;margin-right:1rem}.upsell-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}shipping-progress-upsell:hover .upsell-image img{transform:scale(1.1)}.upsell-details{flex:1;min-width:0;display:flex;flex-direction:column}.upsell-title{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground));line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:auto}.upsell-price{font-size:1.4rem;font-weight:600;color:rgb(var(--color-success));padding-top:.5rem}.upsell-add-btn{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:.6rem;padding:.8rem 1rem;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;margin-top:.5rem;text-align:center;min-height:3.8rem}.upsell-add-btn:hover:not(:disabled){background:color-mix(in srgb,rgb(var(--color-button)) 85%,black);transform:scale(1.02)}.upsell-add-btn:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}shipping-progress-upsell.loading .upsell-add-btn{position:relative;color:transparent}shipping-progress-upsell.loading .upsell-add-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.6rem;height:1.6rem;border:.2rem solid rgba(var(--color-button-text),.3);border-top-color:rgb(var(--color-button-text));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}shipping-progress.qualified{border-color:rgba(var(--color-success, 40, 167, 69),.2);box-shadow:0 .3rem 1rem rgba(var(--color-success, 40, 167, 69),.15),0 0 rgba(var(--color-success, 40, 167, 69),.4);animation:qualificationPulse 2s ease-out}@keyframes qualificationPulse{0%{box-shadow:0 .3rem 1rem rgba(var(--color-success, 40, 167, 69),.15),0 0 rgba(var(--color-success, 40, 167, 69),.4)}50%{box-shadow:0 .4rem 1.5rem rgba(var(--color-success, 40, 167, 69),.25),0 0 0 1rem rgba(var(--color-success, 40, 167, 69),0)}to{box-shadow:0 .3rem 1rem rgba(var(--color-success, 40, 167, 69),.15),0 0 rgba(var(--color-success, 40, 167, 69),.4)}}.shipping-progress-message{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.shipping-progress-message.qualified{animation:messageSlideIn .6s cubic-bezier(.25,.46,.45,.94)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.shipping-progress-fill{transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}shipping-progress.qualified .shipping-progress-fill{animation:fillComplete .8s cubic-bezier(.25,.46,.45,.94)}@keyframes fillComplete{0%{background:linear-gradient(90deg,rgb(var(--color-accent, 23, 162, 184)),rgb(var(--color-success, 40, 167, 69)))}50%{background:linear-gradient(90deg,rgb(var(--color-success, 40, 167, 69)),rgb(var(--color-success, 40, 167, 69)));box-shadow:0 0 2rem rgba(var(--color-success, 40, 167, 69),.4) inset}to{background:linear-gradient(90deg,rgb(var(--color-success, 40, 167, 69)),rgb(var(--color-success, 40, 167, 69)));box-shadow:0 0 1rem rgba(var(--color-success, 40, 167, 69),.3) inset}}.shipping-progress-fill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);opacity:0}shipping-progress.qualified .shipping-progress-fill:before{animation:shimmer 1.2s ease-out .3s}@keyframes shimmer{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-shipping-progress.css.map */