.bap{--bap-ink: rgb(var(--color-foreground, 18, 18, 18));--bap-muted: rgba(var(--color-foreground, 18, 18, 18), .6);--bap-line: rgba(var(--color-foreground, 18, 18, 18), .12);--bap-soft: rgba(var(--color-foreground, 18, 18, 18), .04);--bap-accent: #b8923a;padding-top:1.6rem;padding-bottom:4rem;color:var(--bap-ink)}.bap [hidden]{display:none!important}.bap__intro{text-align:center;max-width:64rem;margin:0 auto 1.6rem}.bap__eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:1.1rem;color:var(--bap-muted);margin:0 0 .4rem}.bap__heading{margin:0}.bap__subheading{color:var(--bap-muted);font-size:1.4rem}.bap__subheading p{margin:.4rem 0 0}.bap__progress{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 2rem;font-size:1.2rem;color:var(--bap-muted)}.bap__progress li{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:99px;border:1px solid var(--bap-line)}.bap__progress li span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--bap-soft);font-size:1rem}.bap__progress li.is-active{color:var(--bap-ink);border-color:var(--bap-ink)}.bap__progress li.is-active span{background:var(--bap-ink);color:rgb(var(--color-background, 255, 255, 255))}.bap__progress li.is-done span{background:var(--bap-accent);color:#fff}.bap__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}@media screen and (min-width:990px){.bap__layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}.bap__preview{position:sticky;top:calc(var(--bap-sticky-top, 0px) + 1.6rem);transition:top .2s}}.bap__preview{border:1px solid var(--bap-line);border-radius:1rem;padding:1.2rem;background:rgb(var(--color-background, 255, 255, 255))}.bap__preview-media{position:relative;aspect-ratio:16 / 10;border-radius:.6rem;background:var(--bap-soft);display:grid;place-items:center;overflow:hidden}.bap__preview-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.bap__preview-lens{position:absolute;right:1rem;bottom:1rem;width:30%;aspect-ratio:1;object-fit:cover;border-radius:.8rem;border:2px solid rgb(var(--color-background, 255, 255, 255));box-shadow:0 4px 16px #0000001f}.bap__preview-media:has([data-preview-empty]:not([hidden])){aspect-ratio:auto}.bap__preview-media:has(.bap__preview-frame:not([hidden])){background:#fff}@media screen and (max-width:989px){.bap__recap{font-size:1.3rem}}.bap__preview-empty{color:var(--bap-muted);text-align:center;padding:1.2rem;margin:0;font-size:1.3rem}.bap__recap{margin:.8rem 0 0;font-size:1.3rem}.bap__recap div{display:flex;justify-content:space-between;gap:1.2rem;padding:.5rem 0;border-bottom:1px solid var(--bap-line)}.bap__recap dt{color:var(--bap-muted)}.bap__recap dd{margin:0;text-align:right}.bap__recap dd span{color:var(--bap-muted);margin-left:.4rem}.bap__subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-top:.8rem;font-size:1.4rem}.bap__subtotal strong{font-size:1.9rem}@media screen and (max-width:989px){.bap__intro{margin-bottom:1rem}.bap__heading{font-size:2.6rem}.bap__subheading{font-size:1.3rem}.bap__progress{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-bottom:1.2rem;scrollbar-width:none}.bap__progress::-webkit-scrollbar{display:none}.bap__progress li{flex:0 0 auto}.bap__progress li:not(.is-active){font-size:0;gap:0;padding:.4rem}.bap__progress li span{font-size:1rem}.bap__steps{order:1}.bap__preview{order:2}.bap__preview.is-empty{display:none}}.bap__filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem}.bap__chip{font:inherit;font-size:1.2rem;cursor:pointer;padding:.4rem 1.2rem;border-radius:99px;border:1px solid var(--bap-line);background:none;color:inherit}.bap__chip.is-active{background:var(--bap-ink);color:rgb(var(--color-background, 255, 255, 255));border-color:var(--bap-ink)}.bap__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}@media screen and (min-width:750px){.bap__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:1200px){.bap__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bap__grid[data-frame-grid]{max-height:64rem;overflow-y:auto;padding:.2rem}.bap__card{position:relative;display:flex;flex-direction:column;gap:.2rem;cursor:pointer;border:1px solid var(--bap-line);border-radius:.8rem;padding:.6rem;transition:border-color .15s,box-shadow .15s}.bap__card[hidden]{display:none}.bap__card:hover{border-color:var(--bap-muted)}.bap__card:has(input:checked){border-color:var(--bap-ink);box-shadow:0 0 0 1px var(--bap-ink)}.bap__card input,.bap__swatch input,.bap__pill input{position:absolute;opacity:0;pointer-events:none}.bap__card:has(input:focus-visible),.bap__swatch:has(input:focus-visible),.bap__pill:has(input:focus-visible){outline:2px solid var(--bap-accent);outline-offset:2px}.bap__card-media{aspect-ratio:4 / 3;border-radius:.4rem;margin-bottom:.2rem;background:var(--bap-soft);overflow:hidden;display:block}.bap__card-media img{width:100%;height:100%;object-fit:cover;display:block}.bap__card-title{font-size:1.25rem;line-height:1.3}.bap__card-price{font-size:1.2rem;color:var(--bap-muted)}.bap__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.8rem}.bap__swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;cursor:pointer;padding:.8rem .4rem;border:1px solid var(--bap-line);border-radius:.8rem;font-size:1.2rem;line-height:1.3}.bap__swatch:has(input:checked){border-color:var(--bap-ink);box-shadow:0 0 0 1px var(--bap-ink)}.bap__swatch-dot{width:3.8rem;height:3.8rem;border-radius:50%;border:1px solid var(--bap-line)}.bap__swatch-price{color:var(--bap-muted);font-size:1.1rem}.bap__swatch-price:empty{display:none}.bap__fieldset{border:0;padding:0;margin:0 0 1.6rem}.bap__fieldset legend{font-size:1.3rem;margin-bottom:.6rem}.bap__pills{display:flex;flex-wrap:wrap;gap:.8rem}.bap__pill{position:relative;cursor:pointer}.bap__pill span{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;border-radius:99px;border:1px solid var(--bap-line);font-size:1.3rem}.bap__pill span i{width:1.4rem;height:1.4rem;border-radius:50%;display:inline-block}.bap__pill input:checked+span{border-color:var(--bap-ink);box-shadow:0 0 0 1px var(--bap-ink)}.bap__note{margin-top:.8rem;font-size:1.2rem;color:var(--bap-muted);background:var(--bap-soft);padding:.8rem 1.2rem;border-radius:.8rem}.bap__note p{margin:0}.bap__field{display:flex;flex-direction:column;gap:.6rem;font-size:1.3rem;margin-bottom:1.4rem}.bap__field textarea{font:inherit;font-size:1.4rem;padding:.8rem;border:1px solid var(--bap-line);border-radius:.8rem;resize:vertical}.bap__nav{position:sticky;top:var(--bap-sticky-top, 0px);z-index:2;transition:top .2s;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;padding:.8rem 0;margin-bottom:1.2rem;background:rgb(var(--color-background, 255, 255, 255));border-bottom:1px solid var(--bap-line)}.bap__nav-title{margin:0;font-size:2rem;flex:1 1 0;min-width:0}.bap__nav-buttons{display:flex;gap:.6rem;margin-left:auto}.bap__nav .button{min-height:3.8rem;min-width:0;padding:0 2rem;font-size:1.3rem}.bap__nav .button[disabled]{opacity:.4;cursor:not-allowed}.bap__error{flex-basis:100%;margin:0;color:#b42318;font-size:1.3rem}@media screen and (max-width:749px){.bap__nav{gap:.6rem}.bap__nav-title{font-size:1.5rem;line-height:1.25}.bap__nav .button{min-height:3.4rem;padding:0 1.4rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/build-a-pair.css.map */