:root{--lv-color__border-color:#fff;--lv-color__shadow-color:#9d9d9d;--lv-color__hover-shadow-color:#9d9d9d;--lv-color__active-shadow-color:#000;--lv-color__color-name-background:#333;--lv-color__color-name-color:#fff}.lv-product-colors-container .color-name{font-size:14px;font-weight:700;margin-bottom:10px}.lv-product-colors-container ul{display:inline-flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.lv-product-colors-container ul li a{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid var(--lv-color__border-color);border-radius:6px;box-shadow:0 0 0 1px var(--lv-color__shadow-color);display:block;height:40px;position:relative;text-decoration:none;width:40px}.lv-product-colors-container ul li a:hover{box-shadow:0 0 0 2px var(--lv-color__hover-shadow-color)}.lv-product-colors-container ul li a:hover:before{background-color:var(--lv-color__color-name-background);border-radius:3px;box-shadow:0 0 5px 1px rgba(0,0,0,.3);color:var(--lv-color__color-name-color);content:attr(color-name);font-size:14px;left:50%;padding:3px 7px;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap}.lv-product-colors-container ul li a:hover:after{border:5px solid transparent;border-top:5px solid var(--lv-color__color-name-background);content:"";left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.lv-product-colors-container ul li a.active{box-shadow:0 0 0 2px var(--lv-color__active-shadow-color)}