.card-swatches{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;margin:0 0 10px;padding:0;list-style:none;position:relative;z-index:2}.card-swatches__item{margin:0;padding:0;list-style:none}.card-swatches__item::marker{content:none}.card-swatches__item{position:relative}.card-swatches__item.is-overflow,.card-swatches__item[hidden]{display:none}.card-swatches__item:after{content:attr(data-name);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(3px);padding:5px 9px;border-radius:4px;background:#000;color:#fff;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:5}.card-swatches__item:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#000;border-bottom-width:0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s;z-index:5}.card-swatches__item:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.card-swatches__item:hover:before{opacity:1;visibility:visible}.card-swatches__item:has(.card-swatch:focus-visible):after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.card-swatches__item:has(.card-swatch:focus-visible):before{opacity:1;visibility:visible}.card-swatches__item.show-name:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.card-swatches__item.show-name:before{opacity:1;visibility:visible}.card-swatches__item.tip-left:after{left:0;transform:translateY(3px)}.card-swatches__item.tip-left:hover:after,.card-swatches__item.tip-left.show-name:after{transform:translateY(0)}.card-swatches__item.tip-left:has(.card-swatch:focus-visible):after{transform:translateY(0)}.card-swatches__item.tip-right:after{left:auto;right:0;transform:translateY(3px)}.card-swatches__item.tip-right:hover:after,.card-swatches__item.tip-right.show-name:after{transform:translateY(0)}.card-swatches__item.tip-right:has(.card-swatch:focus-visible):after{transform:translateY(0)}.card-swatches__item.tip-left:before{left:13px}.card-swatches__item.tip-right:before{left:auto;right:8px;margin-left:0}.card-swatch{position:relative;display:block;width:32px;height:32px;margin:0;padding:2px;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;min-width:0;min-height:0;box-shadow:none;line-height:0;transition:border-color .15s ease;-webkit-tap-highlight-color:transparent}.card-swatch:hover{border-color:#00000059}.card-swatch.is-selected{border-color:#000}.card-swatch:focus-visible{outline:2px solid #000;outline-offset:2px}.card-swatch__fill{display:block;width:100%;height:100%;border-radius:50%;background-color:#ddd;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001a}.card-swatch.is-sold-out .card-swatch__fill{opacity:.4}.card-swatch.is-sold-out:after{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:#000;transform:translate(-50%) rotate(45deg)}.card-swatches__more{display:block;min-width:26px;padding:0 2px;font-size:12px;line-height:26px;color:#000;text-decoration:none}.card-swatches__more:hover{text-decoration:underline}.card-wrapper.has-swatch-selected .media.media--hover-effect>.card_second_image,.card-wrapper.has-swatch-selected:hover .media.media--hover-effect>.card_second_image,.card-wrapper.has-swatch-selected:hover .media.media--hover-effect>img+img{display:none!important;opacity:0!important;visibility:hidden!important}@media screen and (max-width:749px){.card-swatches{justify-content:center;gap:4px;margin:0 0 10px}.card-swatch{width:32px;height:32px;padding:2px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/hh-card-swatches.css.map */