section.accordionblock {
  --_accordion-el-color: var(--accordion-el-color, var(--darkblue));
  --_accordion-bg: var(--accordion-bg, var(--white));
  --_accordion-bordercolor: var(--accordion-bordercolor, var(--grey50));
  --_accordion-ctacolor: var(--accordion-ctacolor, var(--ctablue));
  background: var(--_accordion-bg);
  color: var(--_accordion-el-color);
}
section.accordionblock.bg-dark {
  --accordion-el-color: var(--white);
  --accordion-bg: var(--darkblue);
  --accordion-bordercolor: var(--white);
  --accordion-ctacolor: var(--white);
}
section.accordionblock.bg-dark .btn {
  color: var(--white);
  border-color: var(--white);
}
section.accordionblock.bg-dark .btn:hover {
  background: var(--trafsysblue);
  color: var(--white);
}
section.accordionblock.bg-yellow {
  --accordion-bg: var(--yellow);
}
section.accordionblock .excerpt-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
section.accordionblock .excerpt-btn-wrap p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
section.accordionblock .excerpt-btn-wrap .btn {
  white-space: nowrap;
}
@container main (max-width: 47.9375rem) {
  section.accordionblock .excerpt-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
}
section.accordionblock .accordion .item {
  border-bottom: 0.0625rem solid var(--_accordion-bordercolor);
}
section.accordionblock .accordion .item.active button.title [class^=icon] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.accordionblock .accordion .item.active .content {
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  padding-bottom: 1.125rem;
}
section.accordionblock .accordion .item .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: inherit;
  border: none;
  text-align: initial;
  padding: 1.125rem 0.6875rem 1.125rem 0;
}
section.accordionblock .accordion .item .title .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font: var(--body-large-font);
}
section.accordionblock .accordion .item button.title {
  cursor: pointer;
}
section.accordionblock .accordion .item button.title [class^=icon] {
  width: 1.25rem;
  height: 0.625rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
section.accordionblock .accordion .item button.title [class^=icon]::after {
  background: var(--_accordion-ctacolor);
}
section.accordionblock .accordion .item .content {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -ms-grid-rows: 0fr;
  grid-template-rows: 0fr;
}
section.accordionblock .accordion .item .wrapper {
  overflow: hidden;
}
@container main (min-width: 64.0625rem) {
  section.accordionblock .accordion .title {
    gap: 2.5rem;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.accordionblock .accordion .title {
    gap: 1.875rem;
  }
}
@container main (max-width: 47.9375rem) {
  section.accordionblock .accordion .title {
    gap: 1.5625rem;
  }
}