ul.accordion {
  --_border-color: var(--border-color, var(--blue));
  --_hover-color: var(--hover-color-k, var(--blue));
}
ul.accordion li {
  list-style: none;
  border-top: 1px solid var(--_border-color);
}
ul.accordion li:last-child {
  border-bottom: 1px solid var(--_border-color);
}
ul.accordion li .title {
  width: 100%;
  text-align: left;
  padding: 0.9375rem;
  cursor: pointer;
  font-size: clamp(18px, 1.4vw, 20px);
  -webkit-transition: background-color var(--bezier);
  transition: background-color var(--bezier);
  color: inherit;
}
ul.accordion li .title:hover {
  background: var(--_hover-color);
}
ul.accordion li .title [class^=icon] {
  width: 1.125rem;
  height: 0.625rem;
  -webkit-transition: var(--bezier);
  transition: var(--bezier);
}
ul.accordion li.active .title [class^=icon] {
  scale: 1 -1;
}
ul.accordion li.active .content {
  -webkit-transition: 0.3s ease-in-out, padding-inline 0s;
  transition: 0.3s ease-in-out, padding-inline 0s;
  padding: 0.625rem 0.9375rem 1.875rem 0.9375rem;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
ul.accordion .content {
  -webkit-transition: 0.3s ease-in-out, padding-inline 0s 0.3s;
  transition: 0.3s ease-in-out, padding-inline 0s 0.3s;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
}
ul.accordion .wrapper {
  overflow: hidden;
}