.brand-list {
    display: flex;
    align-items: center;
    min-height: var(--brand-mark-size);
}

.brand-list__item {
    display: grid;
    flex: 0 0 var(--brand-mark-size);
    width: var(--brand-mark-size);
    height: var(--brand-mark-size);
    place-items: center;
    overflow: hidden;
    border: var(--brand-mark-border);
    border-radius: 50%;
    background: var(--brand-mark-background);
    box-shadow: var(--brand-mark-shadow);
}

.brand-list__item + .brand-list__item {
    margin-inline-start: var(--brand-mark-overlap);
}

.brand-list__logo {
    width: var(--brand-mark-logo-size);
    height: var(--brand-mark-logo-size);
    object-fit: contain;
}