.ppb{--ppb-mono:var(--perf-font-mono,"IBM Plex Mono",ui-monospace,monospace);--ppb-display:var(--perf-font-display,"Barlow Condensed","Arial Narrow",sans-serif);--ppb-ink:var(--perf-ink,#191714);--ppb-bg:var(--perf-bg,#efebe4);--ppb-card:var(--perf-card,#f7f4ef);--ppb-white:var(--perf-white,#fff);--ppb-line:var(--perf-line,#d6cfc4);--ppb-fg2:var(--perf-fg-2,#4e473f);--ppb-fg3:var(--perf-fg-3,#6b645b);--ppb-accent:var(--perf-accent,oklch(.66 .19 45));--ppb-accent-text:var(--perf-accent-text,oklch(.55 .19 45));--ppb-stripe-a:var(--perf-stripe-a,#e3ddd3);--ppb-stripe-b:var(--perf-stripe-b,#dcd5ca);--ppb-ease:var(--perf-ease,cubic-bezier(.2,.7,.2,1));color:var(--ppb-ink)}.ppb [hidden]{display:none!important}.ppb__steps{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 2.4rem;padding:0;list-style:none;background:var(--ppb-line);border:1px solid var(--ppb-line)}.ppb__step{padding:1.2rem 1.6rem;background:var(--ppb-card);font:500 1.2rem/1.4 var(--ppb-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ppb-fg3)}.ppb__step.is-on{background:var(--ppb-ink);color:var(--ppb-bg)}.ppb__step.is-done{color:var(--ppb-ink)}.ppb__step-n{color:var(--ppb-accent-text)}.ppb__step.is-on .ppb__step-n{color:var(--perf-accent-on-dark,oklch(.72 .17 45))}.ppb__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:start}@media screen and (min-width:990px){.ppb__layout{grid-template-columns:minmax(0,1fr) 38rem;gap:3.2rem}}.ppb__tabs{width:100%;margin-bottom:1.6rem;overflow-x:auto;grid-auto-columns:minmax(max-content,1fr);scrollbar-width:none}.ppb__tabs::-webkit-scrollbar{display:none}.ppb__tabs .perf-tabs__btn{white-space:nowrap}.ppb__grid{--perf-cols:3}@media screen and (min-width:1200px){.ppb__grid{--perf-cols:4}}.ppb__card{display:flex;flex-direction:column}.ppb__card.is-hidden{display:none}.ppb__media{position:relative;aspect-ratio:1;background:var(--ppb-white);overflow:hidden}.ppb__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.ppb__gama{position:absolute;top:1rem;left:1rem;padding:.2rem .6rem;border:1px solid var(--ppb-ink);background:var(--ppb-white);font:500 1rem/1.4 var(--ppb-mono);letter-spacing:.06em;text-transform:uppercase}.ppb__gama.is-elite{background:var(--ppb-ink);color:var(--ppb-bg)}.ppb__count{position:absolute;top:1rem;right:1rem;min-width:2.8rem;padding:.3rem .6rem;background:var(--ppb-accent);color:var(--ppb-ink);font:500 1.2rem/1.4 var(--ppb-mono);text-align:center}.ppb__body{display:flex;flex-direction:column;gap:.8rem;flex:1;padding:1.4rem;border-top:1px solid var(--ppb-line)}.ppb__name{margin:0;font:700 2rem/1 var(--ppb-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ppb-ink)}.ppb__price{font:500 1.2rem/1.4 var(--ppb-mono);color:var(--ppb-fg3)}.ppb__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:auto;background:var(--ppb-line);border:1px solid var(--ppb-line)}.ppb__size{padding:.7rem .2rem;border:0;border-radius:0;background:var(--ppb-card);color:var(--ppb-ink);font:500 1.1rem/1.2 var(--ppb-mono);cursor:pointer;transition:background-color .2s var(--ppb-ease),color .2s var(--ppb-ease)}.ppb__size:hover{color:var(--ppb-accent-text)}.ppb__size[aria-pressed=true]{background:var(--ppb-ink);color:var(--ppb-bg)}.ppb__size:disabled{color:var(--ppb-fg3);text-decoration:line-through;cursor:not-allowed}.ppb__add{padding:1rem;border:0;border-radius:0;background:var(--ppb-ink);color:var(--ppb-bg);font:500 1.2rem/1.2 var(--ppb-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s var(--ppb-ease),color .2s var(--ppb-ease)}.ppb__add:hover:not(:disabled){background:var(--ppb-accent);color:var(--ppb-ink)}.ppb__add:disabled{background:var(--ppb-line);color:var(--ppb-fg3);cursor:not-allowed}.ppb__pkg{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--ppb-line);background:var(--ppb-card)}@media screen and (min-width:750px){.ppb__pkg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.ppb__pkg-media{position:relative;aspect-ratio:1;background:var(--ppb-white)}.ppb__pkg-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ppb__pkg-body{display:flex;flex-direction:column;gap:1.2rem;padding:2.4rem}.ppb__pkg-title{margin:0;font:800 clamp(3.6rem,4.4vw,5.6rem)/.9 var(--ppb-display);text-transform:uppercase;color:var(--ppb-ink)}.ppb__pkg-desc{margin:0;font-size:1.6rem;line-height:1.5;color:var(--ppb-fg2)}.ppb__pkg-rule{margin:0;font:500 1.1rem/1.4 var(--ppb-mono);text-transform:uppercase;color:var(--ppb-fg3)}.ppb__pkg-rule.is-warn{color:var(--ppb-accent-text)}.ppb__choice{display:grid;gap:1px;margin-top:auto;background:var(--ppb-line);border:1px solid var(--ppb-line)}.ppb__opt{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem 1.6rem;border:0;border-radius:0;background:var(--ppb-card);color:var(--ppb-ink);font:700 2rem/1 var(--ppb-display);text-transform:uppercase;text-align:left;cursor:pointer}.ppb__opt span{font:500 1.2rem/1.6 var(--ppb-mono)}.ppb__opt[aria-pressed=true]{background:var(--ppb-white);box-shadow:inset 0 0 0 2px var(--ppb-ink)}.ppb__opt:disabled{color:var(--ppb-fg3);cursor:not-allowed}.ppb__back{margin-top:1.6rem;padding:0;border:0;background:none;font:500 1.2rem/1.4 var(--ppb-mono);text-transform:uppercase;color:var(--ppb-ink);border-bottom:1px solid currentColor;cursor:pointer}.ppb__back:hover{color:var(--ppb-accent-text)}.ppb__summary{display:flex;flex-direction:column;gap:1.2rem;padding:2rem;background:var(--ppb-card);border:1px solid var(--ppb-line);border-top:2px solid var(--ppb-ink)}@media screen and (min-width:990px){.ppb__summary{position:sticky;top:calc(var(--header-height,7rem) + 2rem)}}.ppb__sum-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ppb__sum-title{margin:0;font:800 3.6rem/.9 var(--ppb-display);text-transform:uppercase;color:var(--ppb-ink)}.ppb__sum-n{font:500 1.2rem/1.4 var(--ppb-mono);text-transform:uppercase;color:var(--ppb-fg3)}.ppb__toggle{display:none}.ppb__msg{margin:0;font-size:1.5rem;line-height:1.4;color:var(--ppb-fg2)}.ppb__msg strong{color:var(--ppb-ink);font-weight:600}.ppb__slots,.ppb__tiers{display:grid;grid-template-columns:repeat(var(--ppb-slots,6),minmax(0,1fr));gap:.6rem}.ppb__slots{margin:0;padding:0;list-style:none}.ppb__slot{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--ppb-line);background:repeating-linear-gradient(135deg,var(--ppb-stripe-a) 0 8px,var(--ppb-stripe-b) 8px 16px)}.ppb__slot.is-tier{border-color:var(--ppb-fg3)}.ppb__slot.is-full{background:var(--ppb-white);border-color:var(--ppb-line)}.ppb__slot.is-new{animation:ppb-in .45s var(--ppb-ease)}.ppb__slot img{width:100%;height:100%;object-fit:contain;display:block}.ppb__slot-size{position:absolute;left:0;right:0;bottom:0;padding:.1rem 0;background:var(--ppb-ink);color:var(--ppb-bg);font:500 .9rem/1.3 var(--ppb-mono);letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden}.ppb__num{font:500 1.1rem/1 var(--ppb-mono);color:var(--ppb-fg3)}.ppb__more{position:absolute;top:0;right:0;padding:.1rem .4rem;background:var(--ppb-accent);color:var(--ppb-ink);font:500 1rem/1.4 var(--ppb-mono)}.ppb__tier{text-align:center;font:500 1rem/1.4 var(--ppb-mono);color:var(--ppb-fg3);white-space:nowrap}.ppb__tier.is-on{color:var(--ppb-accent-text)}.ppb__lines{margin:0;padding:0;list-style:none;border-top:1px solid var(--ppb-line);max-height:24rem;overflow:auto}.ppb__line{display:grid;grid-template-columns:3.6rem minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--ppb-line);font:500 1.2rem/1.3 var(--ppb-mono);text-transform:uppercase}.ppb__line img{width:3.6rem;height:3.6rem;object-fit:contain;background:var(--ppb-white)}.ppb__line-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppb__line-name small{display:block;margin-top:.2rem;color:var(--ppb-fg2);font-size:1.1rem}.ppb__line-qty{color:var(--ppb-fg3)}.ppb__rm{width:2.8rem;height:2.8rem;padding:0;border:1px solid var(--ppb-line);border-radius:0;background:var(--ppb-white);color:var(--ppb-ink);font:500 1.4rem/1 var(--ppb-mono);cursor:pointer}.ppb__rm:hover{border-color:var(--ppb-ink);color:var(--ppb-accent-text)}.ppb__totals{margin:0;display:grid;gap:.4rem}.ppb__totals>div{display:flex;justify-content:space-between;gap:1rem;font:500 1.2rem/1.5 var(--ppb-mono);text-transform:uppercase;color:var(--ppb-fg2)}.ppb__totals dt,.ppb__totals dd{margin:0}.ppb__disc dd,.ppb__disc span{color:var(--ppb-accent-text)}.ppb__total{padding-top:.8rem;border-top:1px solid var(--ppb-line);align-items:baseline}.ppb__total dt{color:var(--ppb-ink)}.ppb__total dd{font:800 3.2rem/1 var(--ppb-display);color:var(--ppb-ink)}.ppb__note{margin:0;font:500 1rem/1.4 var(--ppb-mono);text-transform:uppercase;color:var(--ppb-fg3)}.ppb__cta{padding:1.6rem 2rem;border:0;border-radius:0;background:var(--ppb-accent);color:var(--ppb-ink);font:700 2rem/1 var(--ppb-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background-color .2s var(--ppb-ease),color .2s var(--ppb-ease)}.ppb__cta:hover:not(:disabled){background:var(--ppb-ink);color:var(--ppb-bg)}.ppb__cta:disabled{background:var(--ppb-line);color:var(--ppb-fg3);cursor:not-allowed}.ppb__error{margin:0;font:500 1.2rem/1.4 var(--ppb-mono);color:var(--ppb-accent-text)}@keyframes ppb-in{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.ppb__slot.is-new{animation:none}}@media screen and (max-width:989px){.ppb[data-step="1"] .ppb__summary{position:fixed;left:0;right:0;bottom:0;z-index:20;gap:.8rem;max-height:calc(100vh - 6rem);max-height:calc(100dvh - 6rem);padding:1.2rem 1.6rem 1.6rem;border-left:0;border-right:0;box-shadow:0 -8px 24px #19171414}.ppb[data-step="1"] .ppb__sum-head{align-items:center}.ppb[data-step="1"] .ppb__sum-title{font-size:2.4rem}.ppb[data-step="1"] .ppb__sum-n{margin-left:auto}.ppb[data-step="1"] .ppb__toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:3.6rem;padding:0 1.2rem;border:1px solid var(--ppb-ink);border-radius:0;background:var(--ppb-white);color:var(--ppb-ink);font:500 1.1rem/1.2 var(--ppb-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.ppb[data-step="1"] .ppb__summary.is-open .ppb__toggle{background:var(--ppb-ink);color:var(--ppb-bg)}.ppb[data-step="1"] .ppb__slots{cursor:pointer}.ppb[data-step="1"] .ppb__lines,.ppb[data-step="1"] .ppb__totals>div:not(.ppb__total),.ppb[data-step="1"] .ppb__note{display:none}.ppb[data-step="1"] .ppb__summary.is-open .ppb__lines{display:block;max-height:38vh;max-height:38dvh;overflow:auto;overscroll-behavior:contain}.ppb[data-step="1"] .ppb__total{padding-top:0;border-top:0}.ppb[data-step="1"] .ppb__total dd{font-size:2.4rem}.ppb[data-step="1"] .ppb__msg{font-size:1.3rem}.ppb[data-step="1"]{padding-bottom:32rem}.ppb__line{grid-template-columns:4rem minmax(0,1fr) auto 4.4rem;gap:1rem}.ppb__line img{width:4rem;height:4rem}.ppb__rm{width:4.4rem;height:4.4rem;font-size:2rem}.ppb__cta{padding:1.4rem}}@media screen and (max-width:989px){.ppb .ppb__summary{transition:transform .3s var(--ppb-ease)}.ppb.is-out[data-step="1"] .ppb__summary{transform:translateY(110%)}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/perf-pack-builder.css.map */