import n from"style-inject";var e=".expand-collapse--wrapper .expand-collapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--color-content-primary);\n  background-color: transparent;\n  border: 1px solid;\n  border-color: #e6e9ef;\n  border-color: var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: 4px;\n}\n.expand-collapse--wrapper .expand-collapse__header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  -webkit-appearance: none;\n          appearance: none;\n  padding: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.expand-collapse--wrapper .expand-collapse__header:focus-visible, .expand-collapse--wrapper .expand-collapse__header.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209deg, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.expand-collapse--wrapper .expand-collapse__header:focus:not(.focus-visible) {\n  outline: none;\n}\n.expand-collapse--wrapper .expand-collapse__header:hover {\n  background-color: #c5c7d0;\n  background-color: var(--color-transparent-white-03);\n}\n.expand-collapse--wrapper .expand-collapse__header .expand-collapse__header-content {\n  margin: 0px;\n}\n.expand-collapse--wrapper .expand-collapse__header .icon_component {\n  color: #676879;\n  color: var(--icon-color);\n}\n.expand-collapse--wrapper .expand-collapse__header--open {\n  border-bottom: 1px solid;\n  border-color: #e6e9ef;\n  border-color: var(--ui-border-color);\n}\n.expand-collapse--wrapper .expand-collapse__content {\n  padding: 16px;\n}\n.expand-collapse--wrapper .expand-collapse__section {\n  width: 100%;\n}\n.expand-collapse--wrapper .animate-icon-open {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.expand-collapse--wrapper .animate-icon-close {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.expand-collapse--wrapper .animate-expand-collapse__content {\n  animation: expandContentAnimation var(--motion-productive-medium) var(--motion-timing-enter);\n}\n@keyframes expandContentAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0px);\n  }\n}";n(e,{insertAt:"top"});export{e as default};
