/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../node_modules/.pnpm/next@15.5.10_@babel+core@7.28.5_@playwright+test@1.57.0_babel-plugin-macros@3.1.0_react_35bda6a839c71f675fe0379c2ac9c56d/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../../../node_modules/.pnpm/next@15.5.10_@babel+core@7.28.5_@playwright+test@1.57.0_babel-plugin-macros@3.1.0_react_35bda6a839c71f675fe0379c2ac9c56d/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!../../packages/ui/src/collapsible.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes collapsible-down {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }
}

@keyframes collapsible-up {
  from {
    height: var(--radix-collapsible-content-height);
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}

.collapsible-content[data-state="open"] {
  animation: collapsible-down 260ms cubic-bezier(0.2, 0.8, 0.4, 1);
}

.collapsible-content[data-state="closed"] {
  animation: collapsible-up 200ms cubic-bezier(0.3, 0.8, 0.6, 1);
}

@media (prefers-reduced-motion: reduce) {
  .collapsible-content[data-state="open"],
  .collapsible-content[data-state="closed"] {
    animation: none;
  }
}