.short-paragraph {
  padding-bottom: clamp(80px, 11vw, 200px);
}
.short-paragraph.theme-grey .short-paragraph__content {
  background-color: #F6F2EE;
}
.short-paragraph.theme-grey .short-paragraph__title, .short-paragraph.theme-grey .short-paragraph__text {
  color: #383434;
}
.short-paragraph.theme-light-grey .short-paragraph__content {
  background-color: #ECE8E4;
}
.short-paragraph.theme-light-grey .short-paragraph__title, .short-paragraph.theme-light-grey .short-paragraph__text {
  color: #383434;
}
.short-paragraph.theme-light-dark .short-paragraph__content {
  background-color: #111010;
}
.short-paragraph.theme-light-dark .short-paragraph__title, .short-paragraph.theme-light-dark .short-paragraph__text {
  color: #F6F2EE;
}
.short-paragraph__figure {
  width: 100%;
  height: auto;
}
.short-paragraph__wrapper {
  position: relative;
  width: 100%;
}
.short-paragraph__content {
  background-color: #1F1F1F;
  padding: 0 clamp(10px, 3vw, 36px) clamp(15px, 2vw, 50px);
  gap: clamp(12px, 3vw, 24px);
  border-radius: 0 0 20px 20px;
}
@media (max-width: 575px) {
  .short-paragraph__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.short-paragraph__label {
  height: 30px;
  background-color: #0DA1A3;
  border-radius: 22px;
  padding: 0 22px;
  font-size: clamp(0.875rem, 1.39vw, 1.25rem);
  letter-spacing: -0.02em;
  line-height: 1;
  color: #F6F2EE;
}
.short-paragraph__info {
  width: 100%;
}
.short-paragraph__title {
  color: #F6F2EE;
  width: 100%;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 3px;
  font-size: clamp(1.25rem, 1.39vw, 1.5rem);
  cursor: pointer;
}
.short-paragraph__title svg {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: clamp(18px, 2vw, 24px);
  height: clamp(18px, 2vw, 24px);
}
.short-paragraph__title-wrapp {
  width: 100%;
}
.short-paragraph__title-wrapp.active svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.short-paragraph__text {
  display: none;
  margin-top: 12px;
  max-width: 80%;
  font-size: clamp(1.25rem, 1.39vw, 1.5rem);
}
.short-paragraph__text p {
  margin-bottom: 0;
}