/* Official provider marks, kept at their original aspect ratios. */
@layer app {
  .tix-payment-methods { margin: 20px 0; text-align: center; }
  .tix-payment-heading { margin: 0 0 10px; color: var(--text); font-size: 13px; font-weight: 600; }
  .tix-payment-marks { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 460px; margin: 0 auto; padding: 0; list-style: none; }
  .tix-payment-marks li { display: flex; align-items: center; justify-content: center; flex: 0 1 138px; min-width: 0; height: 58px; padding: 7px 12px; border: 1px solid #dedede; border-radius: 3px; background: #fff; box-sizing: border-box; }
  .tix-payment-marks img { display: block; max-width: 100%; object-fit: contain; }
  .tix-payment-note { max-width: 420px; margin: 10px auto 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
  .tix-closed .tix-payment-methods { margin-bottom: 0; padding-top: 20px; border-top: 1px solid var(--line); }
  @media (max-width: 480px) {
    .tix-payment-marks li { flex-basis: calc((100% - 16px) / 3); height: 54px; padding: 5px 8px; }
  }
}