.logo-credit-card {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.logo-credit-card.generic-place-logo {
    width: 30px;
    height: 20px;
}

.logo-credit-card.table-row-logo {
    width: 30px;
    height: 20px;
}

.logo-credit-card.select-one-menu-logo {
    width: 30px;
    height: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

body:not(.dark) .logo-credit-card.logo-credit-card-unknown {
    background-image: url('../../img/credit-card-brands/light/unknown.svg.jsf');
}
body:not(.dark) .logo-credit-card.logo-credit-card-amex {
    background-image: url('../../img/credit-card-brands/light/amex.svg.jsf');
}
body:not(.dark) .logo-credit-card.logo-credit-card-mastercard {
    background-image: url('../../img/credit-card-brands/light/mastercard.svg.jsf');
}
body:not(.dark) .logo-credit-card.logo-credit-card-visa {
    background-image: url('../../img/credit-card-brands/light/visa.svg.jsf');
}

body.dark .logo-credit-card.logo-credit-card-unknown {
    background-image: url('../../img/credit-card-brands/dark/unknown.svg.jsf');
}
body.dark .logo-credit-card.logo-credit-card-amex {
    background-image: url('../../img/credit-card-brands/dark/amex.svg.jsf');
}
body.dark .logo-credit-card.logo-credit-card-mastercard {
    background-image: url('../../img/credit-card-brands/dark/mastercard.svg.jsf');
}
body.dark .logo-credit-card.logo-credit-card-visa {
    background-image: url('../../img/credit-card-brands/dark/visa.svg.jsf');
}