.bundle-bar{position:fixed;left:0;right:0;bottom:var(--bb-dock, 0px);z-index:60;background:var(--bb-bg, #0d0d0d);color:var(--bb-text, #fff);border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.6rem 2.4rem #00000040;transform:translateY(0);transition:transform .3s ease,opacity .3s ease,bottom .3s ease;font-family:var(--font-body-family)}.bundle-bar--hidden{transform:translateY(110%);opacity:0;pointer-events:none}body.bundle-bar-visible{padding-bottom:15rem}.bundle-bar__inner{padding-block:1.4rem 1.6rem}.bundle-bar__top{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:1.2rem}.bundle-bar__headings{display:flex;flex-direction:column;gap:.3rem;min-width:0}.bundle-bar__shipping{margin:0;display:inline-flex;align-items:center;gap:.5rem;font-size:1.2rem;line-height:1.3;opacity:.8}.bundle-bar__shipping--unlocked{opacity:1;font-weight:600}.bundle-bar__shipping svg{width:1.8rem;height:1.8rem;flex:none}.bundle-bar__headline{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.bundle-bar__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .2rem;border:0;background:none;color:inherit;font:inherit;font-size:1.3rem;font-weight:600;cursor:pointer;white-space:nowrap}.bundle-bar__toggle svg{width:1.4rem;height:1.4rem;transition:transform .2s ease}.bundle-bar__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.bundle-bar__main{display:flex;align-items:center;gap:2.4rem}.bundle-bar__track{position:relative;flex:1;min-width:0}.bundle-bar__line{position:absolute;left:2.4rem;right:0;top:2.4rem;height:.2rem;background:#ffffff2e;border-radius:1rem;z-index:0}.bundle-bar__line span{display:block;height:100%;width:0;background:var(--bb-button, #e8c4bb);border-radius:1rem;transition:width .35s ease}.bundle-bar__slots{position:relative;z-index:1;display:flex;gap:1.2rem;overflow-x:auto;scrollbar-width:none}.bundle-bar__slots::-webkit-scrollbar{display:none}.bundle-bar__slot{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:6.4rem;flex-shrink:0;text-align:center}.bundle-bar__circle{position:relative;width:4.8rem;height:4.8rem;border-radius:50%;border:.2rem dashed rgba(255,255,255,.35);background:#ffffff0f;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;color:#ffffff73;cursor:default;transition:transform .2s ease,border-color .2s ease}.bundle-bar__circle svg{width:2rem;height:2rem}.bundle-bar__circle img{width:100%;height:100%;object-fit:cover;display:block}.bundle-bar__slot--filled .bundle-bar__circle{border:.2rem solid #fff;background:#fff;cursor:pointer;animation:bundle-pop .35s ease}.bundle-bar__slot--filled .bundle-bar__circle:after{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;color:#fff;font-size:2rem;font-weight:700;opacity:0;transition:opacity .15s ease}.bundle-bar__slot--filled .bundle-bar__circle:hover:after,.bundle-bar__slot--filled .bundle-bar__circle:focus-visible:after{opacity:1}.bundle-bar__slot-label{font-size:1rem;line-height:1.25;font-weight:600;opacity:.85}@keyframes bundle-pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.bundle-bar__cta{flex-shrink:0;min-width:26rem;min-height:5.2rem;padding:0 3rem;border:0;border-radius:10rem;background:var(--bb-button, #e8c4bb);color:var(--bb-button-text, #1a1a1a);font-family:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.bundle-bar__cta:disabled{opacity:.45;cursor:not-allowed}.bundle-bar__cta:not(:disabled):hover{transform:translateY(-.1rem)}.bundle-bar__cta.loading{opacity:.7;pointer-events:none}.bundle-bar__panel{margin-top:1.4rem;max-height:32rem;overflow-y:auto}.bundle-bar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.bundle-bar__row{display:flex;align-items:center;gap:1.2rem;padding:.8rem 1.2rem .8rem .8rem;border-radius:1.2rem;background:var(--bb-panel, #1f1f1f);font-size:1.3rem}.bundle-bar__row img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;background:#fff;flex-shrink:0}.bundle-bar__row-title{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundle-bar__row-title small{font-weight:400;opacity:.75}.bundle-bar__row-price{white-space:nowrap;opacity:.9}.bundle-bar__remove{border:0;background:none;color:inherit;opacity:.7;cursor:pointer;padding:.4rem;display:inline-flex}.bundle-bar__remove:hover{opacity:1}.bundle-bar__remove svg{width:1.6rem;height:1.6rem}.bundle-bar__empty{padding:1.2rem;text-align:center;opacity:.7;font-size:1.3rem}.bundle-bar__toast{position:fixed;left:50%;bottom:16rem;transform:translate(-50%,1rem);z-index:61;padding:.9rem 1.6rem;border-radius:10rem;background:var(--bb-bg, #0d0d0d);color:var(--bb-text, #fff);font-size:1.3rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.bundle-bar__toast.is-visible{opacity:1;transform:translate(-50%)}@media screen and (max-width:749px){.bundle-bar__inner{padding-block:1rem 1.2rem}.bundle-bar__top{margin-bottom:.8rem}.bundle-bar__headline,.bundle-bar__toggle{font-size:1.2rem}.bundle-bar__main{flex-direction:column;align-items:stretch;gap:1rem}.bundle-bar__cta{min-width:0;width:100%;min-height:4.2rem;font-size:1.2rem}.bundle-bar__slots{gap:.6rem;justify-content:space-between}.bundle-bar__slot{width:auto;flex:1;gap:.4rem}.bundle-bar__circle{width:3.8rem;height:3.8rem}.bundle-bar__circle svg{width:1.6rem;height:1.6rem}.bundle-bar__slot-label{font-size:.9rem}.bundle-bar__line{left:1.9rem;right:1.9rem;top:1.9rem}.bundle-bar__panel{max-height:22rem}body.bundle-bar-visible{padding-bottom:calc(17rem + var(--bb-dock, 0px))}.bundle-bar__toast{bottom:calc(18rem + var(--bb-dock, 0px))}}.bundle-bar__row-price s{opacity:.6;margin-right:.4rem}.bundle-bar__row-price b{color:#4caf50;font-weight:700;letter-spacing:.04em}.bundle-bar__cta-total:before{content:"\b7";margin:0 .6rem;opacity:.6}.bundle-bar__cta-total[hidden]{display:none}.bundle-bar__slot-label--free{font-weight:700;letter-spacing:.06em;opacity:1}.bundle-bar__slot-label:empty{min-height:1.3rem}.bundle-bar__circle{flex-direction:column;gap:.1rem}.bundle-bar__num{font-size:1.4rem;font-weight:700;line-height:1}.bundle-bar__circle svg{width:1.7rem;height:1.7rem}.bundle-bar__slot--filled .bundle-bar__circle{color:#1a1a1a}.bundle-bar__circle .bundle-bar__art{width:2rem;height:2rem;object-fit:contain;display:block;opacity:.9}.bundle-bar__slot--filled .bundle-bar__circle .bundle-bar__art{opacity:1}.bundle-bar__circle .bundle-bar__num{font-size:1.1rem;line-height:1;margin-top:-.1rem}.bundle-bar__slot:not(.bundle-bar__slot--filled) .bundle-bar__circle{background:#fdfbf7;border-color:#0000002e;color:#6b6b6b}.bundle-bar__slot:not(.bundle-bar__slot--filled) .bundle-bar__art{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/47/assets/component-bundle-bar.css.map */