.related-colors{margin:1.5rem 0}.related-colors-title{font-size:1rem;margin-bottom:1rem}.related-colors-grid{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.color-option{position:relative;text-decoration:none;color:inherit}.color-thumbnail{width:48px;height:48px;border-radius:50%;border:2px solid #e0e0e0;overflow:hidden;transition:all .2s ease}.color-thumbnail img{width:100%;height:100%;object-fit:cover}.color-name{font-size:.8rem;text-align:center;margin-top:.3rem;color:var(--color-base-text)}.color-option:hover .color-thumbnail{transform:scale(1.1);border-color:var(--color-base-accent-1)}.color-option.active .color-thumbnail{border:2px solid var(--color-base-accent-1);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--color-base-accent-1)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-related-colors.css.map */