.elome-swatches{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:.8rem}.elome-swatch{flex:0 0 auto;width:12px;height:12px;margin:0;padding:0;border:1px solid rgba(18,18,18,.2);border-radius:0!important;background:var(--elome-swatch-bg, transparent);background-size:cover;background-position:center;cursor:pointer}.elome-swatch:hover{border-color:#121212}.elome-swatch--active{border:1px solid #121212}@media screen and (max-width:749px){.elome-swatch{box-shadow:inset 0 0 0 1px #12121240}}.elome-swatch-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.elome-swatch-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .2s ease}.product-card-wrapper .card:has(.elome-swatch:nth-child(1):hover) .elome-swatch-img:nth-child(1),.product-card-wrapper .card:has(.elome-swatch:nth-child(2):hover) .elome-swatch-img:nth-child(2),.product-card-wrapper .card:has(.elome-swatch:nth-child(3):hover) .elome-swatch-img:nth-child(3),.product-card-wrapper .card:has(.elome-swatch:nth-child(4):hover) .elome-swatch-img:nth-child(4),.product-card-wrapper .card:has(.elome-swatch:nth-child(5):hover) .elome-swatch-img:nth-child(5),.product-card-wrapper .card:has(.elome-swatch:nth-child(6):hover) .elome-swatch-img:nth-child(6),.product-card-wrapper .card:has(.elome-swatch:nth-child(7):hover) .elome-swatch-img:nth-child(7),.product-card-wrapper .card:has(.elome-swatch:nth-child(8):hover) .elome-swatch-img:nth-child(8),.product-card-wrapper .card:has(.elome-swatch:nth-child(9):hover) .elome-swatch-img:nth-child(9),.product-card-wrapper .card:has(.elome-swatch:nth-child(10):hover) .elome-swatch-img:nth-child(10),.product-card-wrapper .card:has(.elome-swatch:nth-child(11):hover) .elome-swatch-img:nth-child(11),.product-card-wrapper .card:has(.elome-swatch:nth-child(12):hover) .elome-swatch-img:nth-child(12){opacity:1}.elome-soldout-label{position:absolute;top:8px;left:8px;z-index:3;padding:4px;border:1px solid #fff;border-radius:0!important;background:transparent;color:#fff;font-family:var(--font-body-family);font-size:8px;line-height:1;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}@media screen and (prefers-reduced-motion:reduce){.elome-swatch-img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/elome-product-cards.css.map */