.ez-colors__dots{flex-wrap:wrap}
.ez-colors__item{transition:border-color .15s,box-shadow .15s}
.ez-colors__item:focus-visible{outline:2px solid #222;outline-offset:4px}
.ez-colors__item.active{box-shadow:0 0 0 1px #222}

.ez-colors__item{width:110px;height:126px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:inherit;box-sizing:border-box;background:#fff}
.ez-colors__item img{width:54px;height:66px;object-fit:contain;flex:0 0 66px}
.ez-colors__name{width:100%;height:34px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:16px;overflow-wrap:anywhere}

/* Preserve the bounded gallery rail on separate colour cards. */

@media (min-width:1025px) {
 .ez-gallery:has(.ez-gallery__thumbs) { position:relative; padding-left:76px; }
 .ez-gallery__thumbs { position:absolute; left:0; top:0; bottom:0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; overscroll-behavior:contain; }
 .ez-gallery__thumb { flex-shrink:0; }
}