.hydroflex-wrapper.clas .hydroflex-image{width:180px!important}.color-swatches{display:block!important}.color-swatches__heading{font-size:14px;margin:0 0 10px}.color-swatches__current{font-weight:600}.color-swatches__swatch:hover{border:1px solid black}.color-swatches__list{display:flex;gap:10px;list-style:none;margin:0;padding:2px 0 6px;overflow:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.color-swatches__list::-webkit-scrollbar{display:none}.color-swatches__item{flex:0 0 auto}.color-swatches__swatch{position:relative;display:block;width:48px;overflow:visible;height:48px;border-radius:8px;border:1px solid transparent;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.color-swatches__swatch:hover{transform:translateY(-1px);overflow:visible}.color-swatches__swatch.is-active{border-color:#111;overflow:visible}.color-swatches__img,.color-swatches__color{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover}.color-swatches__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#111;color:#fff;font-size:12px;line-height:1;white-space:nowrap;padding:6px 8px;border-radius:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.color-swatches__swatch:hover .color-swatches__tooltip,.color-swatches__swatch:focus-visible .color-swatches__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.color-swatches__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#111;color:#fff;font-size:12px;line-height:1;white-space:nowrap;padding:6px 8px;border-radius:6px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10}.color-swatches__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#111}.color-swatches__item:hover .color-swatches__tooltip,.color-swatches__swatch:hover .color-swatches__tooltip,.color-swatches__swatch:focus-visible .color-swatches__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.color-swatches__item{flex:0 0 auto;position:relative;z-index:1}.color-swatches__item:hover{z-index:20}.color-swatches__item:hover .color-swatches__tooltip,.color-swatches__swatch:focus-visible .color-swatches__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/165/assets/custom.css.map */