.custom-promo-banner{--height-promo-required-bar: 12px;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:24px;margin:0 auto;padding:16px 0;border-top:1px solid #CECECE;border-bottom:1px solid #CECECE;background:#fff;transition:top linear .5s}.custom-promo-banner .custom-promo-banner-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:4px;margin:0;padding:0}.custom-promo-banner .custom-promo-banner-header p{margin:0;font-size:14px;line-height:20px}.custom-promo-banner .custom-promo-banner-header .custom-promo-banner-title{margin:0;font-size:18px;line-height:24px}.custom-promo-banner .custom-promo-banner-header .custom-promo-banner-description{margin:0;font-size:16px;line-height:26px}.custom-promo-banner .custom-promo-banner-header .custom-promo-banner-description-zero{position:relative;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:5px;margin:20px 0 0;padding:16px;border-radius:4px;background:#f8f8f8}.custom-promo-banner .custom-promo-banner-header .custom-promo-banner-description-zero .icon-added{position:absolute;top:10px;left:30px;display:block;width:11px;height:auto}.custom-promo-banner .custom-promo-banner-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:0;margin:0;padding:0}.custom-promo-banner .custom-promo-banner-info .custom-promo-banner-price-wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;gap:16px;margin:0;padding:0}.custom-promo-banner .custom-promo-banner-info .custom-promo-banner-price-value{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;min-width:40px;gap:0;margin:0 0 4px;padding:0;font-size:16px;line-height:24px}.custom-promo-banner .custom-promo-banner-info .custom-promo-banner-price-value:not(:first-child,:last-child){position:absolute;z-index:1;left:var(--perentage-bubble1-position);transform:translate(-50%)}.custom-promo-banner .custom-promo-banner-info .custom-promo-required{position:relative;display:block;width:100%}.custom-promo-banner .custom-promo-banner-info .custom-promo-required-bar{position:relative;overflow:hidden;display:block;width:100%;height:var(--height-promo-required-bar);background:#ebebeb;border-radius:4px}.custom-promo-banner .custom-promo-banner-info .custom-promo-price-bubble{--width_price_bubble: 32px;position:absolute;z-index:3;bottom:var(--height-promo-required-bar);left:min(var(--perentage-promo-required-ready),calc(100% - calc(var(--width_price_bubble) - 12px)));display:block;min-width:32px;margin:0;padding:0;opacity:1;transform:translate(-12px);transition:all linear 1s .5s}.custom-promo-banner.custom-promo-banner-complete .custom-promo-banner-info .custom-promo-price-bubble{transform:translate(-100%)}.custom-promo-banner .custom-promo-banner-info .custom-promo-price-bubble .custom-promo-price-value{position:relative;z-index:1;bottom:8px;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:0;margin:0;padding:4px 12px;border-radius:8px;border:1px solid #CECECE;background:#fff}.custom-promo-banner .custom-promo-banner-info .custom-promo-price-bubble:after{content:"";position:absolute;z-index:2;bottom:2px;left:6px;display:flex;align-items:flex-start;flex-shrink:0;width:12px;height:12px;gap:10px;border-radius:0 2px 0 0;border-top:1px solid #CECECE;border-right:1px solid #CECECE;background:#fff;transform:rotate(135deg)}.custom-promo-banner .custom-promo-banner-info .custom-promo-required-bar:after{content:"";position:absolute;top:0;left:0;display:block;width:min(var(--perentage-promo-required-ready),100%);height:100%;background:#44cc83;border-radius:4px 0 0 4px;transition:all linear 1s .5s}.custom-promo-banner:not(.custom-promo-banner-loaded) .custom-promo-banner-info .custom-promo-required-bar{--perentage-promo-required-ready: 0%}.custom-promo-banner:not(.custom-promo-banner-loaded) .custom-promo-banner-info .custom-promo-price-bubble{left:0;opacity:0}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble-wrapper{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;width:100%;margin-bottom:20px}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble{position:relative;z-index:2;display:block;min-width:48px;margin:16px 0 0;padding:0;border-radius:8px;box-shadow:0 4px 16px #3e3e3e1f}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble:has(+.custom-promo-object-bubble){position:absolute;z-index:1;left:var(--perentage-bubble1-position);transform:translate(calc(18px - 100%))}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble:before{content:"";position:absolute;z-index:1;top:-8px;right:8px;display:block;width:20px;height:20px;background:#fff;box-shadow:0 4px 16px #3e3e3e1f;transform:rotate(135deg)}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .custom-promo-object-bubble-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;gap:4px;margin:0;padding:8px 12px;border-radius:8px;background:#fff}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .custom-promo-object-bubble-content:has(.custom-gifts-popup--open){cursor:pointer}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .custom-promo-object-bubble-content:hover .custom-gifts-popup--open:after{height:2px}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .icon-added{position:absolute;top:6px;left:23px;display:block;width:11px;height:auto}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .icon-added:has(+img){left:32px}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .icon-added:has(+.custom-promo-object-title){left:6px}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble img{display:block;width:28px;height:37px;object-fit:contain}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .custom-promo-object-title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;gap:0;margin:0;padding:0}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .icon-added+.custom-promo-object-title{padding-left:6px}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble .custom-promo-object-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;max-width:84px}@media (min-width:426px){.custom-promo-banner{max-width:528px;padding:16px;border-radius:16px;border:1px solid #CECECE}}@media (max-width:360px){.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble:has(+.custom-promo-object-bubble){left:0;right:auto;transform:none}.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble:has(+.custom-promo-object-bubble),.custom-promo-banner .custom-promo-banner-info .custom-promo-object-bubble+.custom-promo-object-bubble{width:calc(50% - 5px);min-width:0px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bobo-promo-banner.css.map */