.byob{display:block;container-type:inline-size}.byob--empty{padding:1.5rem;border:1px dashed currentColor;opacity:.7}.byob .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.byob__heading{margin:0 0 1.5rem}.byob__layout{display:grid;gap:2.5rem;align-items:start}@container (min-width: 60rem){.byob__layout{grid-template-columns:minmax(0,1fr) 21rem}.byob__summary{position:sticky;top:1.5rem}}.byob__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1rem;margin:0;padding:0;list-style:none}@container (min-width: 40rem){.byob__grid{grid-template-columns:repeat(var(--byob-columns, 4),minmax(0,1fr))}}.byob-card{display:grid;grid-template-rows:auto 1fr auto;gap:.6rem;padding:.75rem;border:1px solid rgba(var(--color-foreground, 0 0 0) / .2);border-radius:var(--byob-radius, 6px);min-width:0}.byob-card.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.byob-card.is-sold-out{opacity:.45}.byob-card__media{aspect-ratio:1 / 1;overflow:hidden;border-radius:calc(var(--byob-radius, 6px) - 2px);background:rgba(var(--color-foreground, 0 0 0) / .05)}.byob-card__media img{display:block;width:100%;height:100%;object-fit:cover}.byob-card__body{display:grid;gap:.3rem;align-content:start}.byob-card__title{margin:0;font-size:.9375rem;line-height:1.3}.byob-card__price{margin:0;font-size:.875rem;opacity:.75}.byob-card__variant select{width:100%;padding:.35rem;font:inherit;color:inherit;background:transparent;border:1px solid rgba(var(--color-foreground, 0 0 0) / .25);border-radius:calc(var(--byob-radius, 6px) - 2px)}.byob-card__add{width:100%;padding:.55rem;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:calc(var(--byob-radius, 6px) - 2px);cursor:pointer}.byob-card__add[disabled]{opacity:.4;cursor:not-allowed}.byob-stepper{display:grid;grid-template-columns:2.25rem 1fr 2.25rem;align-items:center;border:1px solid currentColor;border-radius:calc(var(--byob-radius, 6px) - 2px)}.byob-stepper__button{padding:.45rem 0;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}.byob-stepper__button[disabled]{opacity:.35;cursor:not-allowed}.byob-stepper__count{text-align:center;font-variant-numeric:tabular-nums}.byob-summary{display:grid;gap:.9rem;padding:1.25rem;border:1px solid rgba(var(--color-foreground, 0 0 0) / .2);border-radius:var(--byob-radius, 6px)}.byob-summary__progress{margin:0;font-weight:600}.byob-summary__bar{height:4px;border-radius:2px;overflow:hidden;background:rgba(var(--color-foreground, 0 0 0) / .12)}.byob-summary__bar-fill{display:block;height:100%;background:currentColor;transform-origin:left center;transition:transform .18s ease}.byob-summary__list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.byob-summary__list:empty{display:none}.byob-line{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.6rem;align-items:center;font-size:.875rem}.byob-line__media{aspect-ratio:1 / 1;border-radius:3px;overflow:hidden;background:rgba(var(--color-foreground, 0 0 0) / .05)}.byob-line__media img{display:block;width:100%;height:100%;object-fit:cover}.byob-line__name{line-height:1.3;min-width:0}.byob-line__variant{display:block;opacity:.6;font-size:.8125rem}.byob-line__remove{padding:.2rem .4rem;font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;opacity:.6}.byob-line__remove:hover{opacity:1}.byob-summary__placeholder{margin:0;font-size:.875rem;opacity:.6}.byob-summary__totals{display:grid;gap:.35rem;margin:0;padding-top:.75rem;border-top:1px solid rgba(var(--color-foreground, 0 0 0) / .15);font-size:.875rem}.byob-summary__row{display:flex;justify-content:space-between;gap:1rem}.byob-summary__row dt,.byob-summary__row dd{margin:0}.byob-summary__row--total{font-size:1rem;font-weight:600}.byob-summary__submit{width:100%;padding:.85rem 1rem;font:inherit;border:1px solid currentColor;border-radius:var(--byob-radius, 6px);background:rgb(var(--color-foreground, 0 0 0));color:rgb(var(--color-background, 255 255 255));cursor:pointer}.byob-summary__submit[disabled]{opacity:.45;cursor:not-allowed}.byob-summary__submit.is-loading{cursor:wait}.byob-summary__reset{justify-self:center;padding:0;font:inherit;font-size:.875rem;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}.byob-summary__message{margin:0;font-size:.875rem}@media(prefers-reduced-motion:reduce){.byob-summary__bar-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/113/compiled_assets/styles.css.map?subset=CA */