.belt-config{display:grid;gap:10px;margin-block:4px 12px}.belt-config__group{display:grid;gap:4px;min-width:0;margin:0;padding:0;border:0}.belt-config__label{padding:0;font-weight:600}.belt-config__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.belt-config .belt-config__swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;font-size:.85em;line-height:1.3;text-align:center;cursor:pointer}.belt-config__swatch:has(:checked) .belt-config__img{outline:2px solid var(--color-foreground);outline-offset:2px}.belt-config__swatch:has(:checked) .belt-config__name{font-weight:600}.belt-config__swatch:has(:focus-visible){outline:2px solid var(--color-foreground);outline-offset:2px}.belt-config__swatch:has(:disabled){opacity:.45;cursor:not-allowed}.belt-config__img{display:block;width:96px;height:96px;object-fit:cover;border-radius:4px;background:rgb(var(--color-foreground-rgb) / var(--opacity-10, .1))}.belt-config__name{overflow-wrap:anywhere}.belt-config__price s{opacity:.6}.belt-config__soldout{font-size:.9em}.belt-config [data-missing] .variant-option__button-label{border-color:#c4302b}.belt-config__error{margin:0;color:#c4302b;font-weight:600}.belt-config__swatches--keeper{display:flex;flex-wrap:wrap;gap:4px 8px}.belt-config__swatches--keeper .belt-config__img{height:64px}.belt-config__swatches--buckle{display:flex;flex-wrap:wrap;gap:4px 12px}.belt-config .variant-option__button-label:has(:checked){background:var(--color-selected-variant-background)}.belt-config .variant-option__button-label:has(:checked):hover{background:var(--color-selected-variant-hover-background)}.belt-config .belt-config__input{position:absolute;inset-block-start:0;inset-inline-start:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.shopify-section:has(belt-configurator) variant-picker legend{font-weight:600}.belt-config__more{margin-inline-start:8px;font-weight:400;font-size:.85em;text-decoration:underline;color:inherit}.belt-config legend{margin-block-end:2px}.belt-config .belt-config__swatch{padding:4px;gap:8px}.belt-config__swatch[data-locked]{opacity:.45;cursor:not-allowed}.belt-config__note{font-size:.75em;line-height:1.2;text-align:center}.belt-config .belt-config__swatches--keeper .belt-config__swatch{width:100px;padding-inline:2px}.belt-config__swatch:not([data-locked]) .belt-config__note{visibility:hidden}.belt-config .belt-config__swatch{position:relative}.belt-config .belt-config__swatches{align-items:flex-start}.belt-config .belt-config__swatch{align-self:flex-start;justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/31/assets/belt-configurator.css.map */