/* One optical scale for storefront, Gutenberg and the instance settings preview. */
.fdf-payment-marks { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; max-width: 100%; margin: 0; padding: 0; list-style: none; }
.fdf-payment-marks > li { display: grid; place-items: center; height: 32px; flex-shrink: 0; margin: 0; color: #c7c7c7; opacity: .58; }
.fdf-payment-marks img { display: block; width: 48px; height: 24px; object-fit: contain; filter: brightness(0) invert(.78); }
.fdf-payment-marks [data-payment-mark="cash"] img,
.fdf-payment-marks [data-payment-mark="invoice"] img { width: 28px; height: 24px; filter: none; }
.fdf-payment-marks [data-payment-mark="kaspi"] img,
.fdf-payment-marks [data-payment-mark="sbp"] img { width: 60px; height: 28px; }
.fdf-payment-marks [data-payment-mark="mastercard"] img { filter: grayscale(1) contrast(.45) brightness(1.5); }