.racking-section{margin-top:0;margin-bottom:0;padding:0}.racking-calculator{--rack-accent: #FDAF17;--rack-accent-hover: #e5a015;--rack-accent-muted: rgba(253, 175, 23, .1);--btn-bg-color: 253 175 23;--btn-bg-hover-color: 229 160 21;--btn-text-color: 255 255 255;--rack-surface: rgb(var(--bg-color));--rack-border: rgba(var(--text-color) / .12);--rack-border-hover: rgba(var(--text-color) / .24);--rack-radius: var(--modal-border-radius, 12px);--rack-radius-sm: var(--input-border-radius, 8px);width:100%;max-width:900px;margin:0 auto;padding:calc(4 * var(--space-unit)) var(--gutter, 20px)}.racking-header{text-align:center;margin-bottom:calc(8 * var(--space-unit))}.racking-title{font-size:var(--h2-font-size);margin:0 0 calc(2 * var(--space-unit));color:rgb(var(--heading-color))}.racking-subtitle{font-size:1.05em;color:rgba(var(--text-color) / .68);margin:0}.racking-error{padding:1rem 1.25rem;margin-bottom:calc(6 * var(--space-unit));border-radius:var(--rack-radius-sm);background-color:rgb(var(--error-bg-color));color:rgb(var(--error-text-color));font-weight:700;font-size:.9375em}.racking-lines{display:flex;flex-direction:column;gap:calc(3 * var(--space-unit));margin-bottom:calc(4 * var(--space-unit))}.racking-line{position:relative;border:1px solid var(--rack-border);border-radius:var(--rack-radius);background:transparent;transition:border-color .2s ease,background-color .2s ease;overflow:hidden}.racking-line:hover{border-color:var(--rack-border-hover);background:rgba(var(--text-color) / .02)}.racking-line.is-incomplete{border-color:rgb(var(--error-text-color) / .35);background:rgb(var(--error-bg-color) / .35)}.racking-line-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--rack-border)}.racking-line-badge{display:inline-flex;align-items:center;gap:.6rem}.racking-line-label{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(var(--text-color) / .55)}.racking-line-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .4rem;background:var(--rack-accent);color:#000;border-radius:var(--rack-radius-sm);font-size:.8125em;font-weight:800}.racking-line-remove{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:transparent;border:1px solid var(--rack-border);border-radius:var(--rack-radius-sm);color:rgba(var(--text-color) / .55);cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.racking-line-remove:hover{background:rgb(var(--error-bg-color));border-color:rgb(var(--error-text-color) / .3);color:rgb(var(--error-text-color))}.racking-line-remove:focus-visible{outline-offset:2px}.racking-line-body{padding:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(4 * var(--space-unit)) calc(5 * var(--space-unit))}.racking-line-body>.racking-field{min-width:0}.racking-line-body>.racking-line-preview{grid-column:1 / -1}.racking-field{display:flex;flex-direction:column;gap:calc(1.25 * var(--space-unit))}.racking-field.is-hidden{display:none!important}.racking-field.is-visible{animation:rackFieldIn .2s ease}@keyframes rackFieldIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.racking-label{display:block;margin:0;font-size:.88em;font-weight:700;color:rgb(var(--heading-color));letter-spacing:0}.racking-calculator .select,.racking-calculator select{width:100%}.racking-line-preview.is-hidden{display:none}.racking-line-preview .racking-panel-preview{padding:0 1.25rem 1.15rem;border-top:0;border-bottom:0;background:transparent}.racking-line-preview .racking-panel-preview__svg{max-height:135px}.racking-line-preview .racking-panel-preview__meta{justify-content:flex-start;gap:.85rem}.racking-empty-state{text-align:center;padding:calc(6 * var(--space-unit)) var(--gutter, 20px);color:rgba(var(--text-color) / .55);font-size:1em;margin-bottom:calc(6 * var(--space-unit))}.racking-empty-state p{margin:0}.racking-actions{display:flex;flex-wrap:wrap;gap:calc(3 * var(--space-unit));justify-content:center;margin-bottom:calc(6 * var(--space-unit))}.racking-actions--cart{margin-top:calc(4 * var(--space-unit));margin-bottom:0}.racking-btn--large{padding:1rem 2.5rem;font-size:1.0625em}.racking-btn-icon{font-size:1.25em;font-weight:400;line-height:1}.racking-add-line{display:inline-flex;align-items:center;justify-content:center;gap:calc(2 * var(--space-unit));padding:.875rem 1.5rem;border:1px dashed var(--rack-border-hover);border-radius:var(--rack-radius-sm);background:transparent;color:rgb(var(--text-color));font-size:.9375em;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.racking-add-line:hover{border-color:var(--rack-accent);background:var(--rack-accent-muted);color:#000}.racking-add-line:disabled,.racking-add-line[aria-disabled=true]{opacity:.45;cursor:default}.racking-add-line .racking-btn-icon{font-size:1.125em}.racking-results{margin-bottom:calc(6 * var(--space-unit))}.racking-results-list{display:flex;flex-direction:column;gap:calc(8 * var(--space-unit))}.racking-result-card{overflow:hidden;border:1px solid var(--rack-border);border-radius:var(--rack-radius);background:var(--rack-surface)}.racking-result-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--rack-border);background:rgba(var(--text-color) / .03)}.racking-result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .4rem;background:var(--rack-accent);color:#000;border-radius:var(--rack-radius-sm);font-size:.6875em;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.racking-result-title{margin:0;font-size:.9375em;font-weight:600;color:rgb(var(--heading-color));flex:1}.racking-panel-preview{padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--rack-border);background:linear-gradient(180deg,rgba(var(--text-color) / .02),transparent)}.racking-panel-preview__svg{display:block;width:100%;height:auto;max-height:170px;color:rgb(var(--text-color))}.racking-panel-preview--summary{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:.875rem;background:transparent}.racking-panel-preview__swatch{width:48px;height:34px;border-radius:5px;border:1px solid var(--rack-border);box-shadow:inset 0 0 0 4px #ffffff14}.racking-panel-preview__swatch--black{background:linear-gradient(90deg,transparent 49%,rgba(125,211,252,.28) 50%,transparent 51%),linear-gradient(180deg,#111827,#030712);border-color:#000000a6}.racking-panel-preview__swatch--silver{background:linear-gradient(90deg,transparent 49%,rgba(100,116,139,.28) 50%,transparent 51%),linear-gradient(180deg,#f8fafc,#cbd5e1);border-color:#64748b80}.racking-panel-preview__details{display:flex;min-width:0;flex-direction:column;gap:.15rem}.racking-panel-preview__name{color:rgb(var(--heading-color));font-size:.875em;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.racking-panel-preview__dimension{color:rgba(var(--text-color) / .62);font-size:.8125em;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.racking-panel-preview__meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;justify-content:space-between;margin-top:.45rem;color:rgba(var(--text-color) / .58);font-size:.75em;font-weight:600;line-height:1.3}.racking-result-items{list-style:none;margin:0;padding:calc(3 * var(--space-unit));display:flex;flex-direction:column;gap:calc(2 * var(--space-unit));background:rgba(var(--text-color) / .015)}.racking-result-item{display:flex;align-items:flex-start;width:100%;box-sizing:border-box;padding:calc(3 * var(--space-unit));border:1px solid var(--rack-border);border-radius:var(--rack-radius-sm);background:var(--rack-surface);transition:background-color .15s ease,border-color .15s ease}.racking-result-item:hover{background:rgba(var(--text-color) / .03);border-color:var(--rack-border-hover)}.racking-item-media{flex:0 0 88px;width:88px}.racking-item-media .media{width:88px;height:88px;border-radius:var(--rack-radius-sm);background:rgba(var(--text-color) / .05);overflow:hidden}.racking-item-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--rack-radius-sm)}.racking-item-image-placeholder{width:88px;height:88px;display:grid;place-items:center;border-radius:var(--rack-radius-sm);background:rgba(var(--text-color) / .04);border:1px dashed var(--rack-border);color:rgba(var(--text-color) / .4);font-size:.6875em;font-weight:500;text-transform:uppercase}.racking-item-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1 1 auto;padding-inline-start:calc(4 * var(--space-unit))}.racking-item-title{line-height:1.3;overflow-wrap:anywhere;font-weight:700;color:rgb(var(--heading-color));text-decoration:none}.racking-item-title:hover{color:var(--rack-accent-hover);text-decoration:underline;text-underline-offset:2px}.racking-item-subtitle{line-height:1.35;color:rgba(var(--text-color) / .62);font-size:.875em}.racking-item-qty{line-height:1.35;color:rgba(var(--text-color) / .62);font-size:.875em;font-weight:600}.racking-item-view{width:fit-content;margin-top:.15rem;color:rgb(var(--link-color));font-size:.875em;text-decoration:underline;text-underline-offset:2px}.racking-item-view:hover{color:var(--rack-accent-hover)}@media(max-width:768.98px){.racking-calculator{padding:calc(2 * var(--space-unit)) var(--gutter, 16px)}.racking-title{font-size:var(--h3-font-size)}.racking-line-body{padding:1rem;grid-template-columns:1fr}.racking-line-preview .racking-panel-preview{padding:0 1rem 1rem}.racking-actions{flex-direction:column}.racking-actions .btn,.racking-add-line{width:100%}.racking-result-items,.racking-result-item{padding:calc(2 * var(--space-unit))}.racking-panel-preview{padding:.75rem .75rem .65rem}.racking-panel-preview__svg{max-height:130px}.racking-item-media,.racking-item-media .media,.racking-item-image-placeholder{width:72px;height:72px}.racking-item-details{padding-inline-start:calc(3 * var(--space-unit))}}@media(prefers-reduced-motion:reduce){.racking-line,.racking-field.is-visible,.racking-result-item,.racking-add-line{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/racking.css.map */