.bb-builder{--bb-gap: 1rem;--bb-card-border: rgb(var(--text-primary) / .12);--bb-card-media-bg: rgb(var(--text-primary) / .04);--bb-muted: rgb(var(--text-primary) / .55);--bb-rail: rgb(var(--text-primary) / .18);max-width:90rem;margin-inline:auto;padding:2.5rem 1.25rem 8rem;color:rgb(var(--text-primary));font-family:var(--text-font-family)}.bb-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:3rem}.bb-step{position:relative;flex:1 1 0;max-width:15rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:center}.bb-step[disabled]{cursor:not-allowed}.bb-step+.bb-step:before{content:"";position:absolute;top:1.375rem;right:50%;left:-50%;height:1px;background:var(--bb-rail)}.bb-step__dot{position:relative;z-index:1;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--bb-rail);background:rgb(var(--background-primary));display:grid;place-items:center;transition:border-color .15s ease,box-shadow .15s ease}.bb-step__dot svg{width:1.125rem;height:1.125rem;opacity:.5}.bb-step.is-active .bb-step__dot{border-color:rgb(var(--text-primary));box-shadow:0 0 0 1px rgb(var(--text-primary))}.bb-step.is-active .bb-step__dot svg{opacity:1}.bb-step.is-complete .bb-step__dot{border-color:rgb(var(--text-primary))}.bb-step.is-complete .bb-step__dot svg{opacity:.85}.bb-step__name{font-family:var(--heading-font-family);font-weight:700;font-size:var(--text-sm);line-height:1.25;max-width:11rem}.bb-step[disabled] .bb-step__name{color:var(--bb-muted)}.bb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--bb-gap);margin-bottom:1.5rem}.bb-filters-toggle{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.375rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-sm, .25rem);background:rgb(var(--background-primary));color:inherit;font:inherit;font-weight:500;cursor:pointer}.bb-filters-toggle:hover{border-color:rgb(var(--text-primary) / .35)}.bb-filters-toggle svg{width:1.125rem;height:1.125rem}.bb-filters-toggle__count{min-width:1.25rem;height:1.25rem;padding-inline:.375rem;border-radius:999px;background:rgb(var(--accent));color:#fff;font-size:var(--text-xs);font-weight:700;display:grid;place-items:center}.bb-search{position:relative;display:flex;align-items:center;gap:.5rem;min-width:16rem;border-bottom:1px solid var(--bb-card-border);padding-block:.5rem}.bb-search svg{width:1.125rem;height:1.125rem;opacity:.55;flex:none}.bb-search input{flex:1;border:0;background:none;font:inherit;color:inherit;padding:0}.bb-search input:focus{outline:none}.bb-search:focus-within{border-bottom-color:rgb(var(--text-primary))}.bb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bb-gap)}.bb-grid__item{display:flex;flex-direction:column;border:1px solid var(--bb-card-border);border-radius:var(--rounded-sm, .25rem);overflow:hidden;background:rgb(var(--background-primary))}.bb-grid__media{aspect-ratio:1 / 1;background:var(--bb-card-media-bg);display:grid;place-items:center;padding:1.25rem}.bb-grid__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.bb-grid__image--placeholder{width:100%;height:100%;mix-blend-mode:normal}.bb-grid__info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1rem;text-align:center}.bb-grid__title{margin:0;font-size:var(--text-base);line-height:1.35}.bb-grid__price{margin:0;font-weight:700;font-size:var(--text-base)}.bb-grid__add{margin:0 1rem 1rem;padding:.9375rem 1rem;border:0;border-radius:var(--rounded-button, 0);background:rgb(var(--text-primary));color:rgb(var(--background-primary));font:inherit;font-weight:500;cursor:pointer;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center;text-align:center;min-height:3rem}.bb-grid__add:hover{opacity:.85}.bb-grid__add[disabled]{opacity:.35;cursor:not-allowed}.bb-grid__qty{display:none;margin:0 1rem 1rem;align-items:center;justify-content:space-between;border:1px solid rgb(var(--text-primary));border-radius:var(--rounded-button, 0);overflow:hidden}.bb-grid__item.is-in-box .bb-grid__qty{display:flex}.bb-grid__item.is-in-box .bb-grid__add{display:none}.bb-grid__qty button{width:2.75rem;height:2.75rem;border:0;background:none;font:inherit;font-size:var(--text-lg);line-height:1;cursor:pointer;color:inherit}.bb-grid__qty button:hover{background:rgb(var(--text-primary) / .06)}.bb-grid__qty output{font-weight:700}.bb-drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:60}.bb-builder.is-filtering .bb-drawer-scrim{opacity:1;pointer-events:auto}.bb-drawer{position:fixed;inset-block:0;left:0;width:min(26rem,90vw);background:rgb(var(--background-primary));transform:translate(-100%);transition:transform .25s ease;z-index:61;display:flex;flex-direction:column;padding:2rem 2rem 1rem;overflow-y:auto}.bb-builder.is-filtering .bb-drawer{transform:none}.bb-drawer__head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.bb-drawer__title{margin:0;font-family:var(--heading-font-family);font-size:var(--text-h5);font-weight:700}.bb-drawer__clear{border:0;background:none;padding:0;font:inherit;font-size:var(--text-sm);text-decoration:underline;cursor:pointer;color:inherit}.bb-drawer__close{margin-left:auto;border:0;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:inherit}.bb-fgroup{border-top:1px solid var(--bb-card-border)}.bb-fgroup:last-of-type{border-bottom:1px solid var(--bb-card-border)}.bb-fgroup__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.125rem 0;border:0;background:none;font:inherit;font-weight:500;cursor:pointer;color:inherit}.bb-fgroup__chevron{transition:transform .2s ease;width:.875rem;height:.875rem}.bb-fgroup.is-open .bb-fgroup__chevron{transform:rotate(180deg)}.bb-fgroup__body{display:none;padding-bottom:1rem}.bb-fgroup.is-open .bb-fgroup__body{display:block}.bb-fopt{display:flex;align-items:center;gap:.75rem;padding:.4375rem 0;cursor:pointer}.bb-fopt input{width:1rem;height:1rem;accent-color:rgb(var(--text-primary))}.bb-fopt__count{margin-left:auto;color:var(--bb-muted);font-size:var(--text-sm)}.bb-boxbar{position:fixed;inset-inline:0;bottom:0;z-index:50;background:rgb(var(--background-primary));border-top:1px solid var(--bb-card-border);box-shadow:0 -4px 20px rgb(var(--text-primary) / .08);padding:.875rem 1.25rem}.bb-boxbar__inner{max-width:90rem;margin-inline:auto;display:flex;align-items:center;gap:1.25rem}.bb-boxbar__items{display:flex;align-items:center;gap:.5rem;overflow-x:auto;flex:1;min-height:3.5rem;scrollbar-width:thin}.bb-boxitem{position:relative;flex:none;width:3.25rem;height:3.25rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-sm, .25rem);background:var(--bb-card-media-bg);display:grid;place-items:center;padding:.25rem}.bb-boxitem img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-boxitem__qty{position:absolute;top:-.375rem;right:-.375rem;min-width:1.125rem;height:1.125rem;padding-inline:.25rem;border-radius:999px;background:rgb(var(--accent));color:#fff;font-size:.6875rem;font-weight:700;display:grid;place-items:center}.bb-boxitem__remove{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:rgb(var(--background-primary) / .85);opacity:0;cursor:pointer;font-size:var(--text-sm);color:inherit}.bb-boxitem:hover .bb-boxitem__remove{opacity:1}.bb-boxbar__empty{color:var(--bb-muted);font-size:var(--text-sm)}.bb-boxbar__totals{text-align:right;white-space:nowrap}.bb-boxbar__count{display:block;font-size:var(--text-sm);color:var(--bb-muted)}.bb-boxbar__total{display:block;font-weight:700;font-size:var(--text-lg)}.bb-boxbar__next{flex:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:1rem 2.5rem;border:0;border-radius:var(--rounded-button, 0);background:rgb(var(--accent));color:#fff;font:inherit;font-weight:700;cursor:pointer}.bb-boxbar__next[disabled]{opacity:.4;cursor:not-allowed}.bb-status{color:var(--bb-muted);font-size:var(--text-sm);margin-bottom:.75rem}.bb-more{display:flex;justify-content:center;margin-top:2rem}.bb-more button{padding:.9375rem 2.5rem;border:1px solid rgb(var(--text-primary));border-radius:var(--rounded-button, 0);background:none;color:inherit;font:inherit;cursor:pointer}.bb-more button:hover{background:rgb(var(--text-primary));color:rgb(var(--background-primary))}@media(max-width:1100px){.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.bb-builder{padding:1.5rem 1rem 9rem}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-steps{overflow-x:auto;justify-content:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:.5rem;scrollbar-width:none}.bb-steps::-webkit-scrollbar{display:none}.bb-step{flex:none;width:8.5rem}.bb-step+.bb-step:before{left:-1.5rem;right:50%}.bb-toolbar{flex-wrap:wrap}.bb-search{min-width:0;width:100%;order:2}.bb-boxbar__totals{display:none}.bb-boxbar__next{padding-inline:1.5rem}}@media(max-width:480px){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bb-grid__info{padding:.875rem .625rem}.bb-grid__add,.bb-grid__qty{margin-inline:.625rem}}.bb-builder :focus-visible{outline:2px solid rgb(var(--text-primary));outline-offset:2px}@media(prefers-reduced-motion:reduce){.bb-drawer,.bb-drawer-scrim,.bb-fgroup__chevron,.bb-grid__add{transition:none}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.bb-message{max-width:34rem;margin-inline:auto;display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0 2rem}.bb-field{display:flex;flex-direction:column;gap:.5rem}.bb-field__label{font-weight:500}.bb-field__hint{font-size:var(--text-sm);color:var(--bb-muted)}.bb-field input,.bb-field textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-input, .25rem);background:rgb(var(--background-primary));color:inherit;font:inherit;resize:vertical}.bb-field input:focus,.bb-field textarea:focus{outline:none;border-color:rgb(var(--text-primary))}.bb-boxbar__label{flex:none;font-weight:700;font-size:var(--text-sm);padding-right:.75rem;border-right:1px solid var(--bb-card-border);align-self:center}.bb-boxbar__addbox{flex:none;padding:1rem 1.5rem;border:1px solid rgb(var(--text-primary));border-radius:var(--rounded-button, 0);background:none;color:inherit;font:inherit;cursor:pointer}.bb-boxbar__addbox:hover{background:rgb(var(--text-primary));color:rgb(var(--background-primary))}@media(max-width:800px){.bb-boxbar__addbox{display:none}}.bb-cards{display:flex;flex-direction:column;gap:.75rem}.bb-cards__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.bb-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-sm, .25rem);background:rgb(var(--background-primary));color:inherit;font:inherit;cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.bb-card:hover{border-color:rgb(var(--text-primary) / .4)}.bb-card[aria-pressed=true]{border-color:rgb(var(--text-primary));box-shadow:0 0 0 1px rgb(var(--text-primary))}.bb-card__media{width:100%;aspect-ratio:5 / 7;background:var(--bb-card-media-bg);border-radius:2px;display:grid;place-items:center;overflow:hidden}.bb-card__media img{width:100%;height:100%;object-fit:contain}.bb-card__name{font-size:var(--text-sm);line-height:1.2}.bb-card__price{font-size:var(--text-xs);color:var(--bb-muted)}@media(max-width:800px){.bb-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.bb-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bb-boxbar__back{flex:none;padding:1rem 1.75rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-button, 0);background:none;color:inherit;font:inherit;cursor:pointer}.bb-boxbar__back:hover{border-color:rgb(var(--text-primary))}.bb-grid__media{position:relative}.bb-grid__view{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:0;background:rgb(var(--text-primary) / .55);color:rgb(var(--background-primary));font:inherit;font-weight:500;font-size:var(--text-sm);cursor:pointer;opacity:0;transition:opacity .15s ease}.bb-grid__view span{border-bottom:1px solid currentColor;padding-bottom:1px}.bb-grid__item:hover .bb-grid__view,.bb-grid__view:focus-visible{opacity:1}@media(hover:none){.bb-grid__view{inset:auto .5rem .5rem auto;width:1.75rem;height:1.75rem;border-radius:999px;background:rgb(var(--text-primary) / .75);opacity:1;font-size:.8125rem}.bb-grid__view span{border:0}}.bb-qv-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:70}.bb-qv{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(56rem,92vw);max-height:88vh;overflow-y:auto;background:rgb(var(--background-primary));border-radius:var(--rounded-lg, .5rem);box-shadow:0 20px 60px #00000040;padding:2rem}.bb-qv__close{position:absolute;top:.75rem;right:1rem;border:0;background:none;font-size:1.75rem;line-height:1;cursor:pointer;color:inherit}.bb-qv__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}.bb-qv__gallery{display:flex;flex-direction:column;gap:.75rem}.bb-qv__main{aspect-ratio:1 / 1;background:var(--bb-card-media-bg);border-radius:var(--rounded-sm, .25rem);display:grid;place-items:center;padding:1.5rem}.bb-qv__main img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-qv__thumbs{display:flex;gap:.5rem;flex-wrap:wrap}.bb-qv__thumb{width:3.5rem;height:3.5rem;border:1px solid var(--bb-card-border);border-radius:var(--rounded-sm, .25rem);background:var(--bb-card-media-bg);padding:.25rem;cursor:pointer;display:grid;place-items:center}.bb-qv__thumb img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.bb-qv__thumb[aria-pressed=true]{border-color:rgb(var(--text-primary))}.bb-qv__info{display:flex;flex-direction:column;gap:1rem}.bb-qv__title{margin:0;font-family:var(--heading-font-family);font-size:var(--text-h4);font-weight:700}.bb-qv__price{margin:0;font-weight:700;font-size:var(--text-lg)}.bb-qv__desc{font-size:var(--text-sm);line-height:1.6}.bb-qv__desc :where(h1,h2,h3,h4){font-size:var(--text-base);margin:1rem 0 .375rem}.bb-qv__desc :where(p,ul,ol){margin:0 0 .75rem}.bb-qv__desc img{max-width:100%;height:auto}.bb-qv__add{margin-top:auto;padding:1rem;border:0;border-radius:var(--rounded-button, 0);background:rgb(var(--text-primary));color:rgb(var(--background-primary));font:inherit;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center}.bb-qv__add[disabled]{opacity:.35;cursor:not-allowed}.bb-qv__loading,.bb-qv__error{padding:2rem 0;color:var(--bb-muted);grid-column:1 / -1}@media(max-width:700px){.bb-qv{padding:1.25rem;width:94vw}.bb-qv__body{grid-template-columns:1fr;gap:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/bb-builder.css.map */