.accordion__item {
  background-color: rgba(255,255,255,0.5);
  padding: var(--s1);
  position: relative;
}
.accordion__content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 150ms ease;
}
.accordion__item::before {
	content: "";
	width: 50px;
	height: 50px;
	background-image: url(/assets/accordion-closed.svg);
	background-size: contain;
	position: absolute;
	top: var(--s1);
	right: var(--s1);
  pointer-events: none;
}
.accordion__item.is-open::before {
	background-image: url(/assets/accordion-open.svg);
}
.accordion__btn {
  cursor: pointer;
}
.accordion__title {
  font-size: 2.5rem;
  line-height: calc(1em + 0.5rem);
  text-align: left;
  padding-right: 70px;
  display: block;
  width: 100%;
}
.accordion__content {
  font-size: 2.2rem;
}
.accordion__content ul {
  margin-left: 3rem;
  list-style-type: disc;
}
.accordion__content *:first-child {
  margin-top: var(--s1);
}

/* sm */
@media (min-width: 576px) {
  .accordion__title {
    font-size: 3rem;
  }
  .accordion__content {
    font-size: 2.4rem;
  }
}

/* md */
@media (min-width: 768px) {
  .accordion__title {
    font-size: 3.5rem;
  }
  .accordion__content {
    font-size: 2.6rem;
  }
}

/* lg */
@media (min-width: 992px) {
  .accordion__title {
    font-size: 4rem;
  }
  .accordion__content {
    font-size: 2.8rem;
  }
}

/* xl */
@media (min-width: 1200px) {
  .accordion__title {
    font-size: 4.5rem;
  }
  .accordion__content {
    font-size: 3.2rem;
  }
}

/* xxl */
@media (min-width: 1400px) {
}