.cm-matched-system{padding:60px 0}.cm-matched-system button{transition:all .15s}.cm-matched-system h1{text-align:center;font-size:32px;font-weight:var(--font-body-bold-weight)}.cm-matched-system .inner{max-width:1024px;margin:60px auto 0;padding:0 16px;display:flex;flex-direction:column;gap:48px}.cm-matched-system .inner[data-step="2"]{max-width:1728px}.cm-matched-system .login-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:16px;text-align:center;width:100%}.cm-matched-system .login-prompt svg{width:32px;height:32px}.cm-matched-system .login-prompt-heading{font-size:1.125rem;font-weight:var(--font-body-bold-weight);margin-bottom:0}.cm-matched-system .login-prompt-desc{font-size:var(--text-sm);margin-bottom:0}.cm-matched-system .login-prompt-btn{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:12px}@media only screen and (min-width:768px){.cm-matched-system .login-prompt-btn{width:50%}}.cm-matched-system .login-prompt-btn a{display:flex;align-items:center;justify-content:center;height:40px;padding:8px 24px;border-radius:9999px;font-size:var(--text-base);font-weight:var(--font-body-medium-weight)}.cm-matched-system .login-prompt-btn a:first-child{background-color:var(--color-accent);color:var(--color-white)}.cm-matched-system .login-prompt-btn a:first-child:hover{background-color:var(--color-accent-strong)}.cm-matched-system .login-prompt-btn a:last-child{background-color:transparent;color:var(--color-body);border:1px solid var(--color-border)}.cm-matched-system .login-prompt-btn a:last-child:hover{background-color:var(--color-secondary)}.cm-matched-system .step-progress{width:100%;max-width:896px;margin:0 auto}.cm-matched-system .step-rail{display:none;align-items:flex-start;justify-content:space-between}@media only screen and (min-width:768px){.cm-matched-system .step-rail{display:flex}}.cm-matched-system .step-rail .step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;color:var(--color-body);font-size:var(--text-xs);text-align:center}.cm-matched-system .step-rail .step-marker{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid var(--color-border);background-color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-body-bold-weight);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.cm-matched-system .step-rail .step.is-reachable .step-marker{background-color:var(--color-secondary);border-color:transparent}.cm-matched-system .step-rail .step.is-current .step-marker{background-color:var(--color-accent);border-color:transparent;color:var(--color-white)}.cm-matched-system .step-rail .step.is-complete .step-marker{background-color:var(--color-primary);border-color:transparent;color:var(--color-white)}.cm-matched-system .step-rail .step-label{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);white-space:nowrap;opacity:.8}.cm-matched-system .step-rail .step.is-current .step-label{opacity:1}.cm-matched-system .step-rail .step.is-complete .step-label{color:var(--color-primary);opacity:1}.cm-matched-system .step-rail .step-line{flex:1 1 auto;min-width:16px;height:2px;margin:17px 8px 0;border-radius:9999px;background-color:var(--color-secondary-strong)}.cm-matched-system .step-rail .step-line.is-complete{background-color:var(--color-primary)}.cm-matched-system .step-compact{display:flex;flex-direction:column;gap:12px}@media only screen and (min-width:768px){.cm-matched-system .step-compact{display:none}}.cm-matched-system .step-compact-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-sm);margin-bottom:0}.cm-matched-system .step-compact-head>span:first-child{font-weight:var(--font-body-bold-weight)}.cm-matched-system .step-compact-head>span:last-child{font-weight:var(--font-body-medium-weight)}.cm-matched-system .step-compact-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.cm-matched-system .step-cell{display:flex;align-items:center;justify-content:center;height:40px;padding:0;border:1px solid var(--color-border);border-left-width:0;background-color:var(--color-white);color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);transition:background-color .15s ease,color .15s ease}.cm-matched-system .step-cell:first-child{border-left-width:1px;border-radius:8px 0 0 8px}.cm-matched-system .step-cell:last-child{border-radius:0 8px 8px 0}.cm-matched-system .step-cell.is-reachable{background-color:var(--color-secondary)}.cm-matched-system .step-cell.is-current{background-color:var(--color-accent);color:var(--color-white)}.cm-matched-system .step-cell.is-complete{background-color:var(--color-primary);color:var(--color-white)}.cm-matched-system .step-panel{display:flex;flex-direction:column;gap:24px}.cm-matched-system .step-heading{font-size:20px;font-weight:var(--font-body-bold-weight);text-align:center;margin:0}.cm-matched-system .step-subheading{font-size:var(--text-sm);color:var(--color-body);margin-bottom:0}.cm-matched-system .system-type-grid{display:grid;grid-template-columns:1fr;gap:16px}@media only screen and (min-width:768px){.cm-matched-system .system-type-grid{grid-template-columns:repeat(2,1fr)}}.cm-matched-system .system-type-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background-color:transparent;cursor:pointer;transition:all .15s}@media screen and (min-width:768px){.cm-matched-system .system-type-card{flex-direction:column;text-align:center}}.cm-matched-system .system-type-card:hover{background-color:var(--color-secondary)}.cm-matched-system .system-type-card.is-selected{border-color:var(--color-accent);box-shadow:var(--color-input-box-shadow);background:var(--color-input-radio)}.cm-matched-system .system-type-images{--system-type-image-size: 40px;display:flex;align-items:flex-end;gap:8px;min-height:var(--system-type-image-size);min-width:calc(var(--system-type-image-size) * 2.75)}@media screen and (min-width:768px){.cm-matched-system .system-type-images{--system-type-image-size: 80px;min-width:0}}.cm-matched-system [data-system-type=heat-pump-slim-duct] .system-type-images{align-items:center}.cm-matched-system .system-type-images>img{max-width:100%;max-height:calc(var(--system-type-image-size) * var(--scale, 1));object-fit:contain}@media screen and (min-width:768px){.cm-matched-system .system-type-images>img{max-height:calc(var(--system-type-image-size) * var(--scale-desktop, var(--scale, 1)))}}.cm-matched-system .system-type-label{font-size:var(--text-base);font-weight:var(--font-body-medium-weight);margin-bottom:0}.cm-matched-system .build-toolbar{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:12px}@media only screen and (min-width:768px){.cm-matched-system .build-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:1024px){.cm-matched-system .build-toolbar{grid-template-columns:repeat(6,minmax(0,1fr))}}.cm-matched-system .filter-group{display:flex;flex-direction:column;gap:6px;min-width:0}@media screen and (min-width:1024px){.cm-matched-system .filter-group:first-child{grid-column:span 2}.cm-matched-system .filter-group:nth-child(2){grid-column-start:4}}.cm-matched-system .filter-group>label{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight)}.cm-matched-system .filter-input{height:40px;padding:8px 12px;margin:0;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-body);font-size:var(--text-sm);width:100%}.cm-matched-system .filter-input:focus{border-color:var(--color-accent);box-shadow:var(--color-input-box-shadow)}.cm-matched-system .filter-input:focus-visible{outline:none}.cm-matched-system .filter-input::placeholder{color:var(--color-body)!important;opacity:.8}.cm-matched-system .filter-group[data-filter-group]{position:relative}.cm-matched-system .filter-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-body);font-size:var(--text-sm);cursor:pointer;width:100%}.cm-matched-system .filter-toggle.is-active{border-color:var(--color-accent);box-shadow:var(--color-input-box-shadow)}.cm-matched-system .filter-toggle span{font-weight:var(--font-body-medium-weight);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-matched-system .filter-toggle svg{width:16px;height:16px;flex:0 0 auto}.cm-matched-system .filter-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:100%;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-white);box-shadow:0 8px 24px #0000001f}.cm-matched-system .filter-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:var(--text-sm);white-space:nowrap;cursor:pointer}.cm-matched-system .filter-option:hover{background-color:var(--color-secondary)}.cm-matched-system .filter-option input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:1px solid var(--color-border);margin:0}.cm-matched-system .filter-empty{padding:6px 8px;font-size:var(--text-sm);margin-bottom:0}.cm-matched-system .button-small{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:4px 12px;border:1px solid var(--color-border);border-radius:9999px;background-color:transparent;color:var(--color-body);font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);white-space:nowrap;cursor:pointer}.cm-matched-system .button-small{background-color:var(--color-white)}.cm-matched-system .button-small:hover:not(:disabled){background-color:var(--color-secondary)}.cm-matched-system .button-small.is-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.cm-matched-system .button-small.is-primary:hover:not(:disabled){background-color:var(--color-primary-strong)}.cm-matched-system .button-small:disabled{opacity:.5;cursor:not-allowed}.cm-matched-system .link-button{border:0;background:none;padding:0;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);cursor:pointer}.cm-matched-system .link-button:hover{text-decoration:underline}.cm-matched-system .visually-hidden,.cm-matched-system-dialog .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cm-matched-system .table-hint{font-size:var(--text-xs);opacity:.8;margin-bottom:8px}.cm-matched-system .step-panel,.cm-matched-system .results-block{min-width:0}.cm-matched-system .results-table-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;min-width:0;overscroll-behavior-x:none;border:1px solid var(--color-border)}.cm-matched-system .results-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-xs);white-space:nowrap;border:0;margin:0}@media screen and (min-width:768px){.cm-matched-system .results-table{font-size:var(--text-sm)}}.cm-matched-system .results-table th,.cm-matched-system .results-table td{padding:var(--space-2);text-align:left;vertical-align:middle;border:0;border-bottom:1px solid var(--color-border)}@media screen and (min-width:768px){.cm-matched-system .results-table th,.cm-matched-system .results-table td{padding:var(--space-3)}}.cm-matched-system .results-table tbody tr:last-child>*{border-bottom:0}.cm-matched-system .results-table thead th{position:sticky;top:0;z-index:2;background-color:var(--color-secondary);font-size:var(--text-xs);font-weight:var(--font-body-bold-weight);text-transform:uppercase;letter-spacing:.04em}.cm-matched-system .results-table .stock-in{font-size:var(--text-xs)}@media screen and (min-width:768px){.cm-matched-system .results-table .stock-in{font-size:var(--text-sm)}}.cm-matched-system .results-table .price{font-size:var(--text-sm)}@media screen and (min-width:768px){.cm-matched-system .results-table .price{font-size:var(--text-base)}}.cm-matched-system .results-table .pin{position:sticky;left:0;z-index:1;min-width:220px;background-color:var(--color-white);box-shadow:inset -1px 0 0 0 var(--color-border)}.cm-matched-system .results-table thead .pin{z-index:3;background-color:var(--color-secondary)}.cm-matched-system .results-table tbody tr.is-selected>*{background-color:var(--color-secondary)}.cm-matched-system .results-table tbody tr.is-selected .pin{box-shadow:inset 2px 0 0 0 var(--color-accent),inset -1px 0 0 0 var(--color-border)}.cm-matched-system .results-table td:nth-child(2) a{text-decoration:underline;font-weight:var(--font-body-medium-weight)}.cm-matched-system .cell-primary,.cm-matched-system .cell-secondary{display:block}.cm-matched-system .results-table td:nth-child(4) .cell-primary,.cm-matched-system .results-table td:nth-child(5) .cell-primary{font-weight:var(--font-body-medium-weight)}.cm-matched-system .results-table td:nth-child(4) .cell-secondary,.cm-matched-system .results-table td:nth-child(5) .cell-secondary{opacity:.8;font-size:var(--text-xs)}.cm-matched-system .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.cm-matched-system .pagination-pages{display:flex;align-items:center;gap:4px;margin:0 auto}.cm-matched-system .page-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;padding:0;border:1px solid transparent;border-radius:9999px;background-color:transparent;color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);cursor:pointer;transition:all .15s}.cm-matched-system .page-button:hover:not(:disabled){background-color:var(--color-secondary)}.cm-matched-system .page-button:disabled{opacity:.5;cursor:not-allowed}.cm-matched-system .page-button.is-current{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.cm-matched-system .page-button.is-current:hover{background-color:var(--color-primary-strong)}.cm-matched-system .page-button svg{width:16px;height:16px}.cm-matched-system .pagination-count,.cm-matched-system .pagination-size{display:none;font-size:var(--text-sm);opacity:.8;margin-bottom:0}@media only screen and (min-width:1024px){.cm-matched-system .pagination-count{display:block}.cm-matched-system .pagination-size{display:flex;align-items:center;gap:8px}}.cm-matched-system .pagination-size>span{white-space:nowrap}.cm-matched-system .pagination-select-wrap{position:relative;display:inline-flex;align-items:center}.cm-matched-system .pagination-select{-webkit-appearance:none;appearance:none;width:auto;height:32px;padding:0 30px 0 10px;margin:0;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);cursor:pointer}.cm-matched-system .pagination-select-chevron{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;pointer-events:none}.cm-matched-system .pagination-select-chevron svg{width:16px;height:16px}.cm-matched-system .pair-cell{display:flex;flex-direction:row;align-items:center;gap:12px}.cm-matched-system .pair-thumbs{display:flex;flex:0 0 auto}.cm-matched-system .pair-thumbs>img,.cm-matched-system .thumb-placeholder{width:28px;height:28px;object-fit:contain;flex:0 0 auto}@media screen and (min-width:768px){.cm-matched-system .pair-thumbs>img,.cm-matched-system .thumb-placeholder{width:36px;height:36px}}.cm-matched-system .thumb-placeholder{display:inline-block;background-color:var(--color-secondary);border-radius:4px}.cm-matched-system .pair-models{display:flex;flex-direction:column;gap:2px;font-weight:var(--font-body-medium-weight)}.cm-matched-system .row-actions{text-align:right}.cm-matched-system .row-actions>*+*{margin-left:8px}.cm-matched-system .pagination-count{font-size:var(--text-sm);margin-bottom:0}.cm-matched-system .selected-system-card{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-secondary)}.cm-matched-system .selected-system-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.cm-matched-system .selected-system-card .pair-thumbs>img,.cm-matched-system .selected-system-card .thumb-placeholder{width:48px;height:48px}.cm-matched-system .selected-system-card .field-models{order:-1}.cm-matched-system .selected-system-card .field{display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow:hidden}.cm-matched-system .selected-system-card .field-label{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);text-transform:uppercase;opacity:.8}.cm-matched-system .selected-system-card .field-value{display:flex;flex-direction:column;align-items:flex-start;min-width:0;margin-top:2px;font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);overflow-wrap:break-word}.cm-matched-system .dimension-pair{display:inline-grid;grid-template-columns:repeat(5,auto);gap:0 4px;font-variant-numeric:tabular-nums}.cm-matched-system .selected-system-actions{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--color-border)}.cm-matched-system .selected-system-price{display:flex;align-items:center;justify-content:space-between;gap:12px}.cm-matched-system .selected-system-price-label{font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);opacity:.8}.cm-matched-system .selected-system-price .price,.cm-matched-system .selected-system-price .stock-unknown{font-size:var(--text-lg);font-weight:var(--font-body-bold-weight)}.cm-matched-system .selected-system-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}@media only screen and (min-width:1024px){.cm-matched-system .selected-system-card{flex-direction:row}.cm-matched-system .selected-system-specs{flex:1 1 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px}.cm-matched-system .selected-system-card .field-models{order:0}.cm-matched-system .selected-system-actions{flex:0 0 auto;width:200px;align-items:flex-end;gap:12px;padding-top:0;padding-left:16px;border-top:0;border-left:1px solid var(--color-border)}.cm-matched-system .selected-system-price{justify-content:flex-end}.cm-matched-system .selected-system-price-label{display:none}.cm-matched-system .selected-system-buttons{width:100%;grid-template-columns:minmax(0,1fr);margin-top:auto}}.cm-matched-system .review-section{display:flex;flex-direction:column;gap:16px}.cm-matched-system .review-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:var(--font-body-bold-weight)}.cm-matched-system .cost-heading{font-size:var(--text-base);font-weight:var(--font-body-bold-weight);margin-bottom:0}.cm-matched-system .cost-line{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:12px 0}.cm-matched-system .cost-line+.cost-line{border-top:1px solid var(--color-border)}.cm-matched-system .cost-line:first-child{padding-top:0}.cm-matched-system .cost-label{font-weight:var(--font-body-bold-weight);margin-bottom:0}.cm-matched-system .cost-detail{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);overflow-wrap:break-word;margin-bottom:0}.cm-matched-system .cost-amount{flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums}.cm-matched-system .info-note{display:flex;gap:12px;padding:16px;border-radius:12px;background-color:var(--color-info)}.cm-matched-system .info-note svg{width:20px;height:20px;flex:0 0 auto;stroke:var(--color-accent-strong)}.cm-matched-system .info-note p{font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);margin-bottom:0}.cm-matched-system .add-accessory{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:24px;border:2px dashed var(--color-border);border-radius:16px;background:none;color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);cursor:pointer}.cm-matched-system .add-accessory:hover{background-color:var(--color-secondary)}.cm-matched-system .add-accessory svg{width:20px;height:20px}.cm-matched-system .accessory-groups{display:flex;flex-direction:column;gap:16px}.cm-matched-system .accessory-row{display:flex;align-items:center;gap:16px;min-height:80px;padding:16px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-secondary)}.cm-matched-system .accessory-thumb{width:64px;height:64px;flex:0 0 auto;object-fit:contain;border-radius:12px;padding:4px}.cm-matched-system img.accessory-thumb{background-color:var(--color-white)}.cm-matched-system .accessory-row-body{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.cm-matched-system .accessory-row-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cm-matched-system .accessory-price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cm-matched-system .accessory-times{font-size:var(--text-sm);white-space:nowrap}.cm-matched-system .accessory-row.is-unavailable{opacity:.8}.cm-matched-system .qty-control,.cm-matched-system-dialog .qty-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:fit-content;border-radius:8px;background-color:var(--color-white);outline:1px solid var(--color-border)}.cm-matched-system .qty-control.is-chosen,.cm-matched-system-dialog .qty-control.is-chosen{outline:2px solid var(--color-accent)}.cm-matched-system .qty-control button,.cm-matched-system-dialog .qty-control button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:9999px;background-color:var(--color-white);color:var(--color-body);cursor:pointer}.cm-matched-system .qty-control button:hover,.cm-matched-system-dialog .qty-control button:hover{background-color:var(--color-white)}.cm-matched-system .qty-control button:disabled,.cm-matched-system-dialog .qty-control button:disabled{opacity:.5;cursor:not-allowed}.cm-matched-system .qty-control svg,.cm-matched-system-dialog .qty-control svg{width:14px;height:14px}.cm-matched-system .qty-value,.cm-matched-system-dialog .qty-value{min-width:20px;text-align:center;font-weight:var(--font-body-bold-weight);-webkit-user-select:none;user-select:none}.cm-matched-system .accessory-identity{min-width:0}.cm-matched-system .accessory-title{font-size:var(--text-sm);font-weight:var(--font-body-bold-weight);margin-bottom:4px;overflow-wrap:break-word}.cm-matched-system .accessory-sku,.cm-matched-system .accessory-stock{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);margin-bottom:0;overflow-wrap:break-word}.cm-matched-system .accessory-included{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);color:var(--color-accent-strong);margin-bottom:0}.cm-matched-system .accessory-price{min-width:0;font-size:var(--text-sm)}.cm-matched-system .order-summary{display:flex;flex-direction:column;gap:0;padding:16px;border:1px solid var(--color-border);border-radius:16px;background-color:var(--color-secondary);font-size:var(--text-sm)}.cm-matched-system .order-summary-total{display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding-top:12px;border-top:1px solid var(--color-border);font-size:var(--text-base);font-weight:var(--font-body-bold-weight)}.cm-matched-system .order-summary-total>span:last-child{font-variant-numeric:tabular-nums}.cm-matched-system .order-summary-note{margin-top:12px;margin-bottom:0;font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);color:var(--color-inventory-lowstock)}.cm-matched-system .step-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.cm-matched-system .nav-back,.cm-matched-system .nav-next{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:8px 24px;border-radius:9999px;font-size:var(--text-base);font-weight:var(--font-body-medium-weight);cursor:pointer}.cm-matched-system .nav-back{background-color:transparent;color:var(--color-body);border:1px solid var(--color-border)}.cm-matched-system .nav-back:hover:not(:disabled){background-color:var(--color-secondary)}.cm-matched-system .nav-next{background-color:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}.cm-matched-system .nav-next:hover:not(:disabled){background-color:var(--color-primary-strong)}.cm-matched-system .nav-back:disabled,.cm-matched-system .nav-next:disabled{opacity:.5;cursor:not-allowed}.cm-matched-system .nav-back svg,.cm-matched-system .nav-next svg{width:16px;height:16px}.cm-matched-system .nav-next.is-busy{position:relative}.cm-matched-system .nav-next.is-busy .nav-next-label{opacity:0}.cm-matched-system .nav-next-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cm-matched-system .nav-next .spinner{width:24px;height:24px}.cm-matched-system .nav-next .spinner-path{stroke:var(--color-white)}:is(.cm-matched-system,.cm-matched-system-dialog) .price-block{display:inline-flex;flex-direction:column}:is(.cm-matched-system,.cm-matched-system-dialog) .price-payable{display:flex;align-items:baseline;gap:4px}:is(.cm-matched-system,.cm-matched-system-dialog) .price-original{font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);color:var(--color-body);text-decoration:line-through;opacity:.8}:is(.cm-matched-system,.cm-matched-system-dialog) .price-discount{font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);color:var(--color-sale);white-space:nowrap}:is(.cm-matched-system,.cm-matched-system-dialog) .price{font-weight:var(--font-body-bold-weight)}.cm-matched-system .stock-in{color:var(--color-inventory-instock);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight)}.cm-matched-system .stock-unknown{color:var(--color-inventory-lowstock);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight)}.cm-matched-system .state-loading,.cm-matched-system .state-error,.cm-matched-system .state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:var(--text-sm);text-align:center}.cm-matched-system :is(.state-loading,.state-error,.state-empty) p{margin-bottom:0}.cm-matched-system .state-loading svg{width:24px;height:24px}.cm-matched-system .state-empty svg{width:64px;height:64px}.cm-matched-system .state-error svg{width:48px;height:48px}.cm-matched-system .state-error{border-color:var(--color-sale)}@media(prefers-reduced-motion:reduce){.cm-matched-system .state-loading svg,.cm-matched-system .state-loading .spinner-path{animation:none}}#matchedSystemDetail cm-dialog-content{max-width:var(--max-w-5xl, 64rem)}#matchedSystemDetailBody{display:flex;flex-direction:column;gap:16px}:is(.cm-matched-system,.cm-matched-system-dialog) .detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:is(.cm-matched-system,.cm-matched-system-dialog) .detail-facts.is-centered{text-align:center}@media only screen and (min-width:1024px){:is(.cm-matched-system,.cm-matched-system-dialog) .detail-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}:is(.cm-matched-system,.cm-matched-system-dialog) .fact{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-secondary)}:is(.cm-matched-system,.cm-matched-system-dialog) .fact-label{font-size:var(--text-xs);opacity:.8}:is(.cm-matched-system,.cm-matched-system-dialog) .fact-value{font-size:var(--text-sm);font-weight:var(--font-body-bold-weight);overflow-wrap:break-word}:is(.cm-matched-system,.cm-matched-system-dialog) .fact-value a{color:var(--color-accent);text-underline-offset:2px}:is(.cm-matched-system,.cm-matched-system-dialog) .fact-value a:hover{color:var(--color-accent-strong);text-decoration:underline}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media only screen and (min-width:1024px){:is(.cm-matched-system,.cm-matched-system-dialog) .unit-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel{display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:12px;background-color:var(--color-secondary);overflow:hidden}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-head{display:flex;align-items:center;gap:16px}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-thumb{width:80px;height:80px;flex:0 0 auto;padding:4px;border-radius:12px;background-color:var(--color-white);object-fit:contain}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-thumb.is-empty{background-color:transparent;border:1px dashed var(--color-border)}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-identity{min-width:0;display:flex;flex-direction:column}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-title{font-size:var(--text-base);font-weight:var(--font-body-bold-weight);overflow-wrap:break-word;margin-bottom:0}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-meta{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);margin-bottom:var(--space-4)}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-ratings{display:grid;grid-template-columns:repeat(2,auto);column-gap:var(--space-4);width:fit-content;font-size:var(--text-sm);margin-bottom:0}@media screen and (min-width:768px){:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-ratings{display:flex;align-items:center}}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-ratings>span+span{padding-left:0;border-left:0}@media screen and (min-width:768px){:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-ratings>span+span{padding-left:var(--space-3);border-left:1px solid var(--color-border)}}:is(.cm-matched-system,.cm-matched-system-dialog) .spec-list{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;font-size:var(--text-sm);margin:0}:is(.cm-matched-system,.cm-matched-system-dialog) .spec-list dt{white-space:nowrap;font-weight:400;margin:0;color:var(--color-body)}:is(.cm-matched-system,.cm-matched-system-dialog) .spec-list dd{margin:0;text-align:right;font-weight:var(--font-body-medium-weight);overflow-wrap:break-word}:is(.cm-matched-system,.cm-matched-system-dialog) .spec-list dd .price-block{align-items:flex-end}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 -16px -16px;border-top:1px solid var(--color-border)}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-actions>*+*{border-left:1px solid var(--color-border)}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 8px;border:0;background:none;color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);text-underline-offset:2px;cursor:pointer;border-right:1px solid var(--color-border)}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link:last-child{border-right:0}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link:hover:not(:disabled):not(.is-disabled){color:var(--color-accent-strong);text-decoration:underline}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link:disabled,:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link.is-disabled{opacity:.5;cursor:not-allowed}:is(.cm-matched-system,.cm-matched-system-dialog) .unit-panel-link svg{width:16px;height:16px;flex:0 0 auto}.cm-matched-system-dialog .submittal-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.cm-matched-system-dialog .submittal-list a{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;color:var(--color-body);font-size:var(--text-sm);font-weight:var(--font-body-medium-weight);overflow-wrap:anywhere}.cm-matched-system-dialog .submittal-list a:hover{text-decoration:underline;text-underline-offset:2px}.cm-matched-system-dialog .submittal-list svg{width:20px;height:20px;flex:0 0 auto}#matchedSystemDetailFooter{justify-content:space-between}.cm-matched-system-dialog .detail-total .price{font-size:var(--text-lg);font-weight:var(--font-body-bold-weight)}.cm-matched-system-dialog .thumb-placeholder{display:inline-block;background-color:var(--color-secondary);border-radius:4px}.cm-matched-system-sheet .cm-dialog-surface{align-items:stretch;justify-content:flex-end;padding:0}.cm-matched-system-sheet cm-dialog-content{max-width:640px;height:100%;border-radius:0;opacity:1;translate:100% 0;box-shadow:0 25px 50px -12px #00000040;transition:translate .2s ease-out}.cm-matched-system-sheet .cm-dialog-surface[open] cm-dialog-content{opacity:1;translate:0 0}@starting-style{.cm-matched-system-sheet .cm-dialog-surface[open] cm-dialog-content{opacity:1;translate:100% 0}}.cm-matched-system-sheet .sheet-head{display:flex;align-items:center;gap:12px;min-width:0}.cm-matched-system-sheet .sheet-back{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:none;border-radius:9999px;background-color:var(--color-secondary);color:var(--color-body);cursor:pointer}.cm-matched-system-sheet .sheet-back:hover{background-color:var(--color-secondary-strong)}.cm-matched-system-sheet .sheet-back[hidden]{display:none}.cm-matched-system-sheet .sheet-back svg{width:18px;height:18px}.cm-matched-system-sheet cm-dialog-body{position:relative;overflow:hidden;padding:0}.cm-matched-system-sheet .sheet-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;transition:transform .2s ease-out}.cm-matched-system-sheet .sheet-view.menu-view{transform:translate(0)}.cm-matched-system-sheet .sheet-view.menu-view.slid-out{transform:translate(-100%)}.cm-matched-system-sheet .sheet-view.sub-view{transform:translate(100%)}.cm-matched-system-sheet .sheet-view.sub-view.slid-in{transform:translate(0)}@media(prefers-reduced-motion:reduce){.cm-matched-system-sheet .sheet-view{transition-duration:.01ms}}.cm-matched-system-sheet cm-dialog-footer:empty{display:none}.cm-matched-system-sheet cm-dialog-footer .nav-next{width:100%}.cm-matched-system-sheet .sheet-menu{display:flex;flex-direction:column;gap:12px}.cm-matched-system-sheet .sheet-menu-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:none;color:var(--color-body);text-align:left;cursor:pointer;transition:background-color .15s}.cm-matched-system-sheet .sheet-menu-row:hover,.cm-matched-system-sheet .sheet-menu-row.is-filled{background-color:var(--color-secondary)}.cm-matched-system-sheet .sheet-menu-row.is-filled:hover{background-color:var(--color-secondary-strong)}.cm-matched-system-sheet .sheet-menu-row>svg{width:18px;height:18px;flex:0 0 auto}.cm-matched-system-sheet .sheet-menu-body{display:flex;flex-direction:column;gap:12px;min-width:0}.cm-matched-system-sheet .sheet-menu-label{font-size:var(--text-xs)}.cm-matched-system-sheet .sheet-menu-value{font-size:var(--text-base);font-weight:var(--font-body-bold-weight)}.cm-matched-system-sheet .group-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cm-matched-system-sheet .group-preview-item{position:relative;display:inline-flex}.cm-matched-system-sheet .group-preview-item>img,.cm-matched-system-sheet .group-preview-item>.thumb-placeholder{width:48px;height:48px;object-fit:contain;border-radius:12px}.cm-matched-system-sheet .group-preview-item>img{background-color:var(--color-white)}.cm-matched-system-sheet .group-preview-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9999px;background-color:var(--color-accent);color:var(--color-white);font-size:10px;font-weight:var(--font-body-bold-weight);line-height:1}.cm-matched-system-sheet .sheet-items{display:flex;flex-direction:column;gap:16px}.cm-matched-system-sheet .sheet-accessory{display:flex;align-items:center;gap:16px;min-height:80px;padding:16px;border:1px solid var(--color-border);border-radius:16px;transition:all .15s}.cm-matched-system-sheet .sheet-accessory.is-chosen{border-color:var(--color-accent);background-color:var(--color-input-radio);box-shadow:var(--color-input-box-shadow)}.cm-matched-system-sheet .sheet-accessory.is-unavailable{opacity:.8}.cm-matched-system-sheet .sheet-accessory-thumb{width:80px;height:80px;flex:0 0 auto;object-fit:contain;border-radius:12px}.cm-matched-system-sheet img.sheet-accessory-thumb{background-color:var(--color-white)}.cm-matched-system-sheet .sheet-accessory-body{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0}.cm-matched-system-sheet .sheet-accessory-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.cm-matched-system-sheet .sheet-accessory-price{min-width:0;font-size:var(--text-sm)}.cm-matched-system-sheet .accessory-required{font-size:var(--text-xs);opacity:.8;margin-bottom:0}@media only screen and (max-width:480px){.cm-matched-system-sheet .sheet-accessory{align-items:flex-start;gap:12px;padding:12px}.cm-matched-system-sheet .sheet-accessory-thumb{width:56px;height:56px}}.cm-matched-system-dialog .accessory-identity{min-width:0}.cm-matched-system-dialog .accessory-title{font-size:var(--text-sm);font-weight:var(--font-body-bold-weight);overflow-wrap:break-word;margin:0}.cm-matched-system-dialog .accessory-sku,.cm-matched-system-dialog .accessory-stock{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);margin-bottom:0;overflow-wrap:break-word}.cm-matched-system-dialog .accessory-included{font-size:var(--text-xs);font-weight:var(--font-body-medium-weight);color:var(--color-accent-strong);margin-bottom:0}.cm-matched-system-dialog .accessory-price{flex:0 0 auto;font-size:var(--text-sm)}.cm-matched-system-dialog .stock-in{color:var(--color-inventory-instock);font-size:var(--text-sm)}.cm-matched-system-dialog .stock-unknown{color:var(--color-inventory-lowstock);font-size:var(--text-sm)}.cm-matched-system-dialog .nav-next{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:8px 24px;border:1px solid var(--color-primary);border-radius:9999px;background-color:var(--color-primary);color:var(--color-white);font-size:var(--text-base);font-weight:var(--font-body-medium-weight);cursor:pointer}.cm-matched-system-dialog .nav-next:hover{background-color:var(--color-primary-strong)}
/*# sourceMappingURL=/cdn/shop/t/72/assets/matched-systems.css.map */