.fabric-builder{--fabric-ink: #1e1e1e;--fabric-secondary: #737470;--fabric-muted: #969690;--fabric-border: #e5e5e1;--fabric-surface: #f5f4f1;--fabric-accent: #185fa5;--fabric-error-ink: #7a2c17;--fabric-error-bg: #fbeae6;--fabric-error-border: #e8b3a4;--fabric-ok-ink: #1f6a41;--fabric-ok-bg: #eaf6ee;--fabric-ok-border: #b7ddc4;--fabric-radius: 6px;--fabric-radius-set: 3px;--fabric-radius-chip: 2px;--fabric-selected-bg: #101010;--fabric-selected-ink: #ffffff;--fabric-solo-radius: 6px;--fabric-chip-bg: #ffffff;--fabric-chip-border: #e5e5e1;--fabric-chip-disabled-bg: #f2f1ee;--fabric-chip-disabled-ink: #b7b6b0;display:flex;flex-direction:column;gap:1.1rem;width:100%;min-width:0;max-width:100%;color:var(--fabric-ink);font-family:inherit}.fabric-builder__heading-row{display:flex;flex-direction:column;gap:.2rem}.fabric-builder__heading{margin:0;font-size:1.0625rem;font-weight:700;color:var(--fabric-ink)}.fabric-builder__subheading{margin:0;font-size:.8125rem;color:var(--fabric-secondary)}.fabric-builder__notice{font-size:.9em;color:var(--fabric-secondary);margin:0}.fabric-builder__notice--error{color:var(--fabric-error-ink);border:1px solid var(--fabric-error-border);border-radius:var(--fabric-radius);padding:.75em 1em}.fabric-builder__catalog-error{padding:.75rem .9rem;background:var(--fabric-error-bg);border:1px solid var(--fabric-error-border);border-radius:var(--fabric-radius);font-size:.8125rem;line-height:1.4;color:var(--fabric-error-ink)}.fabric-builder__catalog-error[hidden]{display:none}.fabric-builder__sets{display:flex;flex-direction:column;gap:.7rem}.fabric-builder__add-set{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:44px;padding:.35rem .05rem;background:none;border:0;border-bottom:1px solid var(--fabric-secondary);color:var(--fabric-secondary);font-size:.75rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color .15s ease,border-color .15s ease}.fabric-builder__add-set[hidden]{display:none}.fabric-builder__add-set:hover{color:var(--fabric-ink);border-color:var(--fabric-ink)}.fabric-builder__add-set:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__set{padding:.7rem .9rem;background:#fff;border:1px solid var(--fabric-border);border-radius:var(--fabric-radius-set);min-width:0;max-width:100%;transition:border-color .15s ease,background-color .15s ease,padding .15s ease}.fabric-builder__set:focus{outline:none}.fabric-builder__set--complete{border-color:var(--fabric-secondary)}.fabric-builder__set--confirmed{background:var(--fabric-ok-bg);border-color:var(--fabric-ok-border)}.fabric-builder__set--confirmed .fabric-builder__set-check{visibility:visible}.fabric-builder__set--collapsed{padding-top:.55rem;padding-bottom:.55rem}.fabric-builder__set-header{display:flex;align-items:flex-start;gap:.5rem}.fabric-builder__set--expanded .fabric-builder__set-header{margin-bottom:.5rem}.fabric-builder__set-header-toggle{display:flex;flex:1 1 auto;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;min-height:44px;margin:-.1rem 0;padding:.1rem;background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.fabric-builder__set-header-toggle:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px;border-radius:3px}.fabric-builder__set-label{font-size:.875rem;font-weight:700}.fabric-builder__set-check{display:inline-flex;visibility:hidden;flex:0 0 auto;color:var(--fabric-ok-ink)}.fabric-builder__set-error{padding:.1rem .45rem;background:var(--fabric-error-bg);border-radius:var(--fabric-radius-chip);color:var(--fabric-error-ink);font-size:.6875rem;font-weight:600}.fabric-builder__set-summary-line{flex-basis:100%;font-size:.8125rem;line-height:1.35;color:var(--fabric-secondary)}.fabric-builder__set-summary-line[hidden]{display:none}.fabric-builder__set-edit-hint{margin-left:auto;flex:0 0 auto;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--fabric-secondary)}.fabric-builder__set-edit-hint[hidden]{display:none}.fabric-builder__set-remove{flex:0 0 auto;min-height:44px;padding:.2rem .3rem;background:none;border:0;color:var(--fabric-error-ink);font-size:.75rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.fabric-builder__set-remove[hidden]{display:none}.fabric-builder__set-remove:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px;border-radius:3px}.fabric-builder__set--confirmed .fabric-builder__set-remove{opacity:.55;font-size:.6875rem}.fabric-builder__set--confirmed .fabric-builder__set-remove:hover,.fabric-builder__set--confirmed .fabric-builder__set-remove:focus-visible{opacity:1}.fabric-builder__set-remove--armed{opacity:1;color:#fff;background:var(--fabric-error-ink);padding:.3rem .6rem;border-radius:var(--fabric-radius-chip);text-decoration:none}.fabric-builder__set-body{container-type:inline-size;container-name:fabric-set-body;min-width:0;max-width:100%}.fabric-builder__set-body[hidden]{display:none}fieldset.fabric-builder__field{margin:.5rem 0 0;padding:0;border:0;min-width:0;max-width:100%}.fabric-builder__set-body>fieldset.fabric-builder__field:first-of-type{margin-top:0}.fabric-builder__field-label{display:block;margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--fabric-secondary)}.fabric-builder__field-hint{margin:0 0 .5rem;font-size:.75rem;color:var(--fabric-secondary)}.fabric-builder__pill-row{display:flex;flex-wrap:wrap;gap:.4rem}.fabric-builder__pill-option{position:relative}.fabric-builder__pill-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fabric-builder__pill-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .85rem;background:var(--fabric-chip-bg);border:1px solid var(--fabric-chip-border);border-radius:var(--fabric-radius-chip);font-size:.8125rem;font-weight:500;line-height:1;white-space:nowrap;color:var(--fabric-ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.fabric-builder__pill-input:not(:checked):not(:disabled)+.fabric-builder__pill-label:hover{border-color:var(--fabric-muted);background:#f0efe9}.fabric-builder__pill-input:checked+.fabric-builder__pill-label{background:var(--fabric-selected-bg);border-color:var(--fabric-selected-bg);color:var(--fabric-selected-ink);font-weight:700}.fabric-builder__pill-input:focus-visible+.fabric-builder__pill-label{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__pill-input:disabled+.fabric-builder__pill-label{background:var(--fabric-chip-disabled-bg);border-color:var(--fabric-chip-disabled-bg);color:var(--fabric-chip-disabled-ink);opacity:1;cursor:not-allowed}.fabric-builder__pill-note{margin:.2rem 0 0;font-size:.75rem;color:var(--fabric-secondary)}.fabric-builder__inline-confirm{margin-top:.5rem;padding:.65rem .75rem;background:var(--fabric-surface);border:1px solid var(--fabric-border);border-radius:var(--fabric-radius)}.fabric-builder__inline-confirm[hidden]{display:none}.fabric-builder__inline-confirm-text{margin:0 0 .5rem;font-size:.8125rem;line-height:1.4;color:var(--fabric-ink)}.fabric-builder__inline-confirm-actions{display:flex;flex-wrap:wrap;gap:.5rem}.fabric-builder__inline-confirm-btn{min-height:40px;padding:.4rem .9rem;border:1px solid var(--fabric-chip-border);border-radius:var(--fabric-radius-chip);background:var(--fabric-chip-bg);color:var(--fabric-ink);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.fabric-builder__inline-confirm-btn--primary{background:var(--fabric-ink);color:#fff}.fabric-builder__inline-confirm-btn:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__field--measurements[hidden]{display:none}.fabric-builder__field--measurements{min-width:0;max-width:100%;box-sizing:border-box}.fabric-builder__measurements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;margin-top:.35em;min-width:0;max-width:100%}@container fabric-set-body (min-width: 460px){.fabric-builder__measurements-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fabric-builder__measurement-field{display:flex;flex-direction:column;gap:.25em;min-width:0;max-width:100%;box-sizing:border-box}.fabric-builder__measurement-label{font-size:.7em;color:var(--fabric-secondary)}.fabric-builder__measurement-input{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:38px;border:1px solid var(--fabric-border);border-radius:var(--fabric-radius-chip);padding:.4em .5em;font-size:.8125rem;color:var(--fabric-ink);background:#fff}.fabric-builder__measurement-input:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__style-row{display:flex;flex-wrap:nowrap;gap:.75em;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-bottom:.35em;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.fabric-builder__style-option{flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:.4em;padding:.5em;border:1px solid var(--fabric-border);border-radius:var(--fabric-solo-radius);cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.fabric-builder__style-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.fabric-builder__style-option:hover{border-color:var(--fabric-muted)}.fabric-builder__style-option:has(.fabric-builder__style-input:checked){border-color:var(--fabric-ink)}.fabric-builder__style-option:has(.fabric-builder__style-input:focus-visible){outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__style-visual{display:block;width:100%;aspect-ratio:1 / 1;border-radius:calc(var(--fabric-solo-radius) - 2px);overflow:hidden;background:#f3f3f3}.fabric-builder__style-visual img{display:block;width:100%;height:100%;object-fit:cover}.fabric-builder__style-placeholder{display:block;width:100%;height:100%}.fabric-builder__style-name{font-size:.85em;color:var(--fabric-ink)}.fabric-builder__selection-summary{margin:.7rem 0 0;padding:0;font-size:.8125rem;line-height:1.4;color:var(--fabric-ink)}.fabric-builder__set-confirm{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:11rem;min-height:42px;margin-top:.65rem;padding:.55rem 1.1rem;border:0;border-radius:var(--fabric-radius-chip);background:var(--fabric-ink);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.fabric-builder__set-confirm[disabled]{background:var(--fabric-border);color:var(--fabric-muted);cursor:not-allowed}.fabric-builder__set-confirm:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__summary{display:flex;flex-direction:column;gap:.75rem;padding-top:.9rem;border-top:1px solid var(--fabric-border)}.fabric-builder__summary-message{margin:0;font-size:.875rem;color:var(--fabric-secondary)}.fabric-builder__summary--ready .fabric-builder__summary-message{color:var(--fabric-ink);font-weight:700}.fabric-builder__summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.875rem}.fabric-builder__summary-count{color:var(--fabric-secondary)}.fabric-builder__pricing{display:flex;flex-direction:column;gap:.6rem;padding-top:.75rem;border-top:1px solid var(--fabric-border);font-size:.8125rem}.fabric-builder__pricing[hidden]{display:none}.fabric-builder__pricing-detail{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem}.fabric-builder__pricing-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.fabric-builder__pricing-row[hidden]{display:none}.fabric-builder__pricing-label{color:var(--fabric-secondary)}.fabric-builder__pricing-value{font-weight:600;color:var(--fabric-ink)}.fabric-builder__pricing-value--benefit{color:var(--fabric-ok-ink)}.fabric-builder__pricing-outcome{display:flex;flex-direction:column;gap:.4rem;padding-top:.55rem;border-top:1px solid var(--fabric-border)}.fabric-builder__pricing-row--save{align-items:baseline}.fabric-builder__pricing-value--save{font-size:1rem;font-weight:700;color:var(--fabric-ok-ink)}.fabric-builder__pricing-row--pay{align-items:center}.fabric-builder__pricing-row--pay .fabric-builder__pricing-label{font-size:.8125rem;font-weight:700;color:var(--fabric-ink)}.fabric-builder__pricing-value--total{font-size:1.3rem;font-weight:700;color:var(--fabric-ink)}.fabric-builder__cta{display:block;width:100%;min-height:48px;padding:.85rem 1rem;border:0;border-radius:var(--fabric-radius);background:var(--fabric-ink);color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}.fabric-builder__cta[disabled]{background:var(--fabric-border);color:var(--fabric-muted);cursor:not-allowed}.fabric-builder__cta[aria-busy=true]{cursor:wait}.fabric-builder__cta:focus-visible{outline:2px solid var(--fabric-accent);outline-offset:2px}.fabric-builder__cart-error{padding:.75rem .9rem;background:var(--fabric-error-bg);border:1px solid var(--fabric-error-border);border-radius:var(--fabric-radius);font-size:.8125rem;line-height:1.4;color:var(--fabric-error-ink)}.fabric-builder__cart-error[hidden]{display:none}@media(min-width:480px){.fabric-builder__style-option{width:120px}}@media(max-width:480px){.fabric-builder__style-option{width:96px}}@media(min-width:768px){.fabric-builder{gap:1.5rem}.fabric-builder__set{padding:.85rem 1rem}.fabric-builder__summary{margin-top:.25rem}.fabric-builder__cta{width:auto;min-width:16rem}.fabric-builder__summary-row{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/fabric-product-options.css.map */