.build-a-box{background:var(--color-background);color:var(--color-text)}.bab{display:block;margin:0 auto;font-family:var(--font-body);color:var(--color-text)}.bab__warning{max-width:960px;margin:0 auto var(--spacing-5);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-products-sale-price);border-radius:var(--button-radius);color:var(--color-products-sale-price);font-size:13px}.bab__top{max-width:960px;margin:0 auto var(--spacing-6);text-align:center}.bab__heading{margin:0 0 var(--spacing-5)}.bab__progress{display:flex;justify-content:space-between;gap:var(--spacing-2);margin:0;padding:0;list-style:none}.bab__progress-step{flex:1 1 0;font-size:12px;font-weight:700;line-height:1.3;opacity:.5;transition:opacity .2s ease}.bab__progress-step{text-align:center}.bab__progress-step.is-active,.bab__progress-step.is-done{opacity:1}.bab__progress-line{position:relative;height:2px;margin:var(--spacing-2) 0 calc(28px + var(--spacing-5));background:var(--color-border)}.bab__progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--color-accent);transition:width .4s ease}.bab__progress-marker{position:absolute;top:100%;left:0;display:flex;margin-top:var(--spacing-1);color:var(--color-accent);transform:translate(-50%);transition:left .5s cubic-bezier(.4,0,.2,1)}.bab__total{margin:0}.bab__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-6);align-items:start;max-width:1400px;margin:0 auto}@media(min-width:900px){.bab__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-8)}}.bab__panel[hidden],.bab__grid[hidden],.bab [hidden]{display:none!important}.bab__eyebrow{margin:0;font-family:var(--font-heading);font-style:italic;color:var(--color-accent);text-align:center}.bab__panel-title{margin:0 0 var(--spacing-6);text-align:center}.bab__boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-5)}.bab-box{flex:0 1 260px;display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-background);border:2px solid transparent;border-radius:var(--button-radius);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bab-box:hover{box-shadow:0 8px 20px #0000001a}.bab-box.is-selected{border-color:var(--color-accent)}.bab-box__media img,.bab-box__media svg{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.bab-box__name{font-weight:700}.bab__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.bab__pill{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-accent);border-radius:999px;background:transparent;color:var(--color-accent);font:inherit;font-size:14px;line-height:1.2;cursor:pointer;transition:background-color .15s ease,color .15s ease}.bab__pill:hover,.bab__pill.is-active{background:var(--color-accent);color:var(--color-button-primary-text)}.bab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)}@media(min-width:720px){.bab__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5)}}.bab__load-more{grid-column:1 / -1;display:flex;justify-content:center;margin-top:var(--spacing-3)}.bab__empty{grid-column:1 / -1;text-align:center;opacity:.7}.bab-product{position:relative;display:flex;flex-direction:column;min-width:0}.bab-product__media{position:relative;background:var(--color-background-alt);overflow:hidden}.bab-product__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.bab-product.is-selected .bab-product__media{outline:2px solid var(--color-accent);outline-offset:-2px}.bab-product.is-sold-out .bab-product__media img{opacity:.5}.bab-product__badge,.bab-product__count{position:absolute;top:var(--spacing-2);padding:2px var(--spacing-2);border-radius:999px;background:var(--color-accent);color:var(--color-button-primary-text);font-size:12px;font-weight:700;line-height:1.4}.bab-product__badge{left:var(--spacing-2)}.bab-product__count{right:var(--spacing-2)}.bab-product__body{display:flex;flex:1;flex-direction:column;gap:var(--spacing-1);padding-top:var(--spacing-2)}.bab-product__title{margin:0;font-weight:400;overflow-wrap:anywhere}.bab-product__select{position:relative}.bab-product__variant{width:100%;padding-right:calc(var(--spacing-4) + 20px);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none;text-overflow:ellipsis;cursor:pointer}.bab-product__select-icon{position:absolute;top:50%;right:var(--spacing-3);transform:translateY(-50%);color:var(--color-accent);pointer-events:none}.bab-product__add{margin-top:auto;width:100%}.bab-product__add:disabled{opacity:.5;cursor:not-allowed}.bab__message{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.bab__skip{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.bab__label{display:flex;justify-content:space-between;margin-bottom:var(--spacing-1)}.bab__message [data-message-fields]{display:flex;flex-direction:column;gap:var(--spacing-2)}.bab__message textarea{width:100%;resize:vertical}.bab__error{margin:0;color:var(--color-products-sale-price)}.bab__aside{position:relative;min-height:320px;padding:var(--spacing-4);border-radius:var(--button-radius);background:var(--color-background-alt);overflow:hidden}@media(min-width:900px){.bab__aside{position:sticky;top:var(--spacing-4);max-height:calc(100vh - var(--spacing-8));overflow-y:auto}}.bab__pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--color-accent);opacity:.12;pointer-events:none}.bab__nav{position:relative;display:flex;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.bab__nav [data-next]{margin-left:auto}.bab__sheet-bar,.bab__overlay{display:none}@media(max-width:899px){.bab{--bab-peek: calc(152px + env(safe-area-inset-bottom, 0px)) }.bab__layout{padding-bottom:calc(var(--bab-peek) + var(--spacing-4))}.bab__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#00000073}.bab__aside{position:fixed;inset:auto 0 0;z-index:20;min-height:0;max-height:82vh;padding:0 var(--spacing-4) calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;background:var(--color-background);box-shadow:0 -9px 14px -12px #00000080;overflow-y:auto;overscroll-behavior:contain;transform:translateY(calc(100% - var(--bab-peek)));transition:transform .35s cubic-bezier(.4,0,.2,1)}.bab__aside.is-open{transform:none}.bab__aside:not(.is-open) .bab__box-view{visibility:hidden}.bab__sheet-bar{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.bab__sheet-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:var(--color-button-primary-text);cursor:pointer;transition:transform .35s ease}.bab__aside.is-open .bab__sheet-toggle{transform:rotate(180deg)}.bab__sheet-total{margin:0}}.bab__box-view{position:relative;display:flex;flex-direction:column;gap:var(--spacing-3)}.bab__selected-box{display:flex;flex-direction:column;align-items:center;max-width:260px;padding:var(--spacing-3);background:var(--color-background)}.bab__selected-box img{width:100%;height:auto;object-fit:contain}.bab__selected-box-name{margin:var(--spacing-2) 0 0}.bab__box-empty{margin:var(--spacing-8) 0;text-align:center;opacity:.45}.bab__capacity{margin:0;font-weight:700}.bab__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3);margin:0;padding:0;list-style:none}@media(min-width:1200px){.bab__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.bab-tile{position:relative;background:var(--color-background);animation:bab-tile-in .3s ease both}.bab-tile img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.bab-tile--card img{object-fit:contain;background:var(--color-background)}.bab-tile__label{display:block;padding:var(--spacing-1) var(--spacing-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bab-tile__remove{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--color-accent);color:var(--color-button-primary-text);cursor:pointer}@keyframes bab-tile-in{0%{opacity:0;transform:translateY(-14px) scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bab-tile{animation:none}.bab__progress-fill,.bab__progress-marker,.bab__aside,.bab__sheet-toggle{transition:none}}.bab-box__price{font-weight:700}.bab-box__sold{color:var(--color-products-sale-price);font-weight:700}.bab-box.is-sold-out{opacity:.55;cursor:not-allowed}.bab-review{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-5)}.bab-review__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.bab-review__title{margin:0}.bab-review__edit{padding:0}.bab-review__list{margin:0;padding:0;list-style:none}.bab-review__row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) 0}.bab-review__row img{flex:none;width:64px;height:64px;object-fit:cover;background:var(--color-background-alt)}.bab-review__name{flex:1;min-width:0;overflow-wrap:anywhere}.bab-review__note{padding-top:var(--spacing-3)}.bab-review__note p{margin:0 0 var(--spacing-1);overflow-wrap:anywhere}.bab-review__total{display:flex;justify-content:space-between;margin:0;padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.bab__aside{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.bab__aside::-webkit-scrollbar{width:6px}.bab__aside::-webkit-scrollbar-track{background:transparent}.bab__aside::-webkit-scrollbar-thumb{border-radius:3px;background:var(--color-accent)}@media(max-width:719px){.bab__progress{justify-content:center}.bab__progress-step:not(.is-active){display:none}.bab__progress-step.is-active{flex:0 1 auto;font-size:16px;text-align:center;opacity:1;animation:bab-step-in .3s ease both}.bab__progress-marker{left:50%!important;transition:none}}@keyframes bab-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bab__progress-step.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/build-a-box.css.map */