.upsell-bar-wrapper{background:var(--ub-wrapper-bg, #ffffff);border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #0000000d;overflow:hidden;max-height:240px;transition:max-height .4s ease,opacity .4s ease;opacity:1;container-type:inline-size;container-name:upsellbar;font-family:Questrial,sans-serif}.upsell-bar-wrapper--hidden{max-height:0;opacity:0;pointer-events:none}.upsell-bar{padding:14px 20px 0}.upsell-bar__message{color:var(--ub-text, #1a1a1a);font-size:13px;font-weight:500;text-align:center;margin:0 0 16px;line-height:1.5;min-height:20px}.upsell-bar__message strong{font-weight:700}.upsell-bar__progress-wrap{position:relative;padding:46px 0 60px;margin:0 32px}.upsell-bar__track{position:relative;z-index:1;height:8px;border-radius:100px;background:var(--ub-track, #e5e7eb);overflow:hidden}.upsell-bar__fill{display:block!important;position:absolute!important;top:0!important;left:0!important;height:8px!important;border-radius:100px!important;background-color:var(--ub-fill-a, #7c3aed);background:linear-gradient(to right,var(--ub-fill-a, #7c3aed),var(--ub-fill-b, #4f46e5));transition:width .6s cubic-bezier(.4,0,.2,1)!important;max-width:100%!important;z-index:3!important}.upsell-bar__cp{position:absolute;top:46px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.upsell-bar__cp-qty-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--ub-text, #1a1a1a);opacity:.55;white-space:nowrap;transition:opacity .3s ease,color .3s ease}.upsell-bar__cp-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ub-dot-inactive, #e5e7eb);color:var(--ub-dot-icon, #ffffff);border:3px solid var(--ub-wrapper-bg, #ffffff);box-shadow:0 2px 10px #0000001f;transition:background .35s ease,transform .35s ease,box-shadow .35s ease;flex-shrink:0}.upsell-bar__cp-reward-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--ub-text, #1a1a1a);opacity:.55;white-space:nowrap;transition:opacity .3s ease,color .3s ease}.upsell-bar__cp--shipping.upsell-bar__cp--reached .upsell-bar__cp-dot{background:var(--ub-ship-color, #0ea5e9);box-shadow:0 4px 14px #0ea5e959}.upsell-bar__cp--shipping.upsell-bar__cp--reached .upsell-bar__cp-qty-label,.upsell-bar__cp--shipping.upsell-bar__cp--reached .upsell-bar__cp-reward-label{color:var(--ub-ship-color, #0ea5e9)}.upsell-bar__cp--reached .upsell-bar__cp-dot{background:var(--ub-dot-active, #7c3aed);transform:scale(1.12);box-shadow:0 4px 14px #7c3aed59}.upsell-bar__cp--reached .upsell-bar__cp-qty-label,.upsell-bar__cp--reached .upsell-bar__cp-reward-label{opacity:1;color:var(--ub-dot-active, #7c3aed)}@container upsellbar (max-width: 749px){.upsell-bar{padding:12px 16px 0}.upsell-bar__message{font-size:10.5px;margin-bottom:4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upsell-bar__cp-dot{width:32px;height:32px}.upsell-bar__cp-dot svg{width:14px;height:14px}.upsell-bar__progress-wrap{padding:18px 0 52px;margin:0 32px}.upsell-bar__cp{top:18px}.upsell-bar__cp--shipping .upsell-bar__cp-reward-label{left:auto;right:calc(50% - 16px);transform:none;text-align:right}.upsell-bar__cp-qty-label{display:none}.upsell-bar__cp-reward-label{font-size:10px;white-space:normal;text-align:center;max-width:54px;line-height:1.2;top:calc(100% + 6px)}}@container upsellbar (max-width: 390px){.upsell-bar__progress-wrap{margin:0 24px}.upsell-bar__cp-dot{width:26px;height:26px}.upsell-bar__cp-dot svg{width:12px;height:12px}.upsell-bar__cp-reward-label{font-size:9px;max-width:44px}.upsell-bar__cp--shipping .upsell-bar__cp-reward-label{right:calc(50% - 13px)}.upsell-bar__message{font-size:11px;margin-bottom:4px}}.upsell-bar-wrapper--inline{background:#fff!important;border:1px solid #e6e6e6!important;border-radius:12px!important;margin-top:0!important;margin-bottom:2px!important;padding:16px 18px 8px!important;box-shadow:0 1px 2px #00000008!important;max-height:none!important}.upsell-bar-wrapper--inline .upsell-bar{padding:0!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/upsell-progress-bar.css.map */