/*! 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;
      --tw-font-weight: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --email-spacing: .25rem;
    --email-container-6xl: 72rem;
    --email-container-7xl: 80rem;
    --email-text-sm: .875rem;
    --email-text-sm--line-height: calc(1.25 / .875);
    --email-font-weight-medium: 500;
    --email-radius-sm: .25rem;
  }
}

@layer base, components;

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

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

  .email\:mb-2 {
    margin-bottom: calc(var(--email-spacing) * 2);
  }

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

  .email\:flex {
    display: flex;
  }

  .email\:inline-block {
    display: inline-block;
  }

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

  .email\:w-full {
    width: 100%;
  }

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

  .email\:max-w-7xl {
    max-width: var(--email-container-7xl);
  }

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

  .email\:list-inside {
    list-style-position: inside;
  }

  .email\:list-disc {
    list-style-type: disc;
  }

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

  .email\:gap-2 {
    gap: calc(var(--email-spacing) * 2);
  }

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

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

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

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

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

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

  .email\:rounded-sm {
    border-radius: var(--email-radius-sm);
  }

  .email\:bg-muted {
    background-color: var(--muted);
  }

  .email\:px-1 {
    padding-inline: calc(var(--email-spacing) * 1);
  }

  .email\:px-4 {
    padding-inline: calc(var(--email-spacing) * 4);
  }

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

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

  .email\:font-medium {
    --tw-font-weight: var(--email-font-weight-medium);
    font-weight: var(--email-font-weight-medium);
  }

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

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

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
