:root{--is-size: 60px;--is-size-m: 48px;--is-radius: 4px;--is-gap: 8px;--is-border: #dddddd;--is-bdr-act: #111111;--is-bdr-w: 2px}.is-image-swatches{display:flex;flex-wrap:wrap;gap:var(--is-gap)}.is-image-swatches .media-swatch{display:inline-flex;align-items:center;justify-content:center;width:var(--is-size);height:var(--is-size);border-radius:var(--is-radius);overflow:hidden;border:1px solid var(--is-border);box-shadow:none;box-sizing:border-box;flex-shrink:0;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;position:relative}.is-image-swatches .media-swatch img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.is-image-swatches .sr-only:checked+.media-swatch{border-color:var(--is-bdr-act);border-width:var(--is-bdr-w);box-shadow:0 0 0 calc(var(--is-bdr-w) - 1px) var(--is-bdr-act)}.is-image-swatches .media-swatch.is-selected{border-color:var(--is-bdr-act);border-width:var(--is-bdr-w);box-shadow:0 0 0 calc(var(--is-bdr-w) - 1px) var(--is-bdr-act)}@media(hover:hover){.is-image-swatches .media-swatch:hover{border-color:var(--is-bdr-act);box-shadow:0 0 0 1px var(--is-bdr-act)}}.is-image-swatches .sr-only:focus-visible+.media-swatch{outline:2px solid var(--is-bdr-act);outline-offset:2px}@media(max-width:767px){.is-image-swatches .media-swatch{width:var(--is-size-m);height:var(--is-size-m)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/image-swatches.css.map */