.byob-section{padding-block:var(--byob-padding-top) var(--byob-padding-bottom)}.byob{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:clamp(32px,5vw,80px);align-items:start}.byob__eyebrow{margin:0 0 10px;color:var(--color-primary-button-background);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.byob__products-heading,.byob__title{margin:0}.byob__products-heading{margin-bottom:28px}.byob__grid{display:grid;grid-template-columns:repeat(var(--byob-columns),minmax(0,1fr));gap:clamp(16px,2vw,28px)}.byob-card{min-width:0}.byob-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:rgb(var(--color-foreground-rgb) / .05)}.byob-card__image{width:100%;height:100%;object-fit:cover}.byob-card__badge{position:absolute;top:12px;left:12px;padding:6px 10px;color:var(--color-background);background:var(--color-foreground);font-size:.7rem;text-transform:uppercase}.byob-card--sold-out{opacity:.6}.byob-card__content{padding-top:14px}.byob-card__title{margin:0 0 6px;font-size:1rem;line-height:1.35}.byob-card__price{margin:0 0 12px;font-size:.9rem}.byob-card__variants{width:100%;min-height:38px;margin-bottom:8px;padding-inline:10px 28px;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:0;color:inherit;background:var(--color-background)}.byob-quantity{display:inline-grid;grid-template-columns:38px 46px 38px;min-height:38px;border:1px solid rgb(var(--color-foreground-rgb) / .3)}.byob-quantity__button,.byob-quantity__input{width:100%;min-width:0;padding:0;border:0;color:inherit;background:transparent;text-align:center}.byob-quantity__button{cursor:pointer;font-size:1.2rem}.byob-quantity__button:disabled{cursor:not-allowed;opacity:.35}.byob-quantity__input{-webkit-appearance:textfield;appearance:textfield}.byob-quantity__input::-webkit-inner-spin-button,.byob-quantity__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.byob__summary{position:sticky;top:calc(var(--header-height, 0px) + 24px);padding:clamp(24px,3vw,40px);border:1px solid rgb(var(--color-foreground-rgb) / .18);background:var(--color-background)}.byob__description{margin-top:14px;opacity:.78}.byob__selection{display:flex;justify-content:space-between;gap:20px;margin-top:28px}.byob__progress{overflow:hidden;height:4px;margin-top:12px;background:rgb(var(--color-foreground-rgb) / .14)}.byob__progress span{display:block;width:0;height:100%;background:var(--color-primary-button-background);transition:width .18s ease}.byob__selected-list{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none}.byob__selected-item{display:flex;justify-content:space-between;gap:16px;font-size:.9rem}.byob__message{margin:22px 0 14px;font-size:.85rem;opacity:.75}.byob__message--error{color:var(--color-error, #b42318);opacity:1}.byob__add-button{position:relative;width:100%}.byob__add-button[aria-busy=true] [data-button-text]{opacity:0}.byob__spinner{position:absolute;display:none;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:byob-spin .7s linear infinite}.byob__add-button[aria-busy=true] .byob__spinner{display:block}.byob__empty{grid-column:1 / -1;padding:32px;border:1px dashed rgb(var(--color-foreground-rgb) / .3);text-align:center}@keyframes byob-spin{to{transform:rotate(360deg)}}@media screen and (max-width:989px){.byob{grid-template-columns:1fr}.byob__summary{position:static}}@media screen and (max-width:749px){.byob__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.byob-card__title{font-size:.9rem}.byob-quantity{grid-template-columns:34px 40px 34px}}@media(prefers-reduced-motion:reduce){.byob__progress span,.byob__spinner{transition:none;animation-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/build-your-own-bundle.css.map */