.cev-card-colors{display:none}
.product-grid-item .product-element-top>.cev-card-colors{position:absolute;z-index:5;left:8px;bottom:8px;display:flex;flex-direction:column;align-items:center;max-width:calc(100% - 16px);padding:2px 3px 5px;border:1px solid rgba(210,223,231,.8);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 2px 9px rgba(16,47,67,.07);line-height:1}
.cev-card-colors__options{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.cev-card-colors .cev-card-colors__options button{position:relative;display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;border-radius:50%;color:#345268;touch-action:manipulation}
.cev-card-colors button>span{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(16,47,67,.24);border-radius:50%;font:10px/1 Arial,sans-serif;background:#f1f5f7}
.cev-card-colors button[aria-pressed=true]>span{outline:2px solid #0089c7;outline-offset:3px}
.cev-card-colors button:focus-visible{outline:2px solid #0089c7;outline-offset:-3px}
.cev-card-colors button:disabled{opacity:.5;cursor:not-allowed}
.cev-card-colors button:disabled:after{content:'';position:absolute;top:19px;left:9px;width:22px;height:1px;background:#425665;transform:rotate(-45deg)}
.cev-card-colors__name{max-width:100%;padding:0 6px;font:500 10px/1.25 Arial,sans-serif;color:#536b7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-grid-item.cev-color-selected .hover-img{display:none!important}
@media(min-width:768px){.product-grid-item .product-element-top>.cev-card-colors{left:10px;bottom:10px}.cev-card-colors__name{font-size:11px}}