.image-swatches-wrapper{margin-bottom:16px}.image-swatches__label{display:block;font-size:.875rem;font-weight:500;margin-bottom:10px}.image-swatches__name{font-weight:400;opacity:.75}.image-swatches{display:flex;flex-wrap:wrap;gap:6px}.image-swatch{width:48px;height:48px;border-radius:4px;border:2px solid transparent;background-size:1200%;background-position:center center;background-color:rgba(var(--color-foreground),.08);cursor:pointer;padding:0;outline-offset:2px;transition:border-color .15s,transform .1s,box-shadow .15s;flex-shrink:0;position:relative;box-shadow:0 0 0 1px rgba(var(--color-foreground),.18)}.image-swatch:hover{transform:scale(1.05);box-shadow:0 0 0 2px rgba(var(--color-foreground),.35)}.image-swatch--selected{border-color:rgb(var(--color-button));box-shadow:0 0 0 1px rgb(var(--color-button))}.image-swatch--selected:hover{transform:scale(1.05)}.quote-modal .image-swatches-wrapper{margin-bottom:0}.quote-modal .image-swatches{gap:7px}.quote-modal .image-swatch{width:32px;height:32px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-image-swatches.css.map */