.color-swatch{display:inline-block;margin:5px;cursor:pointer}.color-swatch__square{display:block;width:var(--size, 40px);height:var(--size, 40px);border-radius:4px;border:2px solid #ddd;overflow:hidden;transition:all .3s ease}.color-swatch__square--img{position:relative}.color-swatch__square--img img{width:100%;height:100%;object-fit:cover;display:block}.color-swatch__square--hex{background-color:var(--bg)}.color-swatch.active .color-swatch__square{border-color:#000;box-shadow:0 0 0 2px #0003}.color-swatch:hover .color-swatch__square{border-color:#666}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.color-section-title{font-family:var(--font-heading-family);font-weight:600;line-height:1.4;font-size:1rem;margin:0 0 .5rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/color-swatches.css.map */