.mt-search-card-colors{margin-block:6px;text-align:start}.mt-search-card-colors__caption{display:block;color:#595959;font-size:12px;font-weight:600;line-height:1.25}.mt-search-card-swatches{--mt-swatch-target: 28px;--mt-swatch-height: 28px;--mt-swatch-overlap: calc(10px - var(--mt-swatch-target));--mt-swatch-interaction: none;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;width:fit-content;max-width:calc(100% + 14px);margin-inline:-7px}.mt-search-card-swatches:has(:focus-visible),.mt-search-card-swatches[data-mt-touch-open]{--mt-swatch-overlap: 0px;--mt-swatch-interaction: auto}@media(any-hover:hover){.mt-search-card-swatches:hover{--mt-swatch-overlap: 0px;--mt-swatch-interaction: auto}}@media(pointer:coarse){.mt-search-card-swatches{--mt-swatch-target: 30px;--mt-swatch-height: 32px}}.mt-search-card-swatches__link{flex:0 0 var(--mt-swatch-target);display:grid;place-items:center;width:var(--mt-swatch-target);height:var(--mt-swatch-height);border-radius:6px;pointer-events:var(--mt-swatch-interaction);-webkit-tap-highlight-color:transparent}.mt-search-card-swatches__link+.mt-search-card-swatches__link{margin-inline-start:var(--mt-swatch-overlap);transition:margin-inline-start .18s ease-out}.mt-search-card-swatches__dot,.mt-search-facet-color{box-sizing:border-box;width:14px;height:14px;border:1px solid rgb(0 0 0 / 19%);border-radius:50%;background:var(--mt-swatch-fill) center / cover}.mt-search-card-swatches__dot{box-shadow:0 0 0 1.5px #fff;pointer-events:auto}.mt-search-card-swatches__link[data-mt-previewing] .mt-search-card-swatches__dot{outline:1px solid #171717;outline-offset:2px}.mt-search-facet-color{display:inline-block;margin-inline-end:8px;vertical-align:-2px}.mt-search-card-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;object-fit:contain;opacity:0!important;transition:opacity 125ms ease;pointer-events:none}[data-mt-previewing] .mt-search-card-preview{opacity:1!important}[data-mt-swatch-card],[data-mt-swatch-media]{position:relative}.mt-swatch-card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}@media(prefers-reduced-motion:reduce){.mt-search-card-swatches__link+.mt-search-card-swatches__link,.mt-search-card-preview{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mt-search-swatches.css.map */
