/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-space-y-reverse: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --payments-spacing: .25rem;
    --payments-container-6xl: 72rem;
    --payments-text-xs: .75rem;
    --payments-text-xs--line-height: calc(1 / .75);
  }
}

@layer base, components;

@layer utilities {
  .payments\:relative {
    position: relative;
  }

  .payments\:mt-1 {
    margin-top: calc(var(--payments-spacing) * 1);
  }

  .payments\:mb-\[--action-bar-height\] {
    margin-bottom: --action-bar-height;
  }

  .payments\:flex {
    display: flex;
  }

  .payments\:h-full {
    height: 100%;
  }

  .payments\:max-w-6xl {
    max-width: var(--payments-container-6xl);
  }

  .payments\:flex-1 {
    flex: 1;
  }

  .payments\:flex-col {
    flex-direction: column;
  }

  .payments\:gap-4 {
    gap: calc(var(--payments-spacing) * 4);
  }

  :where(.payments\:space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--payments-spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--payments-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.payments\:space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--payments-spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--payments-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  .payments\:overflow-hidden {
    overflow: hidden;
  }

  .payments\:overflow-y-auto {
    overflow-y: auto;
  }

  .payments\:py-4 {
    padding-block: calc(var(--payments-spacing) * 4);
  }

  .payments\:pb-16 {
    padding-bottom: calc(var(--payments-spacing) * 16);
  }

  .payments\:text-xs {
    font-size: var(--payments-text-xs);
    line-height: var(--tw-leading, var(--payments-text-xs--line-height));
  }

  .payments\:text-muted-foreground {
    color: var(--muted-foreground);
  }

  .payments\:underline {
    text-decoration-line: underline;
  }

  @media (hover: hover) {
    .payments\:hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
