.communite-system-builder{padding-block:var(--cm-section-space);overflow:hidden;color:var(--cm-color-text);background:var(--cm-color-white)}.communite-system-builder--background-cream,.communite-system-builder--background-surface{background:var(--cm-color-white)}.communite-system-builder--background-dark{color:var(--cm-color-text-inverse);background:var(--cm-color-black)}.communite-system-builder__container{max-width:var(--cm-container-max);padding-inline:var(--cm-container-gutter)}.communite-system-builder--width-narrow .communite-system-builder__container{max-width:76rem}.communite-system-builder--width-full .communite-system-builder__container{max-width:none}.communite-system-builder__surface{overflow:hidden;color:var(--cm-color-text);background:var(--cm-color-white);border:var(--cm-border-width) solid var(--cm-color-border-strong);border-radius:var(--cm-radius-sm);box-shadow:none}.communite-system-builder__header{padding:clamp(2rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:clamp(2rem,6vw,6rem);align-items:end;border-bottom:var(--cm-border-width) solid var(--cm-color-border)}.communite-system-builder__heading{max-width:10ch;margin:var(--cm-space-4) 0 0;font-family:var(--cm-font-editorial);font-size:clamp(3.5rem,6.5vw,7rem);font-weight:var(--cm-font-weight-medium);letter-spacing:-.06em;line-height:.88}.communite-system-builder__description{max-width:36rem;justify-self:end;color:var(--cm-color-text-muted);font-size:var(--cm-type-300);line-height:var(--cm-leading-body)}.communite-system-builder__description>:last-child{margin-bottom:0}.communite-system-builder__steps{display:grid;grid-template-columns:repeat(6,minmax(8rem,1fr));overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:var(--cm-border-width) solid var(--cm-color-border-strong)}.communite-system-builder__step-button{min-height:5.25rem;padding:var(--cm-space-3) var(--cm-space-4);display:grid;gap:.25rem;align-content:center;color:var(--cm-color-text-muted);background:var(--cm-color-white);border:0;border-right:var(--cm-border-width) solid var(--cm-color-border);text-align:left;transition:color var(--cm-motion-fast) var(--cm-ease-standard),background-color var(--cm-motion-fast) var(--cm-ease-standard)}.communite-system-builder__step-button:last-child{border-right:0}.communite-system-builder__step-button>span{color:var(--cm-color-brand);font-family:var(--cm-font-editorial);font-size:var(--cm-type-100);font-style:italic}.communite-system-builder__step-button>strong{font-size:var(--cm-type-100);letter-spacing:.08em;text-transform:uppercase}.communite-system-builder__step-button:hover:not(:disabled),.communite-system-builder__step-button:focus:not(:disabled),.communite-system-builder__step-button.is-active{color:var(--cm-color-white);background:var(--cm-color-black)}.communite-system-builder__step-button:focus-visible{position:relative;z-index:1;outline:2px solid var(--cm-color-brand);outline-offset:-3px}.communite-system-builder__step-button:disabled{cursor:not-allowed;opacity:.38}.communite-system-builder__panels{min-height:36rem}.communite-system-builder__panel{padding:clamp(2rem,5vw,4.5rem);outline:0}.communite-system-builder__panel[hidden]{display:none!important}.communite-system-builder__panel:focus-visible{box-shadow:inset 0 0 0 3px var(--cm-color-brand)}.communite-system-builder__panel-header{margin-bottom:var(--cm-space-7);display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);gap:var(--cm-space-6);align-items:end}.communite-system-builder__panel-header h3,.communite-system-builder__device-panel h3{max-width:16ch;margin:var(--cm-space-3) 0 0;font-family:var(--cm-font-editorial);font-size:clamp(2.5rem,5vw,4.75rem);font-weight:var(--cm-font-weight-medium);letter-spacing:-.05em;line-height:.95}.communite-system-builder__panel-header>p,.communite-system-builder__device-panel>div:first-child>p:last-child{margin:0;color:var(--cm-color-text-muted);line-height:var(--cm-leading-body)}.communite-system-builder__device-panel{min-height:36rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:clamp(2rem,7vw,7rem);align-items:center}.communite-system-builder__device-state{min-height:18rem;padding:clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--cm-space-6);color:var(--cm-color-white);background:radial-gradient(circle at 90% 10%,rgba(128,23,37,.5),transparent 35%),var(--cm-color-black)}.communite-system-builder__device-state>span{display:grid;gap:var(--cm-space-2)}.communite-system-builder__device-state small{color:#ffffff8c;font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}.communite-system-builder__device-state strong{max-width:13ch;font-family:var(--cm-font-editorial);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--cm-font-weight-medium);line-height:1}.communite-system-builder__device-state .cm-button{color:var(--cm-color-white);border-color:#ffffff8c}.communite-system-builder__cards{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cm-space-4)}.communite-system-builder__card{min-width:0;min-height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--cm-color-text);background:var(--cm-color-white);border:var(--cm-border-width) solid var(--cm-color-border);border-radius:var(--cm-radius-sm);box-shadow:none;scroll-snap-align:start;transition:border-color var(--cm-motion-fast) var(--cm-ease-standard),transform var(--cm-motion-fast) var(--cm-ease-standard)}.communite-system-builder__card[hidden]{display:none!important}.communite-system-builder__card.is-selected{border-color:var(--cm-color-brand);box-shadow:inset 0 0 0 2px var(--cm-color-brand);transform:translateY(-.2rem)}.communite-system-builder__card.is-device-locked,.communite-system-builder__card.is-incompatible,.communite-system-builder__card.is-unavailable{opacity:.58}.communite-system-builder__card.has-error{border-color:var(--cm-color-brand);box-shadow:inset 0 0 0 2px var(--cm-color-brand)}.communite-system-builder__card-topline{padding:var(--cm-space-4) var(--cm-space-4) 0}.communite-system-builder__step{color:var(--cm-color-brand);font-family:var(--cm-font-editorial);font-size:var(--cm-type-100);font-style:italic;letter-spacing:.08em}.communite-system-builder__badge{max-width:65%;padding:.35rem .55rem;color:var(--cm-color-brand);background:var(--cm-color-brand-soft);border-radius:var(--cm-radius-sm);font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold);text-transform:uppercase}.communite-system-builder__media{margin:var(--cm-space-3) var(--cm-space-4) 0;aspect-ratio:4 / 3;background:var(--cm-color-surface-subtle);border-radius:0}.communite-system-builder__card-body{padding:var(--cm-space-5)}.communite-system-builder__card-copy{min-height:6.5rem}.communite-system-builder__group{color:var(--cm-color-brand)}.communite-system-builder__product-title{font-family:var(--cm-font-editorial);font-size:1.45rem;font-weight:var(--cm-font-weight-medium);letter-spacing:-.025em}.communite-system-builder__card-description{color:var(--cm-color-text-muted)}.communite-system-builder__variant-field select{min-height:3rem;color:var(--cm-color-text);background:var(--cm-color-white);border-color:var(--cm-color-border-strong);border-radius:0}.communite-system-builder__variant-field select:focus-visible{border-color:var(--cm-color-brand);box-shadow:0 0 0 .2rem var(--cm-color-brand-soft)}.communite-system-builder__stock{color:var(--cm-color-success, #287a4b)}.communite-system-builder__stock.is-unavailable{color:var(--cm-color-brand)}.communite-system-builder__check-icon{border-color:var(--cm-color-border-strong);border-radius:0}.communite-system-builder__check input:checked+.communite-system-builder__check-icon{background:var(--cm-color-brand);border-color:var(--cm-color-brand)}.communite-system-builder__check input:focus-visible+.communite-system-builder__check-icon{box-shadow:0 0 0 .2rem var(--cm-color-brand-soft)}.communite-system-builder__card-error{margin:var(--cm-space-4) 0 0;padding-top:var(--cm-space-3);color:var(--cm-color-brand);border-top:var(--cm-border-width) solid var(--cm-color-brand);font-size:var(--cm-type-100);line-height:1.5}.communite-system-builder__card-error[hidden]{display:none!important}.communite-system-builder__compatible-empty,.communite-system-builder__step-empty{margin:var(--cm-space-6) 0 0;padding:var(--cm-space-5);color:var(--cm-color-text-muted);background:var(--cm-color-surface-subtle);border:var(--cm-border-width) dashed var(--cm-color-border-strong);text-align:center}.communite-system-builder__compatible-empty[hidden]{display:none!important}.communite-system-builder__panel-actions{margin-top:var(--cm-space-7);padding-top:var(--cm-space-5);display:flex;justify-content:space-between;gap:var(--cm-space-4);border-top:var(--cm-border-width) solid var(--cm-color-border)}.communite-system-builder__panel-actions button{min-height:2.75rem;padding:var(--cm-space-2) 0;display:inline-flex;align-items:center;gap:var(--cm-space-3);color:var(--cm-color-text);background:transparent;border:0;border-bottom:var(--cm-border-width) solid currentColor;font:inherit;font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold)}.communite-system-builder__panel-actions button:disabled{cursor:not-allowed;opacity:.4}.communite-system-builder__summary-panel{min-height:36rem}.communite-system-builder__summary-list{border-top:var(--cm-border-width) solid var(--cm-color-border-strong)}.communite-system-builder__summary-row{min-height:6rem;padding:var(--cm-space-4) 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--cm-space-5);align-items:center;border-bottom:var(--cm-border-width) solid var(--cm-color-border)}.communite-system-builder__summary-copy{display:grid;gap:.15rem}.communite-system-builder__summary-copy strong{color:var(--cm-color-brand);font-size:var(--cm-type-100);letter-spacing:var(--cm-tracking-wide);text-transform:uppercase}.communite-system-builder__summary-copy span{font-family:var(--cm-font-editorial);font-size:1.25rem}.communite-system-builder__summary-copy small{color:var(--cm-color-text-muted)}.communite-system-builder__summary-row>b{font-size:var(--cm-type-300)}.communite-system-builder__summary-row>button{padding:.35rem 0;color:var(--cm-color-text);background:transparent;border:0;border-bottom:var(--cm-border-width) solid currentColor;font:inherit;font-size:var(--cm-type-100);font-weight:var(--cm-font-weight-bold)}.communite-system-builder__summary-empty{padding:var(--cm-space-6) 0;color:var(--cm-color-text-muted)}.communite-system-builder__summary-empty[hidden]{display:none!important}.communite-system-builder__summary{position:relative;z-index:2;padding:var(--cm-space-5) clamp(2rem,5vw,4.5rem);color:var(--cm-color-white);background:var(--cm-color-black);border-top:0}.communite-system-builder__total span,.communite-system-builder__total small{color:#ffffff94}.communite-system-builder__total strong{font-family:var(--cm-font-editorial);font-weight:var(--cm-font-weight-medium)}.communite-system-builder__button{min-height:3.25rem;color:var(--cm-color-white);background:var(--cm-color-brand);border-color:var(--cm-color-brand);border-radius:0}.communite-system-builder__button:not(:disabled):hover,.communite-system-builder__button:not(:disabled):focus{color:var(--cm-color-white);background:var(--cm-color-brand-hover)}.communite-system-builder__message{max-width:32rem;color:#ffffff9e}.communite-system-builder__message.is-error{color:#ff9aab}.communite-system-builder__message.is-success{color:#9de0b5}.communite-system-builder__editor-note{margin:0 clamp(2rem,5vw,4.5rem) var(--cm-space-6);border-radius:0}@media(max-width:63.999rem){.communite-system-builder__header{grid-template-columns:minmax(0,1fr)}.communite-system-builder__description{justify-self:start}.communite-system-builder__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.999rem){.communite-system-builder{padding-block:clamp(3.5rem,14vw,5rem)}.communite-system-builder__surface{border-inline:0}.communite-system-builder__header{padding:var(--cm-space-6) var(--cm-space-5)}.communite-system-builder__heading{font-size:clamp(2.8rem,14vw,4.5rem)}.communite-system-builder__steps{grid-template-columns:repeat(6,minmax(7.5rem,1fr));scroll-snap-type:inline mandatory}.communite-system-builder__step-button{min-height:4.75rem;scroll-snap-align:start}.communite-system-builder__panel{padding:var(--cm-space-6) var(--cm-space-5)}.communite-system-builder__panel-header,.communite-system-builder__device-panel{grid-template-columns:minmax(0,1fr)}.communite-system-builder__device-panel{min-height:auto}.communite-system-builder__device-state{min-height:14rem}.communite-system-builder__cards{grid-template-columns:minmax(0,1fr)}.communite-system-builder--mobile-scroll .communite-system-builder__cards{margin-inline:calc(var(--cm-space-5) * -1);padding-inline:var(--cm-space-5);display:flex;overflow-x:auto;scroll-padding-inline:var(--cm-space-5)}.communite-system-builder--mobile-scroll .communite-system-builder__card{flex:0 0 min(82vw,20rem)}.communite-system-builder__summary{padding:var(--cm-space-5)}.communite-system-builder__summary-row{grid-template-columns:minmax(0,1fr) auto}.communite-system-builder__summary-row>button{grid-column:1 / 3;justify-self:start}}@media(max-width:23.999rem){.communite-system-builder__header,.communite-system-builder__panel,.communite-system-builder__summary{padding-inline:var(--cm-space-4)}}@media(prefers-reduced-motion:reduce){.communite-system-builder__card,.communite-system-builder__step-button,.communite-system-builder__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cm-builder.css.map */