.bb-product-attribute-list div{height:26px;transition:box-shadow .2s linear 0s;width:26px}.bb-product-attribute-list div img,.bb-product-attribute-list div span.bb-product-color-attribute{background-color:#fff;height:100%;inset-inline-start:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s linear 0s;width:100%}.bb-product-attribute-list div .bb-product-attribute-tooltip{background-color:#000;border-radius:4px;bottom:100%;color:#fff;font-size:12px;font-weight:500;inset-inline-start:50%;line-height:1;opacity:0;padding:4px 6px;position:absolute;text-align:center;transform:translateX(-50%) translateY(2px);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);visibility:hidden;width:-moz-max-content;width:max-content}.bb-product-attribute-list div .bb-product-attribute-tooltip:before{border-inline-end:6px solid transparent;border-inline-start:6px solid transparent;border-top:6px solid #000;bottom:-6px;content:"";height:0;inset-inline-start:50%;position:absolute;transform:translateX(-50%);width:0}.bb-product-attribute-list div.active,.bb-product-attribute-list div:hover{box-shadow:0 1px 2px rgba(1,15,28,.2)}.bb-product-attribute-list div.active img,.bb-product-attribute-list div.active span.bb-product-color-attribute,.bb-product-attribute-list div:hover img,.bb-product-attribute-list div:hover span.bb-product-color-attribute{transform:translate(-50%,-50%) scale(.7)}.bb-product-attribute-list div:hover .bb-product-attribute-tooltip{opacity:1;transform:translate(-50%) translateY(-6px);visibility:visible}
