.color-swatch-list--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.color-swatch--grid{display:flex;align-items:center;gap:10px;border-radius:4px;transition:background-color .2s ease}.color-swatch--grid .color-swatch__radio:checked~.color-swatch__wrapper{background-color:#0000001a;border-radius:4px}.color-swatch--grid .color-swatch__wrapper{display:flex;align-items:center;gap:10px;width:100%;padding:4px;transition:background-color .2s ease}.color-swatch--grid .color-swatch__item{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.2);position:relative;display:block;cursor:pointer}.color-swatch--grid.color-swatch--white .color-swatch__item{border-color:#0000004d}.color-swatch--grid .color-swatch__label{flex:1;min-width:0;color:#000;text-align:left;font-size:12px;font-style:normal;font-weight:400;line-height:100%}.color-swatch--grid.is-disabled{opacity:.5}.color-swatch--grid.is-disabled .color-swatch__item{cursor:not-allowed}.color-swatch--grid.is-disabled .color-swatch__label{text-decoration:line-through}.color-swatch--grid .color-swatch__radio:checked~.color-swatch__wrapper .color-swatch__item:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--accent-color, #000);border-radius:50%}@media screen and (max-width: 740px){.color-swatch-list--grid{grid-template-columns:1fr 1fr;gap:8px}.color-swatch--grid{padding:6px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/_hover-component-color-swatches.css.map */