.color-group__label{margin:0;font-size:.8125rem}.color-group__label-prefix+.color-group__selected{margin-inline-start:.3em}.color-group__selected{text-transform:capitalize}.color-group__items{display:flex;flex-wrap:wrap;gap:.75rem}.color-group--align-left .color-group__items{justify-content:safe flex-start}.color-group--align-center .color-group__items{justify-content:safe center}.color-group--align-right .color-group__items{justify-content:safe flex-end}.color-group--align-justified .color-group__items{display:grid;grid-template-columns:repeat(auto-fill,var(--color-group-size, 55px));justify-content:space-between;column-gap:.75rem;row-gap:.75rem}.color-group--align-justified .color-group__items:has(.color-group__item:first-child:nth-last-child(-n+4)){display:flex;flex-wrap:wrap;justify-content:flex-start;column-gap:.4rem;row-gap:.4rem}.color-group--label-left .color-group__label{text-align:left}.color-group--label-center .color-group__label{text-align:center}.color-group--label-right .color-group__label{text-align:right}.color-group__item{display:block;width:var(--color-group-size, 55px);text-decoration:none;color:inherit}.color-group__thumb{display:block;width:var(--color-group-size, 55px);height:var(--color-group-size, 55px);border-radius:var(--color-group-radius, 8px);overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#f4f4f4;transition:border-color .15s ease}.color-group__img{width:100%;height:100%;object-fit:cover;display:block}.color-group__item--current .color-group__thumb{border-color:#000;border-width:2px}@media(hover:hover){.color-group__item:not(.color-group__item--current):hover .color-group__thumb{border-color:#00000073}}@media screen and (max-width:699px){.color-group--carousel .color-group__items{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.color-group--carousel .color-group__items::-webkit-scrollbar{display:none}.color-group--carousel .color-group__item{flex:0 0 auto;scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-color-group.css.map */
