/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
.storybook-component--blockquote {
  max-width: var(--hg-container-md, 28rem);
}
@layer components {
  .blockquote {
    --tw-font-weight: var(--hg-font-weight-semibold, 600);
    font-weight: var(--hg-font-weight-semibold, 600);
    color: var(--hg-color-body-text);
  }
  .blockquote-text {
    font-size: var(--hg-text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--hg-text-xl--line-height, 1.5));
    --tw-leading: 1.5;
    line-height: 1.5;
    --tw-font-weight: var(--hg-font-weight-semibold, 600);
    font-weight: var(--hg-font-weight-semibold, 600);
    color: inherit;
  }
  .blockquote-name {
    font-size: var(--hg-text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--hg-text-xl--line-height, 1.5));
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--hg-font-weight-bold, 700);
    font-weight: var(--hg-font-weight-bold, 700);
    font-style: normal;
  }
  .blockquote-cite--text {
    font-size: var(--hg-text-base, 1rem);
    line-height: var(--tw-leading, var(--hg-text-base--line-height, 1.5));
    --tw-leading: 1.2;
    line-height: 1.2;
    --tw-font-weight: var(--hg-font-weight-normal, 400);
    font-weight: var(--hg-font-weight-normal, 400);
    font-style: italic;
    [class$="-light"] & {
      color: var(--hg-color-gray, #6b7280);
    }
    [class$="-dark"] & {
      color: var(--hg-color-gray-light, #d1d5db);
    }
  }
  a.blockquote-cite--text {
    text-decoration-line: underline;
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@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-font-weight: initial;
      --tw-leading: initial;
    }
  }
}
