.custom-build-wrapper{--custom-build-width: 132rem;padding-top:2.7rem}@media screen and (min-width:750px){.custom-build-wrapper{padding-top:3.6rem}}.custom-build{--custom-build-gap: 4.8rem;--custom-build-border: #e6e6e6;--custom-build-muted: #6b6b6b;--custom-build-accent: var(--cc-color-heading, #141414);--custom-build-swatch-size: 6.4rem;--custom-build-art-max: 60rem;display:block;font-family:Pragmatica,sans-serif;padding-bottom:6rem}.custom-build h2{font-family:inherit!important}.custom-build-wrapper .page-width{max-width:var(--custom-build-width)}.custom-build__layout{display:grid;grid-template-columns:1fr;gap:3.2rem;align-items:start}@media screen and (min-width:990px){.custom-build__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:3.2rem}}@media screen and (min-width:1200px){.custom-build__layout{gap:var(--custom-build-gap)}}.custom-build__stage{position:relative;isolation:isolate;padding:0}.custom-build__price{margin:0 0 2rem}.custom-build__price-value{font-size:2.2rem;line-height:1.2;font-weight:500;color:var(--custom-build-accent)}.custom-build__price-note,.custom-build__mobile-bar-note{margin:.6rem 0 0;color:var(--custom-build-accent)}.custom-build__price-note a,.custom-build__mobile-bar-note a{color:rgba(var(--color-link),var(--alpha-link));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.custom-build__price-note a:hover,.custom-build__mobile-bar-note a:hover{color:rgb(var(--color-link));text-decoration-thickness:.2rem}.custom-build__stage-actions{position:absolute;top:1.6rem;right:1.6rem;display:flex;gap:.8rem;z-index:2}.custom-build__stage-action{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;background:none;border:0;color:#e07b39;cursor:pointer;transition:opacity var(--cc-transition-default, .25s ease)}.custom-build__stage-action:hover{opacity:.65}.custom-build__stage-action svg{width:2rem;height:2rem}.custom-build__canvas{position:relative;width:100%;aspect-ratio:var(--custom-build-stage-ratio, 1 / 1);background:#f4f4f4;border-radius:.6rem;overflow:hidden}@media screen and (min-width:990px){.custom-build__canvas{max-width:min(100%,calc(100vh - var(--header-height, 0px) - 16rem));margin:0 auto}}.custom-build__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:var(--custom-build-art-max);max-height:var(--custom-build-art-max);margin:auto;object-fit:contain;transition:opacity .2s ease}.custom-build__canvas[data-cb-focus] .custom-build__layer:not(.is-focus){opacity:.3}.custom-build__layer[hidden]{display:none}.custom-build__stage-feedback{min-height:2rem;margin:1.2rem 0 0;font-size:1.3rem;text-align:center;color:var(--custom-build-muted)}.custom-build__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.custom-build__chips{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px){.custom-build__chips{max-width:min(100%,calc(100vh - var(--header-height, 0px) - 16rem));margin-left:auto;margin-right:auto}}.custom-build__chip{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:.1rem solid var(--custom-build-border);border-radius:.4rem;min-width:0;transition:border-color .2s ease}.custom-build__chip.is-focus{border-color:var(--custom-build-accent)}.custom-build__chip-swatch{flex:0 0 auto;width:1.8rem;height:1.8rem;border-radius:50%;background:#ededed center / cover no-repeat}.custom-build__chip-text{display:flex;flex-direction:column;min-width:0}.custom-build__chip-step{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--custom-build-muted)}.custom-build__chip-value{font-size:1.2rem;color:var(--custom-build-accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:990px){.custom-build--sticky-media .custom-build__media-column{position:sticky;top:calc(var(--custom-build-header-offset, var(--header-height, 0px)) + 2.4rem)}}.custom-build__vendor{margin:0 0 .8rem;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--custom-build-muted)}.custom-build__title{margin:0 0 1.6rem;font-size:2rem;font-weight:800}.custom-build__heading{margin:0 0 2rem;padding-top:2rem;border-top:.1rem solid var(--custom-build-border);font-size:1.5rem;line-height:1.3;font-weight:600;letter-spacing:.02em;text-transform:none}@media screen and (min-width:750px){.custom-build__heading{font-size:1.6rem}}.custom-build__step{min-width:0;margin:0 0 3.2rem;padding:0;border:0}.custom-build__step-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem 1.6rem;width:100%;padding:0 0 1.2rem;margin-bottom:1.6rem;border-bottom:.1rem solid var(--custom-build-border)}.custom-build__step-title{font-size:1.6rem;font-weight:500;letter-spacing:.01em}.custom-build__step-selection{display:inline-flex;align-items:baseline;gap:1.2rem;font-size:1.4rem;color:var(--custom-build-muted)}.custom-build__step-selection-price{color:var(--custom-build-accent)}.custom-build__step-help{margin:-.8rem 0 1.6rem;font-size:1.3rem;color:var(--custom-build-muted)}.custom-build__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.6rem,1fr));gap:1.8rem 1.2rem}.custom-build__option{display:flex;flex-direction:column;align-items:center;gap:.6rem;cursor:pointer;text-align:center}.custom-build__option-figure{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;padding:.4rem;border:.1rem solid transparent;border-radius:.6rem;transition:border-color var(--cc-transition-default, .25s ease)}.custom-build__option-image{width:100%;height:100%;object-fit:contain}.custom-build__option-label{max-width:100%;font-size:1.1rem;line-height:1.3;color:var(--custom-build-muted)}.custom-build__option-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.custom-build__option-description{font-size:1.1rem;color:var(--custom-build-muted)}.custom-build__option-badge{display:block;font-size:1rem;letter-spacing:.06em;text-transform:uppercase}.custom-build__option-price{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);padding:.2rem .6rem;background:#1c1c1c;border-radius:.3rem;font-size:1rem;white-space:nowrap;color:#fff}.custom-build__option-price--included{background:transparent;color:var(--custom-build-muted)}.custom-build__option-marker{position:absolute;top:-.4rem;right:-.4rem;display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;color:var(--custom-build-accent)}.custom-build__option-marker .icon{width:1rem;height:1rem}.custom-build__option-marker .icon-checkmark,.custom-build__option-marker .icon-close-small{display:none;width:1.1rem;height:1.1rem;color:#fff}.custom-build__option-input:checked~.custom-build__option-figure{border-color:var(--custom-build-accent)}.custom-build__option-input:checked~.custom-build__option-figure .custom-build__option-marker{background:var(--custom-build-accent)}.custom-build__option-input:checked~.custom-build__option-figure .icon-plus{display:none}.custom-build__option-input:checked~.custom-build__option-figure .icon-checkmark{display:block}.custom-build__option:hover .custom-build__option-input:checked~.custom-build__option-figure .icon-checkmark{display:none}.custom-build__option:hover .custom-build__option-input:checked~.custom-build__option-figure .icon-close-small{display:block}.custom-build__option-input:focus-visible~.custom-build__option-figure{outline:.2rem solid var(--custom-build-accent);outline-offset:.3rem}.custom-build__option-input:checked~.custom-build__option-label{color:var(--custom-build-accent)}.custom-build__option--unavailable,.custom-build__option--incompatible,.custom-build__option--in-cart{cursor:not-allowed;opacity:.35}.custom-build__option-stock{display:inline-block;max-width:100%;margin-top:.4rem;padding:.1rem .6rem;border-radius:1rem;background:#f1f1f1;font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:.02em;white-space:nowrap;color:var(--custom-build-muted)}.custom-build__option-stock--low{background:#fff1dc;color:#7a4100}.custom-build__option-stock[hidden]{display:none}.custom-build__option.is-flagged .custom-build__option-figure{border-color:#eb001b;box-shadow:0 0 0 .1rem #eb001b}.custom-build__option.is-flagged .custom-build__option-figure .custom-build__option-marker{background:#eb001b}.custom-build__option.is-flagged .custom-build__option-label{color:#8c1007}.custom-build__option.is-flagged .custom-build__option-stock{background:#fdf1f0;color:#8c1007}.custom-build__step-alert{margin:-.8rem 0 1.6rem;padding:1rem 1.4rem;background:#fdf1f0;border-left:.3rem solid #eb001b;font-size:1.3rem;line-height:1.4;color:#8c1007}.custom-build__step-alert[hidden]{display:none}.custom-build__summary{margin:0 0 2.4rem;padding:2rem 0 0;border-top:.1rem solid var(--custom-build-border)}.custom-build__breakdown{margin:0 0 1.6rem}.custom-build__breakdown-row{display:flex;justify-content:space-between;gap:1.6rem;padding:.4rem 0;font-size:1.3rem;color:var(--custom-build-muted)}.custom-build__breakdown-row dt,.custom-build__breakdown-row dd{margin:0}.custom-build__mode{margin:0 0 1.2rem;font-size:1.3rem;line-height:1.5;color:var(--custom-build-muted)}.custom-build__total{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;font-size:1.8rem;font-weight:500;color:var(--custom-build-accent)}.custom-build__total-label{letter-spacing:.06em;text-transform:uppercase}.custom-build__buy{margin:0 0 2.4rem}.custom-build__submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:4.8rem;margin-bottom:1rem;padding:1.2rem 2rem;background:transparent;border:.1rem solid var(--custom-build-accent);border-radius:0;font-size:1.4rem;letter-spacing:.06em;color:var(--custom-build-accent);cursor:pointer;transition:background var(--cc-transition-default, .25s ease),color var(--cc-transition-default, .25s ease)}.custom-build__submit:hover,.custom-build__submit--primary{background:var(--custom-build-accent);color:#fff}.custom-build__submit--primary:hover{opacity:.88}.custom-build__buy-note{margin:1.2rem 0 0;font-size:1.2rem;text-align:center;color:var(--custom-build-muted)}.custom-build__error{margin:0 0 1.2rem;padding:1.2rem 1.6rem;background:#fdf1f0;border-left:.3rem solid #eb001b;font-size:1.3rem;color:#8c1007}.custom-build__error[hidden]{display:none}.custom-build__description{margin:0 0 2.4rem;font-size:1.4rem;line-height:1.7}.custom-build__collapsible{border-top:.1rem solid var(--custom-build-border)}.custom-build__collapsible summary{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 0;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none}.custom-build__collapsible summary::-webkit-details-marker{display:none}.custom-build__collapsible[open] summary .icon-caret{transform:rotate(180deg)}.custom-build__collapsible-content{padding:0 0 1.6rem;font-size:1.4rem;line-height:1.7}.custom-build__empty{padding:6rem 0;text-align:center}.custom-build__details{margin-top:5.6rem}.custom-build__details-heading{margin:0 0 1.6rem;font-size:1.6rem;font-weight:500;color:var(--custom-build-accent)}.custom-build__specs{margin:0;border-top:.1rem solid var(--custom-build-border)}.custom-build__spec-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem;padding:1.2rem 0;border-bottom:.1rem solid var(--custom-build-border);font-size:1.3rem}@media screen and (min-width:600px){.custom-build__spec-row{grid-template-columns:minmax(12rem,22rem) minmax(0,1fr);gap:1.6rem}}.custom-build__spec-row dt,.custom-build__spec-row dd{margin:0}.custom-build__spec-row dt{font-weight:700;color:var(--custom-build-accent)}.custom-build__spec-row dd{color:var(--custom-build-muted)}.custom-build__details-note{margin-top:2rem;font-size:1.3rem;line-height:1.7;color:var(--custom-build-muted)}.custom-build__mobile-bar,.custom-build__mobile-error,.custom-build__stepper{display:none}@media screen and (max-width:989px){.custom-build__layout{display:flex;flex-direction:column;align-items:stretch;gap:0}.custom-build__panel-column,.custom-build__panel{display:contents}.custom-build__panel>*{order:5}.custom-build__panel>.custom-build__vendor,.custom-build__panel>.custom-build__title{order:0}.custom-build__media-column{order:1;padding-top:1.6rem}.custom-build__panel>.custom-build__steps{order:2}.custom-build__panel>.custom-build__summary{order:3;margin-top:2.8rem}.custom-build__panel>.custom-build__buy{order:4}.custom-build__vendor{margin:0 0 .4rem}.custom-build__title{margin:0}.custom-build__panel>.custom-build__price,.custom-build__panel>.custom-build__heading,.custom-build__chips{display:none}.custom-build__mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-bottom:1.2rem}.custom-build__mobile-bar-text{min-width:0}.custom-build__mobile-bar-heading{margin:0;font-size:1.5rem;font-weight:500;line-height:1.3}.custom-build__mobile-bar-total{margin:.2rem 0 0;font-size:1.9rem;font-weight:600;line-height:1.2;color:var(--custom-build-accent)}.custom-build__mobile-bar-note{margin:.2rem 0 0}.custom-build__mobile-bar-button{flex:0 0 auto;min-height:4.2rem;padding:0 1.8rem;background:var(--custom-build-accent);border:0;border-radius:.4rem;font-family:inherit;font-size:1.4rem;letter-spacing:.04em;color:#fff;cursor:pointer}.custom-build__mobile-bar-button[aria-disabled=true]{opacity:.6}.custom-build__canvas{max-width:min(100%,48vh);max-width:min(100%,48svh);margin:0 auto}@media(max-height:740px){.custom-build__canvas{max-width:min(100%,40vh);max-width:min(100%,40svh)}}.custom-build__media-column{scroll-margin-top:calc(var(--header-height, 0px) + .8rem)}.custom-build__mobile-error:not([hidden]){position:absolute;top:.8rem;left:.8rem;right:.8rem;z-index:50;display:block;margin:0;padding:.8rem 1.2rem;background:#fdf1f0;border-left:.3rem solid #eb001b;border-radius:.4rem;box-shadow:0 .2rem .8rem #00000014;font-size:1.3rem;line-height:1.4;color:#8c1007}.custom-build__stage-feedback{min-height:0;margin:.6rem 0 0}.custom-build__stage-feedback:empty{display:none}.custom-build__step{display:none;margin:1.2rem 0 0}.custom-build__step.is-active{display:block}.custom-build__step-header{flex-direction:column;align-items:center;gap:.2rem;padding:0;margin-bottom:.4rem;border-bottom:0;text-align:center}.custom-build__step-selection{min-height:1.8rem;font-size:1.3rem}.custom-build__step-alert{margin:.4rem 0 .6rem;text-align:center}.custom-build__options{position:relative;display:flex;gap:1.2rem;margin:0 -.4rem;padding:1rem .4rem .6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.custom-build__options::-webkit-scrollbar{display:none}.custom-build__option{flex:0 0 7.6rem;scroll-snap-align:start}.custom-build__stepper{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.2rem;margin-top:1.4rem}.custom-build__stepper-arrow{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0;background:#fff;border:.1rem solid var(--custom-build-border);border-radius:.4rem;color:var(--custom-build-accent);cursor:pointer}.custom-build__stepper-arrow--next{background:var(--custom-build-accent);border-color:var(--custom-build-accent);color:#fff}.custom-build__stepper-arrow:disabled{opacity:.3;cursor:default}.custom-build__stepper-toggle{display:inline-flex;align-items:center;gap:.6rem;height:4.4rem;padding:0 1rem;background:none;border:0;font-family:inherit;font-size:1.5rem;color:var(--custom-build-accent);cursor:pointer}.custom-build__step-sheet[open]{position:fixed;inset:auto 0 0;display:flex;flex-direction:column;width:100%;max-width:100%;max-height:80vh;margin:0;padding:2rem 2rem calc(1.2rem + env(safe-area-inset-bottom,0px));background:#fff;border:0;border-radius:1.6rem 1.6rem 0 0;box-shadow:0 -.4rem 2.4rem #0000001f;color:var(--custom-build-accent)}.custom-build__step-sheet::backdrop{background:#0006}.custom-build__step-sheet-heading{margin:0 0 .8rem;font-size:1.7rem;font-weight:500}.custom-build__step-sheet-list{margin:0;padding:0;overflow-y:auto;list-style:none}.custom-build__step-sheet-item{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;padding:1.4rem 0;background:none;border:0;border-bottom:.1rem solid var(--custom-build-border);font-family:inherit;text-align:left;color:inherit;cursor:pointer}.custom-build__step-sheet-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.custom-build__step-sheet-label{font-size:1.5rem}.custom-build__step-sheet-value{font-size:1.3rem;color:var(--custom-build-muted)}.custom-build__step-sheet-item[aria-current=step] .custom-build__step-sheet-label{font-weight:600}.custom-build__step-sheet-check{flex:0 0 auto;visibility:hidden}.custom-build__step-sheet-item.is-done .custom-build__step-sheet-check{visibility:visible}.custom-build__step-sheet-close{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:center;margin-top:1.2rem;padding:.8rem 1.6rem;background:none;border:0;font-family:inherit;font-size:1.4rem;color:inherit;cursor:pointer}}.custom-build__zoom{width:min(92vw,90rem);max-width:none;padding:2.4rem;border:0;background:#fff}.custom-build__zoom::backdrop{background:#000000b8}.custom-build__zoom-close{position:absolute;top:1.2rem;right:1.2rem;padding:.8rem;background:none;border:0;cursor:pointer}.custom-build__zoom-canvas .custom-build__canvas{aspect-ratio:1 / 1;background:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-build.css.map */