build-a-box-component{display:block;min-width:0;contain:inline-size}.bab-progress{margin-block-end:1.75rem;border:2px solid #c0c0c0;border-radius:15px;padding:10px 5px}.bab-progress__track{position:relative;height:.5rem;background:color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:99px;margin-block-end:.6rem}.bab-progress__fill{height:100%;background:var(--color-primary-button-background, var(--color-foreground));border-radius:99px;transition:width .3s ease;pointer-events:none}.bab-progress__marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:.875rem;height:.875rem;border-radius:50%;border:2px solid var(--color-background);background:color-mix(in srgb,var(--color-foreground) 35%,transparent);z-index:1}.bab-progress__labels{display:flex;margin-block-end:.5rem}.bab-progress__labels--top{margin-block-end:.4rem}.bab-progress__marker-label{flex:1;text-align:center;font-size:var(--bab-label-font-size, .72rem);color:color-mix(in srgb,var(--color-foreground) 60%,transparent);line-height:1.3;padding-inline:.25rem}.bab-progress__labels--top .bab-progress__marker-label{font-weight:600;color:var(--color-foreground)}.bab-progress__status{font-size:.8rem;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);margin:0;text-align:center}.bab-slider-wrap{position:relative}.bab-grid{display:flex;align-items:stretch;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:1rem;margin-block-end:.75rem}.bab-grid::-webkit-scrollbar{display:none}.bab-slider-controls{display:flex;justify-content:space-between;gap:.75rem;margin-block-end:1.5rem}@media(min-width:750px){.bab-grid{margin-block-end:1.5rem}.bab-slider-controls{position:absolute;top:0;bottom:1.5rem;left:-1.375rem;right:-1.375rem;pointer-events:none;align-items:center;justify-content:space-between;margin:0}}.bab-slider-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;border:none;background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));cursor:pointer;font-size:1.5rem;line-height:1;padding:0;transition:opacity .15s ease;font-family:inherit}@media(min-width:750px){.bab-slider-btn{pointer-events:all}}.bab-slider-btn:hover:not(:disabled){opacity:.8}.bab-slider-btn:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bab-slider-btn:disabled{opacity:.3;cursor:not-allowed}.bab-grid-header{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-block-end:.75rem}.bab-view-toggle{display:flex;border:1px solid var(--color-border, currentcolor);border-radius:var(--style-border-radius-inputs, 4px);overflow:hidden}.bab-view-toggle__label{display:flex;align-items:center;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease;white-space:nowrap}.bab-view-toggle__label:has(input:checked){background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background))}.bab-view-toggle input[type=radio]{position:absolute;opacity:0;width:0;height:0}.bab-scroll-track{position:relative;width:100%;height:.25rem;background:color-mix(in srgb,var(--color-foreground) 12%,transparent);border-radius:99px;overflow:hidden}.bab-scroll-thumb{position:absolute;top:0;left:0;height:100%;min-width:1rem;background:var(--color-primary-button-background, var(--color-foreground));border-radius:99px;transition:left .08s ease,width .08s ease}build-a-box-component[data-view=grid] .bab-scroll-track,build-a-box-component[data-view=grid] .bab-slider-controls{display:none}build-a-box-component[data-view=grid] .bab-grid{display:grid;overflow-x:hidden;scroll-snap-type:none;grid-template-columns:repeat(var(--bab-mobile-columns, 2),1fr)}@media(min-width:750px){build-a-box-component[data-view=grid] .bab-grid{grid-template-columns:repeat(var(--bab-columns, 4),1fr)}}build-a-box-component[data-view=grid] .bab-card{flex:none;width:100%;scroll-snap-align:none}.bab-card{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - 1rem * (var(--bab-mobile-columns, 2) - 1)) / var(--bab-mobile-columns, 2));border:2px solid #ccc;border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-background);color:var(--color-foreground);cursor:pointer;padding:0;text-align:left;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;font-size:inherit;display:flex;flex-direction:column}@media(min-width:750px){.bab-card{width:calc((100% - 1rem * (var(--bab-columns, 4) - 1)) / var(--bab-columns, 4))}}.bab-card:hover{border-color:color-mix(in srgb,var(--color-foreground) 40%,transparent)}.bab-card[data-selected=true]{border-color:var(--color-foreground);box-shadow:0 0 0 1px var(--color-foreground)}.bab-card__img-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--style-border-radius-inputs, 4px) - 2px) calc(var(--style-border-radius-inputs, 4px) - 2px) 0 0}.bab-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.bab-card__checkbox{position:absolute;top:.4rem;right:.4rem;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--color-background);background:var(--color-background);box-shadow:0 1px 3px #0003;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.bab-card__checkbox:after{content:"";display:block;width:.35rem;height:.6rem;border:2px solid var(--color-background);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);opacity:0;transition:opacity .15s ease}.bab-card[data-selected=true] .bab-card__checkbox{background:var(--color-foreground);border-color:var(--color-foreground)}.bab-card[data-selected=true] .bab-card__checkbox:after{opacity:1}.bab-card__body{padding:.75rem;display:flex;flex-direction:column;flex:1}.bab-card__title{display:block;font-size:.875rem;font-weight:500;line-height:1.3;margin-block-end:.25rem}.bab-card__variant{display:block;font-size:.75rem;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);margin-block-end:.25rem}.bab-card__price{display:block;font-size:.875rem}.bab-card__price-was{font-size:.75rem;color:color-mix(in srgb,var(--color-foreground) 45%,transparent);text-decoration:line-through;font-weight:400}.bab-card__description{font-size:.75rem;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);line-height:1.4;margin:.375rem 0 0}.bab-card__allergens{font-size:.7rem;color:color-mix(in srgb,var(--color-foreground) 50%,transparent);font-style:italic;line-height:1.3;margin:.2rem 0 0}.bab-card__qty-row{display:flex;align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:.625rem}.bab-card__qty-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-border, currentcolor);border-radius:50%;background:var(--color-background);color:var(--color-foreground);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;transition:background .15s ease,border-color .15s ease;font-family:inherit;flex-shrink:0}.bab-card__qty-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-foreground) 8%,transparent);border-color:var(--color-foreground)}.bab-card__qty-btn:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bab-card__qty-btn:disabled{opacity:.3;cursor:not-allowed}.bab-card__qty-value{min-width:1.25rem;text-align:center;font-size:.875rem;font-weight:500}.bab-controls{display:flex;flex-direction:column;gap:1rem;padding-block-start:1.5rem;border-top:1px solid var(--color-border, currentcolor)}@media(max-width:749px){.bab-controls{position:sticky;bottom:0;background:var(--color-background);padding:1rem;border-top:1px solid var(--color-border, currentcolor);z-index:10;gap:.75rem}}.bab-summary-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.bab-counter{font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 75%,transparent);margin:0}.bab-discount-badge{display:inline-block;background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));padding:.2em .65em;border-radius:99px;font-size:.8rem;font-weight:500}.bab-discount-badge:empty{display:none}.bab-purchase-options{display:flex;flex-direction:column;gap:.5rem}.bab-subscribe-info{font-size:.8rem;color:color-mix(in srgb,var(--color-foreground) 70%,transparent);line-height:1.4}.bab-subscribe-info p,.bab-subscribe-info ul,.bab-subscribe-info ol{margin:0}.bab-subscribe-info ul,.bab-subscribe-info ol{padding-inline-start:1.25rem}.bab-subscribe-info>*+*{margin-block-start:.25rem}.bab-purchase-option{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border:1.5px solid color-mix(in srgb,var(--color-primary-button-background, var(--color-foreground)) 40%,transparent);border-radius:30px;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.bab-purchase-option:has(input:checked){border-color:var(--color-primary-button-background, var(--color-foreground));background:color-mix(in srgb,var(--color-primary-button-background, var(--color-foreground)) 8%,transparent)}.bab-purchase-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.bab-purchase-option__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.bab-purchase-option__title{font-size:.875rem;font-weight:600}.bab-frequency-select{-webkit-appearance:auto;appearance:auto;padding:.35rem .6rem;border:1px solid var(--color-border, currentcolor);border-radius:var(--style-border-radius-inputs, 4px);background:var(--color-background);color:var(--color-foreground);font-family:inherit;font-size:.8rem;flex-shrink:0}.bab-error{color:var(--color-error, #c0392b);font-size:.875rem;margin:0}.bab-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;border-radius:99px;border:none;background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease;line-height:1.2}.bab-add-btn:hover:not([aria-disabled=true]){opacity:.85}.bab-add-btn:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bab-add-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bab-add-btn__label{flex-shrink:0}.bab-add-btn__price{font-weight:700}.bab-add-btn__original{font-weight:400;opacity:.65;text-decoration:line-through}.bab-upsell-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.bab-upsell-modal{position:relative;background:var(--color-background);color:var(--color-foreground);border-radius:var(--style-border-radius-inputs, 8px);padding:2rem;max-width:36rem;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.bab-upsell-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--color-foreground);cursor:pointer;font-size:1.1rem;border-radius:50%;padding:0;font-family:inherit;transition:background .15s ease}.bab-upsell-close:hover{background:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.bab-upsell-close:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bab-upsell-heading{font-size:1.25rem;font-weight:700;margin:0;padding-inline-end:2rem}.bab-upsell-body{font-size:.875rem;color:color-mix(in srgb,var(--color-foreground) 75%,transparent);line-height:1.5}.bab-upsell-body p,.bab-upsell-body ul,.bab-upsell-body ol{margin:0}.bab-upsell-body ul,.bab-upsell-body ol{padding-inline-start:1.25rem}.bab-upsell-body>*+*{margin-block-start:.25rem}.bab-upsell-products{display:flex;flex-direction:column;gap:.625rem}.bab-upsell-product{display:flex;align-items:center;gap:.875rem;padding:.75rem;border:1.5px solid var(--color-border, currentcolor);border-radius:var(--style-border-radius-inputs, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.bab-upsell-product:has(.bab-upsell-checkbox:checked){border-color:var(--color-foreground);background:color-mix(in srgb,var(--color-foreground) 5%,transparent)}.bab-upsell-checkbox{flex-shrink:0;width:1.1rem;height:1.1rem;cursor:pointer;accent-color:var(--color-foreground)}.bab-upsell-product__img{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:calc(var(--style-border-radius-inputs, 4px) - 2px);flex-shrink:0}.bab-upsell-product__info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.bab-upsell-product__title{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bab-upsell-product__price{font-size:.8rem;color:color-mix(in srgb,var(--color-foreground) 65%,transparent)}.bab-upsell-actions{display:flex;flex-direction:column;gap:.5rem;padding-block-start:.25rem}.bab-upsell-accept{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;border-radius:99px;border:none;background:var(--color-primary-button-background, var(--color-foreground));color:var(--color-primary-button-text, var(--color-background));font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.bab-upsell-accept:hover{opacity:.85}.bab-upsell-accept:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bab-upsell-decline{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;border:none;background:transparent;color:color-mix(in srgb,var(--color-foreground) 60%,transparent);font-family:inherit;font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.bab-upsell-decline:hover{color:var(--color-foreground)}.bab-upsell-decline:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px;border-radius:4px}.bab-skeleton{display:grid;grid-template-columns:repeat(var(--bab-mobile-columns, 2),1fr);gap:1rem}@media(min-width:750px){.bab-skeleton{grid-template-columns:repeat(var(--bab-columns, 4),1fr)}}.bab-skeleton-card{aspect-ratio:1.2;border-radius:var(--style-border-radius-inputs, 4px);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:bab-shimmer 1.5s infinite}@keyframes bab-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/build-a-box.css.map */