/* HM Accordeon 1.0.4 — Novokits & ChatGPT */
.hm-accordeon,
.hm-accordeon * {
  box-sizing: border-box;
}
.hm-accordeon {
  display: block;
  clear: none;
  max-width: 100%;
  margin: 12px 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  float: none;
  contain: none !important;
}

.hm-accordeon-toggle {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100% !important;
  max-width: 100%;
  min-height: 34px;
  padding: 7px 10px !important;
  margin: 0 !important;
  border: 1px solid rgba(130, 130, 130, .35) !important;
  border-radius: 6px !important;
  background: linear-gradient(rgba(255,255,255,.08), rgba(0,0,0,.08)) !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1.25 !important;
  text-align: left !important;
  cursor: pointer;
  white-space: normal;
  overflow: visible;
  box-shadow: none !important;
}
.hm-accordeon-toggle:hover,
.hm-accordeon-toggle:focus {
  background: linear-gradient(rgba(255,255,255,.13), rgba(0,0,0,.06)) !important;
  outline: none;
}
.hm-accordeon-title {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.hm-accordeon-label {
  display: inline-block;
  flex: 0 0 auto;
  min-width: 68px;
  padding: 2px 8px;
  border: 1px solid rgba(130,130,130,.45);
  border-radius: 12px;
  font-size: .9em;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  opacity: .95;
}
.hm-accordeon-panel {
  display: block;
  max-width: 100%;
  padding: 12px 0 0;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.hm-accordeon-panel > table,
.hm-accordeon-panel table {
  display: table;
  width: auto;
  max-width: none;
}

.hm-accordeon-panel[hidden] {
  display: none !important;
}
.hm-accordeon-panel img,
.hm-accordeon-panel video,
.hm-accordeon-panel iframe {
  max-width: 100%;
}
body.light .hm-accordeon,
.light .hm-accordeon {
  background: transparent !important;
  border-color: transparent !important;
}
body.light .hm-accordeon-toggle,
.light .hm-accordeon-toggle {
  background: linear-gradient(#fff, #ededed) !important;
}
body.light .hm-accordeon-label,
.light .hm-accordeon-label {
  border-color: rgba(80,80,80,.25);
}
@media (max-width: 767px) {
  .hm-accordeon-toggle {
    align-items: flex-start;
    flex-direction: column;
  }
  .hm-accordeon-label {
    align-self: flex-start;
  }
}