.promotional-progress{padding:0 6px;display:none}.promotional-progress.active{display:flex;flex-direction:column}.promotional-progress>.progress{order:1;position:relative;height:62px;margin:0 30px}.promotional-progress>.progress-heading{order:2;font-size:15px;text-align:center;color:#000;font-weight:700;min-height:20px;display:flex;align-items:center;justify-content:center;margin:7px 0 0}.promotional-progress>.progress-heading.empty-title{display:flex;height:auto}.promotional-progress .lkc-rs-amt,.promotional-progress .lkc-rs-reward{color:inherit;font-weight:800;white-space:nowrap}.promotional-progress>.progress>.bars{position:absolute;left:0;right:0;top:24px;height:13px;display:block;border:0;border-radius:99px;background:#e7e7e7;box-shadow:inset 0 1px 2px #0000001a;z-index:1}.promotional-progress>.progress>.bars>.bar{display:none}.promotional-progress>.progress>.lkc-rs__fill{position:absolute;left:0;top:24px;height:13px;width:0;border-radius:99px;background-image:linear-gradient(90deg,#ffd23d,#ff8a3d 45%,#ff4f9a 78%,#e0218a);background-size:var(--lkc-track-w, 260px) 13px;background-repeat:no-repeat;background-position:left center;transition:width .45s ease;z-index:2}.promotional-progress>.progress>.bars-threshold{position:static;margin:0;display:block}.promotional-progress>.progress>.bars-threshold>.threshold{position:absolute;top:24px;left:0;transform:translate(-50%,calc(-50% + 6.5px));width:26px;display:none;flex-direction:column;align-items:center;z-index:3;opacity:1;visibility:visible}.promotional-progress>.progress>.bars-threshold>.threshold.show{display:flex}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-img{width:26px;height:26px;border-radius:50%;overflow:hidden;background:#ededed;border:2px solid #d2d2d2;box-shadow:0 1px 2px #00000026;display:flex;align-items:center;justify-content:center;color:#b0b0b0}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.5}.promotional-progress>.progress>.bars-threshold>.threshold.is-shipping>.bar-img{background:#fff}.promotional-progress>.progress>.bars-threshold>.threshold.is-shipping>.bar-img svg{width:15px;height:15px}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-img{border-color:#2fc46b;color:#14994f}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-img img{filter:none;opacity:1}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon{position:absolute;right:-3px;top:-3px;width:13px;height:13px;border-radius:50%;background:transparent;display:none;align-items:center;justify-content:center;margin:0}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-icon svg{display:none}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-icon{display:flex;background:#2fc46b;box-shadow:0 0 0 2px #fff}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-icon:after{content:"";width:6px;height:3px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:translateY(-1px) rotate(-45deg)}.promotional-progress>.progress>.bars-threshold>.threshold>.bar-text{position:absolute;top:29px;left:50%;transform:translate(-50%);text-align:center;font-size:10px;font-weight:700;line-height:11px;white-space:nowrap;color:#bcbcbc}.promotional-progress>.progress>.bars-threshold>.threshold.active>.bar-text{color:#111}.promotional-progress>.progress>.lkc-rs__cecil{position:absolute;top:24px;left:0;transform:translate(-50%,calc(-50% + 6.5px));width:56px;height:42px;z-index:4;pointer-events:none;transition:left .45s ease}.promotional-progress>.progress>.lkc-rs__cecil>.lkc-rs__cecil-img{display:block;width:56px;height:42px;background-image:var(--lkc-cecil);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 1px #fff)}@media screen and (max-width:1000px){.promotional-progress>.progress-heading{font-size:1.9vw}}@media screen and (max-width:768px){.promotional-progress>.progress-heading{font-size:15px}}@media screen and (max-width:500px){.promotional-progress>.progress-heading{font-size:14px}.promotional-progress>.progress{margin:0 24px}}@media screen and (max-width:400px){.promotional-progress>.progress-heading{font-size:3.6vw}}
/*# sourceMappingURL=/cdn/shop/t/429/assets/component-promotional-progress.css.map */