.bab__deliverables{list-style:none;margin:0 auto clamp(1.3rem,3vw,2rem);padding:0;max-width:44rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-10)}.bab__deliverables li{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:.92rem;color:var(--color-ink)}.bab__deliv-ic{display:inline-flex;color:var(--color-success-text);flex:none}.bab__deliv-ic .icon-svg{width:1.1rem;height:1.1rem}.bab__tray{background:var(--color-group);border:2px dashed var(--color-hair-strong);border-radius:var(--radius-card);padding:var(--space-7) var(--space-8);margin-bottom:clamp(1rem,2.5vw,1.4rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-5) var(--space-8)}.bab__slots{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.bab__slot{position:relative;width:clamp(52px,9vw,64px);aspect-ratio:1/1;border-radius:var(--radius-card);background:var(--color-background);border:2px solid var(--color-hair);display:grid;place-items:center;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.bab__slot.is-filled{border-style:solid;border-color:var(--color-brand)}.bab__slot.is-free{border-color:var(--color-success)}.bab__slot img{width:100%;height:100%;object-fit:contain;padding:var(--space-3);background:#fff}.bab__slot-num{font-family:var(--font-heading--family);font-weight:800;font-size:1.15rem;color:var(--color-hair-strong)}.bab__slot-free{position:absolute;bottom:0;left:0;right:0;background:var(--color-success-text);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-align:center;padding:var(--space-1) 0}.bab__tray-hint{font-weight:700;font-size:.98rem;text-align:center}.bab__layout{display:grid;grid-template-columns:1fr 22rem;gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.bab__grid{display:grid;grid-template-columns:repeat(var(--bab-cols, 3),minmax(0,1fr));gap:clamp(.8rem,2vw,1.3rem)}.bab__card{overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s ease,border-color .15s ease;border:2px solid transparent}.bab__card.is-inbox{border-color:var(--color-brand);box-shadow:0 8px 22px #1498d629}.bab__card--add{cursor:pointer}.bab__card--add:hover{border-color:var(--color-brand);box-shadow:0 8px 22px #1498d629}.bab__card--add:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.bab__add{pointer-events:none}.bab__card.is-soldout{opacity:.55}.bab__card--cap{animation:bab-cap .35s ease}@keyframes bab-cap{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.bab__card.is-soldout .bab__img{filter:grayscale(.4)}.bab__soon{position:absolute;top:.55rem;right:.55rem;z-index:2;background:var(--color-navy);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:999px}.bab__media{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden}.bab__img{width:100%;height:100%;object-fit:contain;padding:var(--space-5)}.bab__card-badge{position:absolute;top:.55rem;left:.55rem;background:var(--color-brand-fill);color:#fff;font-size:.72rem;font-weight:700;padding:var(--space-2) var(--space-4);border-radius:999px}.bab__body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.bab__name{font-weight:700;font-size:.98rem}.bab__price{font-weight:600;color:var(--color-ink-2)}.bab__body>.btn{margin-top:auto;width:100%}.bab__summary{position:sticky;top:6rem}.bab__summary .card__body{display:grid;gap:var(--space-7)}.bab__summary-title{font-weight:800;font-size:1.15rem}.bab__progress-bar{height:8px;border-radius:999px;background:var(--color-group);overflow:hidden;margin-bottom:var(--space-3)}.bab__progress-bar span{display:block;height:100%;background:var(--color-brand);transition:width .2s ease,background .3s ease}.bab.is-complete .bab__progress-bar span{background:var(--color-success)}.bab__celebrate{position:relative;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-7);border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-success) 12%,var(--color-background));border:1px solid color-mix(in srgb,var(--color-success) 38%,transparent);color:#166b46;font-size:.92rem;line-height:1.35;overflow:hidden}.bab__celebrate[hidden]{display:none}.bab__celebrate strong{color:#11543a}.bab__celebrate-ic{flex:0 0 auto;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--color-success-text);color:#fff}.bab__celebrate-ic .icon-svg{width:1.05rem;height:1.05rem}.bab__celebrate.is-pop{animation:bab-pop .42s cubic-bezier(.2,1.4,.4,1) both}.bab__celebrate.is-pop .bab__celebrate-ic{animation:bab-ic-pop .55s cubic-bezier(.2,1.5,.4,1) both}@keyframes bab-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bab-ic-pop{0%{transform:scale(.2) rotate(-18deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}.bab__confetti{position:absolute;top:0;left:50%;width:0;height:0;pointer-events:none}.bab__confetti i{position:absolute;top:0;left:0;width:6px;height:6px;border-radius:1px;opacity:0}.bab__confetti i:nth-child(1){background:var(--color-brand)}.bab__confetti i:nth-child(2){background:var(--color-success)}.bab__confetti i:nth-child(3){background:var(--color-flavor-mango)}.bab__confetti i:nth-child(4){background:var(--color-flavor-watermelon)}.bab__confetti i:nth-child(5){background:var(--color-brand)}.bab__confetti i:nth-child(6){background:var(--color-success)}.bab__confetti i:nth-child(7){background:var(--color-flavor-mango)}.bab__confetti i:nth-child(8){background:var(--color-flavor-watermelon)}.bab__celebrate.is-pop .bab__confetti i{animation:bab-confetti .7s ease-out both}.bab__confetti i:nth-child(1){--bx: -70px;--by: -22px;animation-delay:.02s}.bab__confetti i:nth-child(2){--bx: -48px;--by: -34px;animation-delay:.05s}.bab__confetti i:nth-child(3){--bx: -24px;--by: -40px;animation-delay:0s}.bab__confetti i:nth-child(4){--bx: -8px;--by: -42px;animation-delay:.07s}.bab__confetti i:nth-child(5){--bx: 12px;--by: -42px;animation-delay:.03s}.bab__confetti i:nth-child(6){--bx: 30px;--by: -38px;animation-delay:.06s}.bab__confetti i:nth-child(7){--bx: 52px;--by: -30px;animation-delay:.01s}.bab__confetti i:nth-child(8){--bx: 72px;--by: -18px;animation-delay:.04s}@keyframes bab-confetti{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--bx),var(--by)) scale(.6)}}@media(prefers-reduced-motion:reduce){.bab__celebrate.is-pop,.bab__celebrate.is-pop .bab__celebrate-ic,.bab__celebrate.is-pop .bab__confetti i{animation:none}}.bab__chosen{display:grid;gap:var(--space-4);min-height:2rem}.bab__line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-5);font-size:.9rem}.bab__line-title{font-weight:600}.bab__line-controls{display:inline-flex;align-items:center;gap:var(--space-4)}.bab__step{width:26px;height:26px;border:1px solid var(--color-hair-strong);border-radius:var(--radius-button);background:transparent;cursor:pointer;font-size:1rem;line-height:1}.bab__line-qty{min-width:1.2rem;text-align:center;font-weight:700}.bab__line-price{font-weight:700;white-space:nowrap}.bab__totals{border-top:1px solid var(--color-hair);padding-top:var(--space-7);display:grid;gap:var(--space-3)}.bab__row{display:flex;justify-content:space-between;font-weight:600}.bab__row--save{color:var(--color-brand-text)}.bab__row--total{font-size:1.1rem;font-weight:800}.bab__mobilebar{display:none}.bab__mobilebar[hidden]{display:none!important}@media(max-width:900px){.bab__layout{grid-template-columns:1fr}.bab__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bab__summary{position:static}.bab__mobilebar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--color-background);border-top:1px solid var(--color-hair);box-shadow:0 -8px 24px #1c24351f;padding:var(--space-6) var(--page-margin);padding-right:calc(var(--page-margin) + 8.5rem);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom))}.bab__mobilebar-info{display:flex;flex-direction:column;line-height:1.2}.bab__mobilebar-total{font-size:.85rem;color:var(--color-ink-2)}.bab__mobilebar-btn{flex:none;min-width:8rem}.bab{padding-bottom:5rem}}.bab__content{margin-top:clamp(2.6rem,6vw,4rem);padding-top:clamp(1.8rem,4vw,2.6rem);border-top:1px solid var(--color-hair);max-width:var(--content-width);margin-inline:auto}.bab__content-h{text-align:center;margin-bottom:var(--space-10)}.babhiw__list{list-style:none;padding:0;margin:0 0 clamp(2rem,5vw,3rem);display:grid;gap:var(--space-9)}@media(min-width:750px){.babhiw__list{grid-template-columns:repeat(3,1fr);gap:var(--space-10)}}.babhiw__step{display:flex;gap:var(--space-7);align-items:flex-start}.babhiw__n{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--color-brand-fill);color:#fff;font-weight:800;display:grid;place-items:center}.babhiw__t{font-weight:800;margin:0 0 var(--space-2)}.babhiw__b{margin:0;color:var(--color-ink-2);line-height:1.55;font-size:.92rem}.bab__faq{max-width:640px;margin-inline:auto}.bab__faq-item{border-bottom:1px solid var(--color-hair)}.bab__faq-q{cursor:pointer;font-weight:700;padding:var(--space-7) 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.bab__faq-q::-webkit-details-marker{display:none}.bab__faq-q:after{content:"+";color:var(--color-brand-text);font-weight:700;font-size:1.3rem;flex:none}.bab__faq-item[open] .bab__faq-q:after{content:"\2212"}.bab__faq-a{padding-bottom:var(--space-7);color:var(--color-ink-2);line-height:1.6}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-build-a-box.css.map */