@use "../global/variables" as *;

.el-collapse {
  border: none !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 20px
}
.el-collapse-item {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.el-collapse-item__header {
  background-color: transparent !important;
  border-bottom: none !important;
  line-height: 100% !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding-inline: 8px !important;
  color: $accentDark !important;
}
.el-collapse-item__header.focusing:focus:not(:hover) {
  color: $accentDark !important;
}
.el-collapse-item__wrap {
  border-top: 2px solid #e5e7eb;
  border-bottom: none !important;
  background-color: transparent !important;
}
.el-collapse-item__content {
  padding: 10px !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.el-collapse .el-icon {
  display: none !important;
}