/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
#storybook-root:has(> .collapsible-section) {
  max-width: var(--hg-container-lg, 32rem);
}
.collapsible-section {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
  border-color: var(--hgc-collapsible-border-color);
  background-clip: padding-box;
  background-color: var(--hgc-collapsible-content-bg);
  --animate-speed: 0s;
  &:has(button[aria-expanded='true']) .collapsible-section--content {
    padding-block: calc(var(--hg-spacing, 4px) * 4);
  }
  &:not(:has(+ .collapsible-section)) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.collapsible-section--title {
  font-size: var(--hg-text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--hg-text-2xl--line-height, 1.3333));
  background-color: var(--hgc-collapsible-title-bg);
  &:focus {
    background-color: var(--hgc-collapsible-title-bg-hover);
  }
  .collapsible-section--open & {
    background-color: var(--hgc-collapsible-title-bg-active);
  }
  &:hover {
    background-color: var(--hgc-collapsible-title-bg-hover);
  }
}
.collapsible-section--content {
  height: auto;
  padding-bottom: calc(var(--hg-spacing, 4px) * 2);
  font-size: var(--hg-text-base, 1rem);
  line-height: var(--tw-leading, var(--hg-text-base--line-height, 1.5));
  color: var(--hgc-collapsible-content-text);
  :first-child {
    margin-top: calc(var(--hg-spacing, 4px) * 0);
  }
  :last-child {
    margin-bottom: calc(var(--hg-spacing, 4px) * 0);
  }
}
.collapsible-section--js:not(.collapsible-section--open) .collapsible-section--content {
  height: calc(var(--hg-spacing, 4px) * 0);
  padding-bottom: calc(var(--hg-spacing, 4px) * 0);
}
.collapsible-section--animate {
  --animate-speed: 500ms;
}
.collapsible-section--open {
  .collapsible-section--icon {
    rotate: 180deg;
  }
  .collapsible-section--content {
    height: var(--natural-height);
    padding-bottom: calc(var(--hg-spacing, 4px) * 2);
  }
}
.collapsible-section--resizing.collapsible-section--open .collapsible-section--content {
  height: auto;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-border-style: solid;
    }
  }
}
