.bpp-builder-setup{padding-block:var(--bpp-space-12);display:flex;flex-direction:column;gap:var(--bpp-space-3)}.bpp-bld{display:block;position:relative}.bpp-bld__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--bpp-space-4);flex-wrap:wrap;margin-block-end:var(--bpp-space-6)}.bpp-bld__title{margin:0}.bpp-bld__sub{font-size:var(--bpp-fs-body);color:rgba(var(--color-foreground),.7);margin:var(--bpp-space-2) 0 0;max-width:40ch}.bpp-bld__reset{flex:0 0 auto;min-block-size:44px}.bpp-bld__reset .bpp-icon{--bpp-icon-size: 15px}.bpp-bld__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bpp-space-6)}.bpp-bld__main{order:1}.bpp-bld__summary{order:2}@media screen and (min-width:990px){.bpp-bld__layout{grid-template-columns:minmax(0,1fr) minmax(0,32rem);align-items:start;gap:var(--bpp-space-8)}.bpp-bld__summary{position:sticky;top:calc(var(--bpp-header-h, 0px) + var(--bpp-space-6))}}.bpp-bld__main{container:bpp-bld-main / inline-size}.bpp-bld__workspace--preview{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "preview" "main"}.bpp-bld__workspace--preview>.bpp-bld__head{grid-area:head}.bpp-bld__workspace--preview>.bpp-bld__preview{grid-area:preview}.bpp-bld__workspace--preview>.bpp-bld__layout{grid-area:main}.bpp-bld__workspace--preview>.bpp-bld__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:var(--bpp-space-3);margin-block-end:var(--bpp-space-4)}.bpp-bld__workspace--preview>.bpp-bld__head>:first-child{display:contents}.bpp-bld__workspace--preview .bpp-bld__title{grid-column:1;grid-row:1;overflow-wrap:anywhere}.bpp-bld__workspace--preview .bpp-bld__reset{grid-column:2;grid-row:1}.bpp-bld__workspace--preview .bpp-bld__sub{grid-column:1 / -1}@media screen and (max-width:989px){.bpp-bld__workspace--preview>.bpp-bld__preview{position:sticky;top:var(--bpp-header-h, 0px);z-index:3;gap:var(--bpp-space-1);margin-inline:calc(-1 * var(--bpp-gutter));margin-block-end:var(--bpp-space-4);padding:var(--bpp-space-2) var(--bpp-gutter) var(--bpp-space-1);background:rgb(var(--color-background));border-block-end:1px solid rgb(var(--bpp-border-rgb))}.bpp-bld__workspace--preview .bpp-bld__stage{inline-size:clamp(112px,30vw,200px);box-shadow:var(--bpp-shadow-sm)}.bpp-bld__workspace--preview .bpp-bld__preview-note{font-size:var(--bpp-fs-xs)}.bpp-bld__workspace--preview .bpp-bld__panel,.bpp-bld__workspace--preview .bpp-bld__steps{scroll-margin-block-start:calc(var(--bpp-header-h, 0px) + clamp(112px,30vw,200px) + 4.8rem)}}@media screen and (min-width:990px){.bpp-bld__workspace--preview{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;grid-template-areas:"preview head" "preview main";column-gap:var(--bpp-space-10);align-items:start}.bpp-bld__workspace--preview>.bpp-bld__preview{position:sticky;top:calc(var(--bpp-header-h, 0px) + var(--bpp-space-6));margin-block-end:0}.bpp-bld__workspace--preview .bpp-bld__stage{inline-size:min(100%,520px,calc(100vh - var(--bpp-header-h, 0px) - var(--bpp-sticky-bar-h, 88px) - 9.6rem));inline-size:min(100%,520px,calc(100svh - var(--bpp-header-h, 0px) - var(--bpp-sticky-bar-h, 88px) - 9.6rem));min-inline-size:min(100%,280px)}.bpp-bld__workspace--preview .bpp-bld__layout{grid-template-columns:minmax(0,1fr)}.bpp-bld__workspace--preview .bpp-bld__summary{position:static}}.bpp-bld__preview{display:grid;justify-items:center;gap:var(--bpp-space-3);margin-block-end:var(--bpp-space-6)}.bpp-bld__stage{position:relative;inline-size:min(100%,460px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:rgb(var(--bpp-border-rgb));box-shadow:var(--bpp-shadow-raised)}.bpp-bld__base,.bpp-bld__layers{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.bpp-bld__base{object-fit:cover}.bpp-bld__layers>img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:contain;pointer-events:none}.bpp-bld__layers>img[data-half=left]{clip-path:inset(0 50% 0 0)}.bpp-bld__layers>img[data-half=right]{clip-path:inset(0 0 0 50%)}.bpp-bld__half-line{position:absolute;inset-block:0;inset-inline-start:50%;inline-size:2px;margin-inline-start:-1px;background:#ffffff8c}.bpp-bld__preview-note{margin:0;min-block-size:1.4em;font-size:var(--bpp-fs-sm);text-align:center}@media screen and (min-width:990px){.bpp-bld__stage{inline-size:min(100%,520px)}}.bpp-bld__summary-inner{padding:var(--bpp-space-5);background:rgb(var(--bpp-surface-rgb));border:1px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-card)}.bpp-bld__summary-title{margin:0 0 var(--bpp-space-3)}.bpp-bld__summary-list{display:flex;flex-direction:column;gap:var(--bpp-space-2);list-style:none;margin:0;padding:0;font-size:var(--bpp-fs-sm)}.bpp-bld__summary-row{display:flex;align-items:center;gap:var(--bpp-space-2);min-width:0;overflow-wrap:anywhere}.bpp-bld__summary-dot{inline-size:6px;block-size:6px;border-radius:50%;background:rgb(var(--bpp-brand-rgb));flex:0 0 auto}.bpp-bld__summary-head{font-size:var(--bpp-fs-xs);font-weight:700;letter-spacing:var(--bpp-tracking-label);text-transform:uppercase;color:rgb(var(--bpp-brand-text-rgb));margin-block-start:var(--bpp-space-2)}.bpp-bld__summary-half{display:flex;gap:var(--bpp-space-2);align-items:baseline;min-width:0;overflow-wrap:anywhere}.bpp-bld__summary-halflabel{font-size:var(--bpp-fs-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--bpp-brand-text-rgb));flex:0 0 5.12rem}.bpp-bld__steps{margin-block-end:var(--bpp-space-5)}.bpp-bld__steps-list{display:flex;gap:var(--bpp-space-2);overflow-x:auto;list-style:none;margin:0;padding:0 0 var(--bpp-space-1);scrollbar-width:none}.bpp-bld__steps-list::-webkit-scrollbar{display:none}.bpp-bld__step{display:inline-flex;align-items:center;gap:var(--bpp-space-2);flex:0 0 auto;min-height:44px;padding:.8rem 1.8rem;border:1px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-pill);background:rgb(var(--bpp-surface-rgb));color:rgba(var(--color-foreground),.7);font-size:var(--bpp-fs-sm);font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--bpp-dur) var(--bpp-ease),border-color var(--bpp-dur) var(--bpp-ease),color var(--bpp-dur) var(--bpp-ease)}.bpp-bld__step-num{display:grid;place-items:center;inline-size:22px;block-size:22px;border-radius:50%;background:rgba(var(--color-foreground),.08);font-size:var(--bpp-fs-xs);font-weight:700}.bpp-bld__step.is-active{background:rgb(var(--bpp-brand-rgb));border-color:rgb(var(--bpp-brand-rgb));color:rgb(var(--bpp-on-brand-rgb, 255, 255, 255))}.bpp-bld__step.is-active .bpp-bld__step-num{background:#ffffff40}.bpp-bld__step.is-done{border-color:rgb(var(--bpp-brand-rgb));color:rgb(var(--bpp-brand-text-rgb))}.bpp-bld__step:focus-visible{outline:2px solid rgb(var(--bpp-brand-rgb));outline-offset:2px}.bpp-bld__panel{padding:var(--bpp-space-5);background:rgb(var(--bpp-surface-rgb));border:1px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-card)}.bpp-bld__panel[hidden]{display:none}.bpp-bld__panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--bpp-space-4);flex-wrap:wrap}.bpp-bld__panel-title{display:flex;align-items:center;gap:var(--bpp-space-3);font-family:var(--font-body-family);font-size:var(--bpp-fs-h2);font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin:0 0 var(--bpp-space-4)}.bpp-bld__panel-num{display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:rgb(var(--bpp-brand-rgb));color:rgb(var(--bpp-on-brand-rgb, 255, 255, 255));font-size:var(--bpp-fs-sm);flex:0 0 auto}.bpp-bld__group{border:0;padding:0;margin:0 0 var(--bpp-space-6)}.bpp-bld__group:last-child{margin-block-end:0}.bpp-bld__group>legend{margin-block-end:var(--bpp-space-3);padding:0}.bpp-bld__options{display:grid;gap:var(--bpp-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}[data-bpp-options=size]:empty,[data-bpp-options=crust]:empty{display:block}[data-bpp-options=size]:empty{min-block-size:calc(2 * 90px + var(--bpp-space-3))}[data-bpp-options=crust]:empty{min-block-size:calc(2 * 80px + var(--bpp-space-3))}@container bpp-bld-main (min-width: 560px){[data-bpp-options=size]:empty{min-block-size:90px}[data-bpp-options=crust]:empty{min-block-size:89px}}@container bpp-bld-main (min-width: 560px){.bpp-bld__options--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bpp-bld__options--pill{display:flex;flex-wrap:wrap}.bpp-bld__opt{position:relative;display:flex;align-items:center;gap:var(--bpp-space-3);min-width:0;min-height:56px;padding:var(--bpp-space-3);border:1.5px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-sm);background:rgb(var(--bpp-surface-rgb));color:inherit;text-align:start;cursor:pointer;transition:border-color var(--bpp-dur) var(--bpp-ease),background-color var(--bpp-dur) var(--bpp-ease)}.bpp-bld__options--pill .bpp-bld__opt{min-inline-size:44px;justify-content:center;border-radius:var(--bpp-radius-pill);padding-inline:var(--bpp-space-4)}.bpp-bld__opt:hover:not(.is-unavailable){border-color:rgb(var(--bpp-brand-rgb))}.bpp-bld__opt.is-selected{border-color:rgb(var(--bpp-brand-rgb));background:rgba(var(--bpp-brand-rgb),.06)}.bpp-bld__opt.is-unavailable{opacity:.45;cursor:not-allowed;text-decoration:line-through}.bpp-bld__opt:focus-visible{outline:2px solid rgb(var(--bpp-brand-rgb));outline-offset:2px}.bpp-bld__opt-img{inline-size:44px;block-size:44px;border-radius:50%;object-fit:cover;flex:0 0 auto}.bpp-bld__opt-body{display:flex;flex-direction:column;gap:1px;min-width:0;overflow-wrap:anywhere}.bpp-bld__opt-label{font-size:var(--bpp-fs-sm);font-weight:700;line-height:1.25}.bpp-bld__opt-dim{font-size:var(--bpp-fs-sm);font-weight:700}.bpp-bld__opt-sub,.bpp-bld__opt-price,.bpp-bld__opt-extra{font-size:var(--bpp-fs-xs);color:rgba(var(--color-foreground),.62);line-height:1.35}.bpp-bld__opt-price{font-weight:700;color:rgb(var(--color-foreground))}.bpp-bld__opt-extra{color:rgb(var(--bpp-brand-text-rgb));font-weight:600}.bpp-bld__opt-check{position:absolute;inset-block-start:-7px;inset-inline-end:-7px;inline-size:20px;block-size:20px;border-radius:50%;background:rgb(var(--bpp-brand-rgb));opacity:0;transform:scale(.6);transition:opacity var(--bpp-dur) var(--bpp-ease),transform var(--bpp-dur) var(--bpp-ease)}.bpp-bld__opt-check:after{content:"";position:absolute;inset-block-start:5px;inset-inline-start:6px;inline-size:6px;block-size:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.is-selected>.bpp-bld__opt-check{opacity:1;transform:scale(1)}.bpp-bld__switch{display:inline-flex;align-items:center;gap:var(--bpp-space-3);margin-block-end:var(--bpp-space-4)}.bpp-bld__switch-label{font-size:var(--bpp-fs-sm);font-weight:600}.bpp-bld__toggle{position:relative;inline-size:52px;block-size:30px;padding:0;border:0;border-radius:var(--bpp-radius-pill);background:rgba(var(--color-foreground),.18);cursor:pointer;transition:background-color var(--bpp-dur) var(--bpp-ease);flex:0 0 auto}.bpp-bld__toggle:after{content:"";position:absolute;inset-block:-7px;inset-inline:0}.bpp-bld__toggle.is-on{background:rgb(var(--bpp-brand-rgb))}.bpp-bld__toggle-knob{position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:24px;block-size:24px;border-radius:50%;background:#fff;box-shadow:var(--bpp-shadow-sm);transition:transform var(--bpp-dur) var(--bpp-ease)}.bpp-bld__toggle.is-on .bpp-bld__toggle-knob{transform:translate(22px)}.bpp-bld__toggle:focus-visible{outline:2px solid rgb(var(--bpp-brand-rgb));outline-offset:2px}.bpp-bld__halves{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-pill);overflow:hidden;margin-block-end:var(--bpp-space-4)}.bpp-bld__halves[hidden]{display:none}.bpp-bld__half{min-height:44px;border:0;background:rgb(var(--bpp-surface-rgb));color:rgba(var(--color-foreground),.7);font-size:var(--bpp-fs-sm);font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color var(--bpp-dur) var(--bpp-ease),color var(--bpp-dur) var(--bpp-ease)}.bpp-bld__half.is-active{background:rgb(var(--bpp-brand-rgb));color:rgb(var(--bpp-on-brand-rgb, 255, 255, 255))}.bpp-bld__hint{font-size:var(--bpp-fs-sm);margin:0 0 var(--bpp-space-4)}.bpp-bld__hint[hidden]{display:none}.bpp-bld__toppings{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:var(--bpp-space-3)}.bpp-bld__topping{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--bpp-space-2);padding:var(--bpp-space-3) var(--bpp-space-2);border:1.5px solid rgb(var(--bpp-border-rgb));border-radius:var(--bpp-radius-sm);background:rgb(var(--bpp-surface-rgb));color:inherit;cursor:pointer;text-align:center;transition:border-color var(--bpp-dur) var(--bpp-ease),background-color var(--bpp-dur) var(--bpp-ease)}.bpp-bld__topping:hover{border-color:rgb(var(--bpp-brand-rgb))}.bpp-bld__topping.is-selected{border-color:rgb(var(--bpp-brand-rgb));background:rgba(var(--bpp-brand-rgb),.06)}.bpp-bld__topping.is-other-half:not(.is-selected){border-style:dashed;border-color:rgba(var(--bpp-brand-rgb),.5)}.bpp-bld__topping:focus-visible{outline:2px solid rgb(var(--bpp-brand-rgb));outline-offset:2px}.bpp-bld__topping-img{inline-size:56px;block-size:56px;border-radius:50%;object-fit:cover}.bpp-bld__topping-img--blank{background:rgba(var(--color-foreground),.06)}.bpp-bld__topping-label{font-size:var(--bpp-fs-xs);font-weight:600;line-height:1.3}.bpp-bld__topping-price{font-size:var(--bpp-fs-xs);font-weight:700;color:rgb(var(--bpp-brand-text-rgb))}.bpp-bld__review-list,.bpp-bld__review-totals{display:flex;flex-direction:column;gap:var(--bpp-space-2);margin:0}.bpp-bld__review-totals{margin-block-start:var(--bpp-space-4);padding-block-start:var(--bpp-space-3);border-block-start:1px solid rgb(var(--bpp-border-rgb))}.bpp-bld__review-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bpp-space-4);font-size:var(--bpp-fs-sm)}.bpp-bld__review-row dt{color:rgba(var(--color-foreground),.65);flex:0 0 auto}.bpp-bld__review-row dd{margin:0;text-align:end;font-weight:600}.bpp-bld__review-row--total{font-size:var(--bpp-fs-body);font-weight:700}.bpp-bld__review-row--total dt{color:rgb(var(--color-foreground));font-weight:700}.bpp-bld__nav{display:flex;justify-content:space-between;gap:var(--bpp-space-3);margin-block-start:var(--bpp-space-5)}.bpp-bld__nav>[hidden]{display:none}.bpp-bld__nav>.bpp-btn:only-child{margin-inline-start:auto}.bpp-bld__bar{transform:none}body:not(.bpp-has-sticky-bar) .bpp-bld{padding-block-end:calc(88px + env(safe-area-inset-bottom,0px))}.bpp-bld__bar-inner{display:flex;align-items:center;gap:var(--bpp-space-4);min-height:72px;padding-block:var(--bpp-space-3)}.bpp-bld__bar-price{display:flex;flex-direction:column;flex:0 0 auto}.bpp-bld__bar-value{font-family:var(--bpp-font-display);font-weight:var(--bpp-font-display-weight);font-size:clamp(2.4rem,1.76rem + 1.6vw,3.6rem);line-height:1;color:rgb(var(--bpp-brand-rgb))}.bpp-bld__bar-meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;font-size:var(--bpp-fs-xs);color:rgba(var(--color-foreground),.62)}.bpp-bld__bar-meta>[hidden]{display:none}.bpp-bld__bar-cta{flex:0 0 auto}.bpp-bld__bar-cta[aria-busy=true]{opacity:.6}.bpp-bld__error{padding-block:0 var(--bpp-space-3);margin:0;font-size:var(--bpp-fs-sm);color:rgb(var(--bpp-brand-text-rgb));font-weight:600}.bpp-bld__error[hidden]{display:none}@media screen and (max-width:599px){.bpp-bld__bar-meta{display:none}.bpp-bld__bar-inner{gap:var(--bpp-space-3);justify-content:space-between}.bpp-bld__bar-cta{min-height:48px;padding-inline:var(--bpp-space-5);font-size:var(--bpp-fs-sm)}}@media(pointer:coarse){.bpp-bld__toggle:before{content:"";position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px}.bpp-bld__half{min-height:48px}}.bpp-bld__steps-list{overscroll-behavior-x:contain}.bpp-bld__panel:focus{outline:none}.bpp-bld__panel:focus-visible{outline:2px solid rgb(var(--bpp-brand-rgb));outline-offset:4px;border-radius:var(--bpp-radius-sm)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/bpp-builder.css.map */