/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
.storybook-component--card-events {
  max-width: var(--hg-container-md, 28rem);
}
@layer components {
  .card-events {
    background-color: var(--hg-color-body-bg);
    color: var(--hg-color-body-text);
    .heading {
      --tw-font-weight: var(--hg-font-weight-bold, 700);
      font-weight: var(--hg-font-weight-bold, 700);
      color: var(--hg-color-brand, #155dfc);
    }
  }
  .card-events--description, .card-events--place {
    font-size: var(--hg-text-xl, 1.25rem);
    line-height: var(--tw-leading, var(--hg-text-xl--line-height, 1.5));
  }
  .card-events--place {
    --tw-font-weight: var(--hg-font-weight-semibold, 600);
    font-weight: var(--hg-font-weight-semibold, 600);
  }
}
@property --tw-font-weight {
  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;
    }
  }
}
