.color-swatches-panel__label{font-family:var(--heading-font-family);font-weight:700;font-size:20px;line-height:1.2;margin:0 0 12px;color:rgb(var(--heading-color, 47, 47, 47))}.color-swatches__slider{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:4px}.color-swatches__slider::-webkit-scrollbar{display:none}.color-swatches__list{display:grid;grid-auto-flow:column;grid-auto-columns:62%;column-gap:16px;margin:0;padding:0;list-style:none}.color-swatches__item{margin:0;scroll-snap-align:start}.color-swatches__button{all:unset;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;box-sizing:border-box;border-radius:6px;transition:box-shadow .15s ease,transform .1s ease}.color-swatches__button:hover{transform:translateY(-1px)}.color-swatches__button:focus-visible{outline:2px solid var(--csw-accent-color, #2f2f2f);outline-offset:2px}.color-swatches__media{display:block;width:100%;aspect-ratio:4 / 3;border-radius:6px;border:1px solid #e3e3e3;background:#fff;overflow:hidden;margin-bottom:12px}.color-swatches__media img{width:100%;height:100%;object-fit:contain;display:block}.color-swatches__chip-fallback{display:block;width:100%;height:100%}.color-swatches__item.is-active .color-swatches__media{border-color:var(--csw-accent-color, #2f2f2f);box-shadow:0 0 0 1px var(--csw-accent-color, #2f2f2f)}.color-swatches__name{font-weight:600;font-size:15px;line-height:1.3;text-align:center;color:rgb(var(--text-color, 47, 47, 47))}.color-swatches__clear{display:inline-flex;align-items:center;gap:4px;margin:16px var(--gutter-md, 32px) 0;background:none;border:none;padding:0;font-size:14px;cursor:pointer;text-decoration:underline}.color-swatches-empty{grid-column:1 / -1;padding:48px 16px;text-align:center;font-size:14px;color:inherit;opacity:.7}@media(min-width:480px){.color-swatches__list{grid-auto-columns:42%}}@media(min-width:750px){.color-swatches__list{grid-auto-columns:calc((100% - (2 * 16px)) / 3)}.color-swatches-panel__label{font-size:24px}.color-swatches__name{font-size:16px}}@media(min-width:990px){.color-swatches__list{grid-auto-columns:calc((100% - 64px)/5)}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/color-swatches-v2.css.map */