.builder-wrapper{width:100%}.builder-container{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;gap:0;min-height:72rem}.builder-left-panel{position:sticky;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px;background:var(--left-panel-bg)}.main-builder-heading{margin:0;font-family:Avenir,sans-serif!important;font-weight:300;font-size:56px;line-height:120%;letter-spacing:0%;text-align:center}.main-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%}.main-image-wrapper svg.main-persistent-image,#main-persistent-image{width:502px;height:502px;max-width:100%;object-fit:contain;aspect-ratio:1;transition:all .3s ease}.builder-right-panel{background:var(--right-panel-bg);padding:42px 70px}.builder-progress{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.progress-step{width:32px;height:32px;border-radius:999px;background:transparent;border:1px solid #0000001A;color:#0006;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center;cursor:default}.progress-step.active{background:#000;border-color:transparent;color:#f9f9f9;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center;padding-block-start:3px}.progress-step.completed{background:#0000001a;border-color:transparent;color:#0006;padding-block-start:3px}.progress-line{width:26px;height:1px;background:#0000001a;margin:0 8px}#BuilderForm{height:calc(100% - 56px)}.builder-step{display:none}.builder-step>*:not(.step-actions){max-width:57rem;margin-inline:auto;width:100%}.builder-step.active{display:flex;flex-direction:column;height:100%;animation:fadeIn .4s ease-in-out}.builder-step.sibling_product_step .block-title{margin-bottom:24px}.step-heading{margin:0 0 42px;font-family:Avenir,sans-serif!important;font-weight:300;font-size:32px;line-height:120%;letter-spacing:0%;text-align:center;color:#000}.block-title{margin:0 0 16px;font-weight:500;font-size:16px;line-height:120%;letter-spacing:0%;text-align:center;text-transform:uppercase;color:#000}.options-container{display:flex;flex-direction:column;gap:8px;margin-bottom:72px}.option-card{display:block;border:2px solid transparent;cursor:pointer;position:relative;background:#f2f2f2;transition:all .3s ease}.option-card input{position:absolute;opacity:0;width:0;height:0}.card-inner{display:flex;align-items:stretch;padding:8px;gap:14px}.card-inner img,.card-inner .option-card-svg{width:90px;height:90px;object-fit:contain;flex-shrink:0;background:#fff}.card-details{display:flex;flex-direction:column;justify-content:space-between;padding-block:8px;gap:4px;width:100%}.card-details_top{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.var-title{font-family:Avenir,sans-serif!important;font-weight:400;font-size:16px;line-height:120%;letter-spacing:0%;vertical-align:middle;color:#000}.var-desc{color:#000000b2;margin-bottom:10px;font-weight:300;font-size:14px;line-height:120%;letter-spacing:0%;vertical-align:middle}.var-price{font-weight:500;font-size:14px;line-height:120%;letter-spacing:0%;color:#000000b2;text-align:right;text-transform:uppercase;flex-shrink:0}.option-card:hover,.option-card:has(input:checked){border:2px solid #000;transition:all .3s ease}.tabs-selection{text-align:center;margin-bottom:42px}.tabs-content .tab-pane{margin-block-end:42px}.tabs-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto}.hidden-product-input,input[name*=_product].hidden-product-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;visibility:hidden}.tab-pill{padding-inline:24px;height:31px;border-radius:999px;border:1px solid #0000001A;background:transparent;cursor:pointer;color:#000;display:inline-flex;align-items:center;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:uppercase;gap:8px;transition:all .3s ease}.tab-pill.empty_button{pointer-events:none}.tab-pill:hover{border-color:#000;transition:all .3s ease}.tab-pill.active{background:#000;color:#fff;border-color:#000}.tab-pill .pill-price{font-weight:500;font-size:12px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle}.color-swatches{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:16px}.conditional-color-selection{margin-block-end:42px}.swatch-section:not(:has(.swatch-label)){display:none}.swatch-section:has(.color-swatches:empty){display:none}.swatch-label{cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.swatch-label input{position:absolute;opacity:0;width:0;height:0}.swatch-circle{display:block;width:32px;height:32px;border-radius:999px;box-shadow:inset 0 0 0 4px transparent;background-size:initial;background-position:center;background-repeat:no-repeat}.builder-step.sibling_product_step .swatch-circle{width:56px;height:56px}.swatch-label{width:calc(calc(56rem / 11) - 18px)}.builder-step.sibling_product_step .swatch-label{width:calc(8rem - 18px)}.swatch-label input:checked+.swatch-circle{border:2px solid #000000;box-shadow:inset 0 0 0 4px #fff}.swatch-text{display:none;margin-top:12px;font-weight:500;font-size:14px;line-height:100%;letter-spacing:0%;text-align:center;text-transform:uppercase;color:#000000b2}.swatch-label input:checked~.swatch-text{display:block}.product-cards-list{display:flex;flex-direction:column;gap:12px;margin-bottom:42px}.product-card-item{display:block;background:#f2f2f2;border:2px solid transparent;cursor:pointer;position:relative}.empty-card-item{pointer-events:none}.product-card-item input{position:absolute;opacity:0;width:0;height:0}.product-card-item:has(input:checked){border:2px solid #000}.step-actions{display:flex;justify-content:center;margin-top:auto;gap:12px}.btn{padding-inline:32px;border-radius:999px;cursor:pointer;letter-spacing:1px;border:1.5px solid #000000;background:transparent;font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;text-align:center;vertical-align:middle;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px;height:40px}.btn-back{background:#fff}.btn-back svg{margin-inline-end:8px}.btn-next svg,.btn-submit svg{margin-inline-start:8px}.btn span{margin-block-start:3px;flex:0 0 auto}.btn-next,.btn-submit{background:#000;color:#fff}.btn-submit{width:max-content}.btn-submit br{display:none}.btn-next:disabled,.btn-next.is-disabled{border-color:transparent;color:#fff;cursor:not-allowed;pointer-events:none;opacity:.5}.custom_btn_text{flex:0 0 auto}.swatch-label.is-sold-out{opacity:.4;cursor:not-allowed;pointer-events:none}.swatch-label.is-sold-out .swatch-circle{overflow:hidden;position:relative}.swatch-label.is-sold-out .swatch-circle:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;transform:rotate(-45deg) translateY(-50%);background:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.builder-right-panel{padding:42px}.step-actions{flex-wrap:wrap}.btn{padding-inline:20px;font-size:14px;height:36px}}@media(max-width:900px){.builder-container{grid-template-columns:1fr;min-height:max-content;max-width:100%}.builder-step>*:not(.step-actions){max-width:100%;margin-inline:auto}.builder-left-panel{position:relative;height:auto;padding:24px 16px}.main-builder-heading{font-size:42px}.main-image-wrapper svg.main-persistent-image,#main-persistent-image{width:292px;height:292px}.builder-right-panel{padding:42px 16px}.step-heading{font-size:24px}.builder-progress{justify-content:center;flex-wrap:wrap}.progress-step.active,.progress-step{font-size:14px}.progress-line,.progress-step{flex:0 0 auto}.var-title,.block-title{font-size:14px}.card-details_bottom{line-height:120%}.var-desc,.var-price{font-size:12px}.card-inner img,.card-inner .option-card-svg{width:80px;height:80px}.btn{font-size:14px}.custom_btn_text{display:none}.builder-step.sibling_product_step .block-title{margin-bottom:16px}.tabs-pills{gap:8px}.tab-pill{font-size:14px;gap:6px}.swatch-label{width:calc(calc(358px / 7) - 18px)}.builder-step.sibling_product_step .swatch-label{width:calc(calc(358px / 6) - 18px)}.builder-step.sibling_product_step .swatch-circle{width:42px;height:42px}.swatch-text{font-size:12px}.product-cards-list{gap:8px}.btn .atc-total{display:none}.step-actions{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/commuter-customizer.css.map */