.cfg{--cfg-header: 75px;--cfg-gap: var(--space-xl);--cfg-top: calc(var(--cfg-header) + var(--cfg-gap));padding-block:var(--cfg-gap) 0}.shopify-section-group-footer-group{display:none}.shopify-section-group-header-group:has(>header.header){position:sticky;top:0;z-index:50}[class*=template-product-configurator] .header .nav,[class*=template-product-configurator] .header .header-right{display:none}[class*=template-product-configurator] .header .container{justify-content:center}[class*=template-product-configurator] .shopify-section-group-header-group:has(.announce){display:none}.cfg-empty-note{padding-block:var(--space-3xl);text-align:center;color:var(--muted)}.cfg-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-2xl);align-items:start;padding-bottom:0}.cfg-visual{position:sticky;top:var(--cfg-top)}.cfg-visual-media{position:relative;aspect-ratio:1 / 1;background:var(--panel);border-radius:var(--radius-lg);overflow:hidden}.cfg-visual-media img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--cfg-img-size, 100%);height:var(--cfg-img-size, 100%);object-fit:var(--cfg-img-fit, cover);transition:opacity .3s var(--easing-out)}.cfg-gallery-arrow[hidden],.cfg-gallery-dots[hidden]{display:none}.cfg-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid var(--line, rgba(0, 0, 0, .12));background:color-mix(in srgb,var(--panel, #fff) 82%,transparent);color:var(--text, #111);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .2s ease,opacity .2s ease}.cfg-gallery-arrow:hover{background:var(--panel, #fff)}.cfg-gallery-prev{left:var(--space-sm)}.cfg-gallery-next{right:var(--space-sm)}.cfg-gallery-prev .cfg-gallery-arrow-ic{transform:scaleX(-1)}.cfg-gallery-arrow-ic{width:22px;height:22px}.cfg-gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:var(--space-md)}.cfg-gallery-dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text, #111) 22%,transparent);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.cfg-gallery-dot[aria-current=true]{background:var(--text, #111);transform:scale(1.25)}.cfg-panel{display:grid;gap:var(--space-2xl);align-content:start}.cfg-step{display:grid;gap:var(--space-md);align-content:start;scroll-margin-top:var(--cfg-top)}.cfg-eyebrow{margin-bottom:0}.cfg-title{font-family:var(--font-display);font-weight:var(--fw-display);font-size:clamp(2rem,4vw,3rem);letter-spacing:var(--tr-snug);line-height:1.05}.cfg-intro{color:var(--text-2);max-width:52ch}.cfg-unit{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding-bottom:var(--space-md);border-bottom:1px solid var(--line)}.cfg-unit-label{font-size:var(--fs-small);color:var(--muted)}.cfg-unit-price{font-family:var(--font-display);font-weight:var(--fw-display);font-size:clamp(1.5rem,3vw,2rem)}.cfg-unit-qualifier{font-size:var(--fs-small);color:var(--muted)}.cfg-options{display:grid;gap:var(--space-lg)}.cfg-field{border:0;padding:0;margin:0;display:grid;gap:var(--space-sm)}.cfg-field-label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);width:100%;font-family:var(--font-display);font-weight:500;font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);padding:0}.cfg-field-value{text-transform:none;letter-spacing:0;color:var(--text);font-family:var(--font-body)}.cfg-colors{gap:var(--space-md)}.cfg-color-group{display:grid;gap:.55rem}.cfg-color-group-price{display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);font-weight:500;font-size:var(--fs-small)}.cfg-color-tier{color:var(--text)}.cfg-color-amount{color:var(--muted)}.cfg-swatches{display:flex;flex-wrap:wrap;gap:.6rem}.cfg-swatch{display:inline-grid;place-items:center;padding:3px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .15s,box-shadow .15s}.cfg-swatch:hover{border-color:var(--text)}.cfg-swatch[aria-pressed=true]{border-color:var(--color-brand);box-shadow:0 0 0 2px rgba(var(--color-brand-rgb),.35)}.cfg-swatch .dot{display:block;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.cfg-swatch .dot.dot-img{background-size:cover;background-position:center;background-repeat:no-repeat}.cfg-swatch .dot.dot-duotone{background-repeat:no-repeat}.cfg-setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.cfg-setup{position:relative;cursor:pointer;display:block}.cfg-setup input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cfg-setup-body{display:grid;gap:.2rem;padding:var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .15s,background .15s;height:100%}.cfg-setup:hover .cfg-setup-body{border-color:var(--text)}.cfg-setup input:checked+.cfg-setup-body{border-color:var(--color-brand);background:rgba(var(--color-brand-rgb),.06)}.cfg-setup input:focus-visible+.cfg-setup-body{outline:2px solid var(--color-brand);outline-offset:2px}.cfg-setup-name{font-family:var(--font-display);font-weight:500;font-size:1.05rem}.cfg-setup-note{font-size:var(--fs-small);color:var(--text-2)}.cfg-setup-qty{font-size:var(--fs-small);color:var(--muted)}.cfg-addons{display:grid;gap:var(--space-sm);margin-top:var(--space-sm)}.cfg-addons-label{margin-bottom:0}.cfg-group-title{font-family:var(--font-display);font-weight:500;font-size:1.05rem;margin-top:var(--space-md)}.cfg-addons-label+.cfg-group-title{margin-top:0}.cfg-addon{position:relative;display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:var(--space-md);padding:.7rem var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.cfg-addon:hover{border-color:var(--text)}.cfg-addon input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.cfg-addon:has(input:checked){border-color:var(--color-brand);background:rgba(var(--color-brand-rgb),.06)}.cfg-addon:has(input:focus-visible){outline:2px solid var(--color-brand);outline-offset:2px}.cfg-addon-media{width:56px;height:56px;border-radius:var(--radius-sm);overflow:hidden;background:var(--panel);display:grid;place-items:center}.cfg-addon-media img{width:100%;height:100%;object-fit:cover}.cfg-addon-body{display:grid;gap:.15rem}.cfg-addon-name{font-weight:500}.cfg-addon-note{font-size:var(--fs-small);color:var(--text-2)}.cfg-addon-price{font-size:var(--fs-small);color:var(--muted)}.cfg-addon-check{width:24px;height:24px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s,color .15s}.cfg-addon-check .ic{width:14px;height:14px}.cfg-addon:has(input:checked) .cfg-addon-check{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.cfg-addon--qty{cursor:default}.cfg-addon-qty-select{padding:.55rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-small);cursor:pointer}.cfg-addon-qty-select:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.cfg-addon--qty:has(.cfg-addon-qty-select option:checked:not([value="0"])){border-color:var(--color-brand);background:rgba(var(--color-brand-rgb),.06)}.cfg-cable{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-md);display:grid;gap:var(--space-sm)}.cfg-cable-head{display:grid;gap:.15rem}.cfg-cable-name{font-weight:500}.cfg-cable-note{font-size:var(--fs-small);color:var(--text-2)}.cfg-cable-rows{display:grid;gap:.5rem}.cfg-cable-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-sm)}.cfg-cable-length{width:100%;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:inherit;font-size:var(--fs-small)}.cfg-cable-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-pill);overflow:hidden}.cfg-qty-btn{width:34px;height:34px;background:transparent;border:0;cursor:pointer;color:var(--text);font-size:1.1rem;line-height:1;display:grid;place-items:center}.cfg-qty-btn:hover{background:rgba(var(--color-brand-rgb),.1)}.cfg-cable-qty input{width:40px;text-align:center;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:var(--fs-small);-moz-appearance:textfield}.cfg-cable-qty input::-webkit-outer-spin-button,.cfg-cable-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cfg-cable-remove{width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-2);cursor:pointer;font-size:1.1rem;line-height:1;display:grid;place-items:center;transition:color .15s,border-color .15s}.cfg-cable-remove:hover{color:var(--color-utility-error);border-color:var(--color-utility-error)}.cfg-cable-add{justify-self:start;padding-block:.6rem}.cfg-leadtime{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-small);color:var(--text-2);margin-top:var(--space-sm)}.cfg-leadtime .ic{color:var(--color-brand);width:18px;height:18px;flex:none}.cfg-review-step{align-content:start}@media(min-width:901px){.cfg-review-step{min-height:calc(100vh - var(--cfg-top))}}.cfg-review{display:grid;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.cfg-review-title{margin-top:0}.cfg-review-lines{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.cfg-review-actions{margin-top:var(--space-sm)}.cfg-review-actions .btn{width:100%;justify-content:center}.cfg.cfg-at-review .cfg-summary{display:none}.cfg-summary{position:sticky;bottom:0;z-index:30;background:var(--bg);color:var(--text);border-top:1px solid var(--line);box-shadow:0 -12px 30px -20px #00000080}.cfg-summary-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-md);flex-wrap:wrap}.cfg-summary-toggle{display:flex;align-items:center;gap:var(--space-md);background:transparent;border:0;cursor:pointer;color:inherit;text-align:left;flex-wrap:wrap}.cfg-summary-heading{font-family:var(--font-display);font-weight:var(--fw-display);font-size:1.1rem}.cfg-summary-meta{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-2);font-size:var(--fs-small)}.cfg-summary-total{font-family:var(--font-display);font-weight:500;font-size:1.05rem;color:var(--text)}.cfg-summary-caret{width:16px;height:16px;transform:rotate(-90deg);transition:transform .2s var(--easing-out)}.cfg-summary-toggle[aria-expanded=true] .cfg-summary-caret{transform:rotate(90deg)}.cfg-summary-actions{margin-top:0}.cfg-summary-actions .btn{min-width:180px;justify-content:center}.cfg-summary-details{border-top:1px solid var(--line);padding-block:var(--space-md);max-height:45vh;overflow-y:auto}.cfg-summary-lines{display:grid;gap:.5rem}.cfg-summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:var(--fs-small)}.cfg-summary-line .name{color:var(--text-2)}.cfg-summary-line .amount{font-variant-numeric:tabular-nums}.cfg-summary-line--total{margin-top:.4rem;padding-top:.6rem;border-top:1px solid var(--line);font-family:var(--font-display);font-weight:500;font-size:1rem}.cfg-summary-line--total .name,.cfg-summary-line--total .amount{color:var(--text)}@media(max-width:900px){.cfg{padding-top:0;--cfg-bar: 128px}.cfg-layout{grid-template-columns:1fr;gap:var(--space-md);padding-bottom:calc(var(--cfg-bar) + var(--space-md))}.cfg.cfg-at-review .cfg-layout{padding-bottom:var(--space-lg)}.shopify-section-group-header-group:has(>header.header){position:static}.cfg-visual{position:sticky;top:0;z-index:5}.cfg-visual-media{width:auto;max-width:none;margin-inline:calc(-1 * var(--gutter));aspect-ratio:auto;height:calc((100vh - var(--cfg-bar)) / 2);height:calc((100dvh - var(--cfg-bar)) / 2);border-radius:0}.cfg-gallery-dots{position:absolute;left:0;right:0;bottom:var(--space-xs, 6px);margin-top:0;z-index:3}.cfg-summary-inner{justify-content:stretch}.cfg-summary-actions{width:100%}.cfg-summary-actions .btn{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-configurator.css.map */