.sf-byob-section--page-width{width:100%;max-width:var(--narrow-page-width, 1440px);margin-inline:auto}.sf-byob-section--full-width{width:100%}.sf-byob-hero{position:relative;overflow:hidden;display:block;background-color:var(--color-background);padding:var(--byob-hero-pt-mobile, 40px) 1rem var(--byob-hero-pb-mobile, 40px)}@media screen and (min-width:750px){.sf-byob-hero{padding:var(--byob-hero-pt, 64px) 2.5rem var(--byob-hero-pb, 64px)}}.sf-byob-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sf-byob-hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.sf-byob-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background-rgb, 255, 255, 255),.55);pointer-events:none}.sf-byob-hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:44rem;margin-inline:auto;text-align:center}.sf-byob-hero__stars{margin:0;font-family:var(--font-body--family);font-size:var(--fluid-14-14);color:var(--color-foreground)}.sf-byob-hero__heading{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-style:var(--font-heading--style);font-size:var(--fluid-32-48);line-height:1.05;color:var(--color-foreground-heading)}.sf-byob-hero__subheading{font-family:var(--font-body--family);font-size:var(--fluid-14-16);line-height:1.4;color:var(--color-foreground)}.sf-byob-hero__subheading>*{margin:0}.sf-byob-hero__price-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background)}.sf-byob-hero__badge{display:inline-block;padding:.125rem .625rem;border-radius:999px;background-color:var(--color-primary);color:var(--color-background);font-family:var(--font-body--family);font-size:var(--fluid-12-12);font-weight:600;letter-spacing:.06em}.sf-byob-hero__prices{display:flex;align-items:baseline;gap:.75rem;margin:0;font-family:var(--font-body--family)}.sf-byob-hero__anchor-price{font-size:var(--fluid-16-16);color:rgba(var(--color-foreground-rgb),.55)}.sf-byob-hero__price{font-size:var(--fluid-24-32);font-weight:600;color:var(--color-foreground-heading)}.sf-byob-hero__scarcity{margin:0;font-family:var(--font-body--family);font-size:var(--fluid-13-13);color:var(--color-primary)}.sf-byob-hero__cta{margin-top:.5rem}.sf-byob-hero--split{padding-top:0}.sf-byob-hero__split{display:flex;flex-direction:column;gap:1.5rem;max-width:var(--narrow-page-width, 1440px);margin-inline:auto}.sf-byob-hero__split-media{margin-inline:-1rem}.sf-byob-hero__split-img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.sf-byob-hero__content--split{align-items:flex-start;text-align:left;margin-inline:0;max-width:none}.sf-byob-hero__content--split .sf-byob-hero__price-card{align-items:flex-start}.sf-byob-hero__content--split .sf-byob-hero__prices{justify-content:flex-start}@media screen and (min-width:750px){.sf-byob-hero--split{padding-top:var(--byob-hero-pt, 64px)}.sf-byob-hero__split{flex-direction:row-reverse;align-items:center;gap:3rem}.sf-byob-hero__split-media{flex:1 1 50%;min-width:0;margin-inline:0}.sf-byob-hero__split-img{aspect-ratio:4 / 5}.sf-byob-hero__content--split{flex:1 1 50%}}.sf-byob-value-props{display:block;background-color:var(--color-background);color:var(--color-foreground);padding:var(--byob-vp-pt-mobile, 20px) 1rem var(--byob-vp-pb-mobile, 20px)}.sf-byob-value-props__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem 1rem;max-width:var(--narrow-page-width, 1440px);margin-inline:auto;text-align:center}.sf-byob-value-props__title{margin:0;font-family:var(--font-body--family);font-weight:600;font-size:var(--fluid-14-16);color:var(--color-foreground-heading)}.sf-byob-value-props__subtitle{margin:.125rem 0 0;font-family:var(--font-body--family);font-size:var(--fluid-12-14);color:var(--color-foreground)}@media screen and (min-width:750px){.sf-byob-value-props{padding:var(--byob-vp-pt, 24px) 2.5rem var(--byob-vp-pb, 24px)}.sf-byob-value-props__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}sf-byob-builder{display:block;scroll-margin-top:6rem}.sf-byob-builder{background-color:var(--color-background);color:var(--color-foreground);padding:var(--byob-pt-mobile, 24px) 1rem var(--byob-pb-mobile, 24px)}@media screen and (min-width:750px){.sf-byob-builder{padding:var(--byob-pt, 48px) 2.5rem var(--byob-pb, 48px)}}.sf-byob-builder__setup-notice{margin:1rem;padding:1rem 1.5rem;border:1px dashed var(--color-border, #d4d4d4);border-radius:4px;font-family:var(--font-body--family);font-size:var(--fluid-14-14)}.sf-byob-builder__heading{margin:0 0 1.5rem;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-style:var(--font-heading--style);font-size:var(--fluid-24-32);text-align:center;color:var(--color-foreground-heading)}.sf-byob-builder__slots-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem}.sf-byob-builder__slots{display:flex;justify-content:center;gap:.75rem}.sf-byob-builder__slot{position:relative;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);border-radius:6px;background-color:rgba(var(--color-foreground-rgb),.03);overflow:visible}.sf-byob-builder__slot--filled{border-style:solid;border-color:var(--color-primary)}.sf-byob-builder__slot-number{font-family:var(--font-body--family);font-size:var(--fluid-14-14);color:rgba(var(--color-foreground-rgb),.4)}.sf-byob-builder__slot-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:5px}.sf-byob-builder__slot-remove{position:absolute;top:-.5rem;right:-.5rem;z-index:1;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:50%;background-color:var(--color-foreground-heading);color:var(--color-background);cursor:pointer}.sf-byob-builder__counter{margin:0;font-family:var(--font-body--family);font-size:var(--fluid-14-14);color:var(--color-foreground)}.sf-byob-builder__toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media screen and (min-width:750px){.sf-byob-builder__toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.sf-byob-builder__tabs{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sf-byob-builder__tabs::-webkit-scrollbar{display:none}.sf-byob-builder__tab{flex:0 0 auto;padding:.5rem 1rem;border:none;border-bottom:2px solid transparent;background:none;font-family:var(--font-body--family);font-size:var(--fluid-14-14);color:rgba(var(--color-foreground-rgb),.6);cursor:pointer;white-space:nowrap}.sf-byob-builder__tab--active{border-bottom-color:var(--color-primary);color:var(--color-foreground-heading);font-weight:600}.sf-byob-builder__filters{display:flex;gap:.5rem}.sf-byob-builder__search,.sf-byob-builder__sort{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--fluid-14-14)}.sf-byob-builder__search{flex:1 1 auto;min-width:0}.sf-byob-builder__sort{flex:0 0 auto}.sf-byob-builder__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media screen and (min-width:750px){.sf-byob-builder__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.sf-byob-builder__load-more{display:block;margin:1.5rem auto 0;padding:.5rem 1.5rem;border:1px solid var(--color-border);border-radius:4px;background:none;font-family:var(--font-body--family);font-size:var(--fluid-14-14);color:var(--color-foreground);cursor:pointer}.sf-byob-builder__load-more:hover{border-color:var(--color-foreground)}.sf-byob-card{position:relative;display:flex;flex-direction:column;gap:.5rem}.sf-byob-card__media{position:relative;border-radius:6px;overflow:hidden;background-color:rgba(var(--color-foreground-rgb),.03)}.sf-byob-card__image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.sf-byob-card__badge{position:absolute;top:.5rem;left:.5rem;padding:.125rem .5rem;border-radius:999px;background-color:var(--color-foreground-heading);color:var(--color-background);font-family:var(--font-body--family);font-size:var(--fluid-11-12)}.sf-byob-card__check{position:absolute;top:.5rem;right:.5rem;display:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--color-primary);color:var(--color-background)}.sf-byob-card[data-state=added] .sf-byob-card__check{display:flex}.sf-byob-card[data-state=added] .sf-byob-card__media{outline:2px solid var(--color-primary);outline-offset:-2px}.sf-byob-card--soldout .sf-byob-card__image{opacity:.45}.sf-byob-card__title{margin:0;font-family:var(--font-body--family);font-weight:var(--font-body--weight);font-size:var(--fluid-14-14);line-height:1.3;color:var(--color-foreground-heading)}.sf-byob-card__prices{display:flex;align-items:baseline;gap:.5rem;margin:0;font-family:var(--font-body--family);font-size:var(--fluid-14-14)}.sf-byob-card__price{font-weight:600;color:var(--color-foreground-heading)}.sf-byob-card__compare-at{color:rgba(var(--color-foreground-rgb),.5);font-size:var(--fluid-12-12)}.sf-byob-card__options{display:flex;flex-wrap:wrap;gap:.375rem}.sf-byob-card__swatch{width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--sf-byob-swatch);cursor:pointer}.sf-byob-card__swatch.sf-byob-card__option--selected{border-color:var(--color-foreground-heading);box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground-heading)}.sf-byob-card__pill,.sf-byob-card__chip{padding:.25rem .625rem;border:1px solid var(--color-border);border-radius:999px;background:none;font-family:var(--font-body--family);font-size:var(--fluid-12-12);color:var(--color-foreground);cursor:pointer}.sf-byob-card__pill.sf-byob-card__option--selected,.sf-byob-card__chip.sf-byob-card__option--selected{border-color:var(--color-foreground-heading);background-color:var(--color-foreground-heading);color:var(--color-background)}.sf-byob-card__option--unavailable{text-decoration:line-through;opacity:.4;cursor:not-allowed}.sf-byob-card__add{margin-top:auto;padding:.5rem 1rem;border:1px solid var(--color-foreground-heading);border-radius:4px;background:none;font-family:var(--font-body--family);font-size:var(--fluid-13-13);font-weight:600;letter-spacing:.04em;color:var(--color-foreground-heading);cursor:pointer}.sf-byob-card__add:hover:not(:disabled){background-color:var(--color-foreground-heading);color:var(--color-background)}.sf-byob-card__add:disabled{opacity:.45;cursor:not-allowed}.sf-byob-card__add-label--added{display:none}.sf-byob-card[data-state=added] .sf-byob-card__add-label--added{display:inline}.sf-byob-card[data-state=added] [data-add-label]{display:none}.sf-byob-builder__summary{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem}.sf-byob-builder__math{display:flex;align-items:baseline;gap:.75rem;margin:0;font-family:var(--font-body--family);font-size:var(--fluid-16-16)}.sf-byob-builder__math-original{color:rgba(var(--color-foreground-rgb),.5)}.sf-byob-builder__math-discounted{font-weight:600;font-size:var(--fluid-18-18);color:var(--color-primary)}.sf-byob-builder__status{min-height:1.25rem;font-family:var(--font-body--family);font-size:var(--fluid-13-13);color:var(--color-primary);text-align:center}.sf-byob-builder__cta{min-width:16rem}.sf-byob-builder__cta:disabled{opacity:.5;cursor:not-allowed}.sf-byob-builder__sticky{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-background);border-top:1px solid var(--color-border)}.sf-byob-builder__sticky-counter{font-family:var(--font-body--family);font-size:var(--fluid-12-14);color:var(--color-foreground)}.sf-byob-builder__sticky-cta{flex:1 1 auto}.sf-byob-builder__sticky-cta:disabled{opacity:.5}@media screen and (min-width:750px){.sf-byob-builder__sticky{padding:.875rem 2.5rem}.sf-byob-builder__sticky-cta{flex:0 0 auto;min-width:18rem}}sf-byob-builder[data-summary-visible] .sf-byob-builder__sticky,sf-byob-builder[data-dialog-open] .sf-byob-builder__sticky{display:none}.sf-byob-card__media{cursor:pointer}.sf-byob-card__view{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:50%;background-color:var(--color-background);color:var(--color-foreground-heading);cursor:pointer;box-shadow:0 1px 4px #0000001f}.sf-byob-card__check{right:auto;left:.5rem}.sf-byob-builder__modal{border:none;padding:0;width:min(60rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);background-color:var(--color-background);color:var(--color-foreground)}.sf-byob-builder__modal::backdrop{background:#00000080}.sf-byob-builder__modal-inner{position:relative;display:grid;grid-template-columns:1fr;max-height:calc(100dvh - 2rem);overflow-y:auto}.sf-byob-builder__modal-close{position:absolute;top:.75rem;right:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background-color:var(--color-foreground-heading);color:var(--color-background);cursor:pointer}.sf-byob-builder__modal-media{position:relative}.sf-byob-builder__modal-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sf-byob-builder__modal-gallery::-webkit-scrollbar{display:none}.sf-byob-builder__modal-img{flex:0 0 100%;width:100%;aspect-ratio:1 / 1;object-fit:cover;scroll-snap-align:start}.sf-byob-builder__modal-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-background);color:var(--color-foreground-heading);cursor:pointer}.sf-byob-builder__modal-nav--prev{left:.75rem}.sf-byob-builder__modal-nav--next{right:.75rem}.sf-byob-builder__modal-dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.375rem}.sf-byob-builder__modal-dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background-color:rgba(var(--color-foreground-rgb),.25);cursor:pointer}.sf-byob-builder__modal-dot--active{background-color:var(--color-primary)}.sf-byob-builder__modal-details{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.sf-byob-builder__modal-title{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-style:var(--font-heading--style);font-size:var(--fluid-20-20);line-height:1.2;color:var(--color-foreground-heading)}.sf-byob-builder__modal-prices{display:flex;align-items:baseline;gap:.75rem;margin:0;font-family:var(--font-body--family)}.sf-byob-builder__modal-price{font-size:var(--fluid-18-18);font-weight:600;color:var(--color-foreground-heading)}.sf-byob-builder__modal-compare-at{color:rgba(var(--color-foreground-rgb),.5)}.sf-byob-builder__modal-options{display:flex;flex-direction:column;gap:.5rem}.sf-byob-builder__modal-option-label{margin:.25rem 0 0;font-family:var(--font-body--family);font-size:var(--fluid-12-12);text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground-rgb),.6)}.sf-byob-builder__modal-add{width:100%}.sf-byob-builder__modal-add:disabled{opacity:.5;cursor:not-allowed}.sf-byob-builder__modal-desc{margin:.25rem 0 0;font-family:var(--font-body--family);font-size:var(--fluid-13-13);line-height:1.5;color:rgba(var(--color-foreground-rgb),.75)}@media screen and (min-width:750px){.sf-byob-builder__modal-inner{grid-template-columns:1fr 1fr;overflow:hidden}.sf-byob-builder__modal-details{padding:2rem;overflow-y:auto;max-height:calc(100dvh - 2rem)}}.sf-byob-builder [hidden],.sf-byob-hero [hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/486/assets/sf-byob-builder.css.map */