.app-color-images:empty{display:none}
.app-color-images{position:relative;z-index:3;min-height:30px;padding:0 11px 8px;display:flex;align-items:center;gap:6px;overflow:hidden;background:#fff}
.app-color-image{width:28px;height:28px;padding:0;flex:0 0 28px;overflow:hidden;border:1px solid #d6d6d6;border-radius:4px;background:#f2f2f2;cursor:pointer;transition:border-color .15s,transform .15s}
.app-color-image:hover,.app-color-image:focus-visible,.app-color-image.active{border-color:#111;outline:0;transform:translateY(-1px)}
.app-color-image img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:599px){.app-color-images{min-height:27px;padding:0 8px 6px;gap:4px}.app-color-image{width:25px;height:25px;flex-basis:25px;border-radius:3px}}