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

.el-collapse {
  border: none !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 20px
}
.el-collapse-item {
  border-radius: $default_border_radius;
  border: 1px solid $accentDark;
  background-color: rgba($accent, 0.2);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);
}
.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 $accentDark;
  border-bottom: none !important;
  background-color: transparent !important;
}
.el-collapse-item__content {
  padding: 10px !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.el-icon {
  display: none !important;
}