.variations_form .mrbl-selected-color-name {
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    margin-inline-start: 5px;
}
.variations_form .mrbl-selected-color-name[hidden] { display: none !important; }
.variations_form ul.mrbl-photo-colors {
    display:flex; flex-wrap:wrap; align-items:center; gap:8px;
}
.variations_form ul.mrbl-photo-colors > li { margin:0 !important; }
.variations_form ul.filter-item-list a.mrbl-color-photo {
    position:relative !important; display:inline-flex !important;
    align-items:center; justify-content:center;
    width:54px !important; height:54px !important; min-width:54px !important;
    padding:0 !important; margin:0 !important; overflow:hidden;
    border:2px solid #ddd !important; border-radius:50% !important;
    background:#fff !important; color:transparent !important;
    font-size:0 !important; --porto-sw-size:54px; box-sizing:border-box; vertical-align:middle;
}
.variations_form ul.filter-item-list a.mrbl-color-photo::before {
    content:"" !important; position:absolute; inset:3px !important; display:block; border:0 !important; transform:none !important;
    border-radius:50%; background-image:var(--mrbl-color-image) !important;
    background-position:center; background-repeat:no-repeat;
    background-size:cover; pointer-events:none;
}
.variations_form ul.filter-item-list a.mrbl-color-photo > * { opacity:0; }
.variations_form ul.filter-item-list a.mrbl-color-photo:hover,
.variations_form ul.filter-item-list a.mrbl-color-photo.active,
.variations_form li.active > a.mrbl-color-photo,
.variations_form li.selected > a.mrbl-color-photo,
.variations_form ul.filter-item-list a.mrbl-color-photo[aria-checked="true"] { border-color:#222 !important; }
.variations_form ul.filter-item-list a.mrbl-color-photo:focus-visible { outline:2px solid #222; outline-offset:3px; }
@media(max-width:767px) {
    .variations_form ul.filter-item-list a.mrbl-color-photo {
        width:48px !important; height:48px !important; min-width:48px !important;
    }
}
