.b-icon-list .b__content {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
[dir=rtl] .b-icon-list .b__content {
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
.b-icon-list .b__content + .b__list {
  margin-top: var(--block-spacing);
}
.b-icon-list .b__list {
  width: 1px;
  min-width: calc(100% / var(--layout-columns) * 24 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
[dir=rtl] .b-icon-list .b__list {
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
}
.b-icon-list .b__list .c-list {
  display: flex;
  flex-flow: column;
}
.b-icon-list .b__list .c-list__item {
  margin-top: calc(var(--layout-gutter) * 1.5);
}
.b-icon-list .b__list .c-list__item:first-child {
  margin-top: 0;
}
.b-icon-list .b__list .c-list__icon {
  width: 1px;
  min-width: calc(100% / 24 * 4 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-left: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
[dir=rtl] .b-icon-list .b__list .c-list__icon {
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-right: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
.b-icon-list .b__list .c-list__icon .c-icon {
  width: clamp(3rem, 2.05vw + 2.54rem, 5rem);
  height: clamp(3rem, 2.05vw + 2.54rem, 5rem);
  padding: clamp(0.75rem, 0.26vw + 0.69rem, 1rem);
  background-color: var(--color-primary);
  border-radius: 50%;
}
.b-icon-list .b__list .c-list__icon .c-icon svg path {
  fill: var(--color-text-inverted);
}
.b-icon-list .b__list .c-list__title {
  color: var(--color-primary);
  font-weight: 700;
  font-size: clamp(1.13rem, 1.28vw + 0.84rem, 2.38rem);
}
.b-icon-list .b__list .c-list__title {
  width: 1px;
  min-width: calc(100% / 24 * 20 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-left: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
[dir=rtl] .b-icon-list .b__list .c-list__title {
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-right: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
.b-icon-list .b__list .c-list__title {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
.b-icon-list .b__list .c-list__content {
  width: 1px;
  min-width: calc(100% / 24 * 24 - var(--layout-gutter) - 0.01px);
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-left: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
[dir=rtl] .b-icon-list .b__list .c-list__content {
  margin-left: calc(var(--layout-gutter) / 2);
  margin-right: calc(var(--layout-gutter) / 2);
  margin-inline-end: calc(var(--layout-gutter) / 2);
  margin-inline-start: calc(var(--layout-gutter) / 2);
  margin-right: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
  margin-inline-start: calc(100% / 24 * 0 + var(--layout-gutter) / 2);
}
.b-icon-list .b__list .c-list__content {
  position: relative;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b-icon-list .b__list .c-list__content-inner {
  position: relative;
  transition: max-height 0.4s ease-in-out;
  overflow: hidden;
  width: 100%;
}
.b-icon-list .b__list .c-list__content-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(to bottom, transparent, var(--color-background-1));
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.b-icon-list .b__list .c-list__content-inner[data-collapsed=true] {
  max-height: 260px;
}
.b-icon-list .b__list .c-list__content-inner[data-collapsed=true]::after {
  opacity: 1;
}
.b-icon-list .b__list .c-list__content-inner[data-collapsed=false]::after {
  opacity: 0;
}
.b-icon-list .b__list .c-button.c-list__expand-btn {
  margin-top: 12px;
  gap: 8px;
}
.b-icon-list .b__list .c-button.c-list__expand-btn[hidden] {
  display: none;
}
.b-icon-list .b__list .c-list__expand-icon {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}
.b-icon-list .b__list .c-list__expand-icon .c-list__expand-icon-horizontal {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.b-icon-list .b__list .c-button.c-list__expand-btn.active .c-list__expand-icon-horizontal {
  opacity: 0;
  transform: rotate(90deg);
}

@media (min-width: 768px) {
  .b-icon-list .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__content {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 2 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__icon {
    width: 1px;
    min-width: calc(100% / 20 * 3 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__icon {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__title {
    width: 1px;
    min-width: calc(100% / 20 * 17 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__title {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__content {
    width: 1px;
    min-width: calc(100% / 20 * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__content {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1024px) {
  .b-icon-list .b__list .c-list__icon {
    width: 1px;
    min-width: calc(100% / 20 * 2 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__icon {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__title {
    width: 1px;
    min-width: calc(100% / 20 * 18 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__title {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__content {
    width: 1px;
    min-width: calc(100% / 20 * 20 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__content {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 0 + var(--layout-gutter) / 2);
  }
}
@media (min-width: 1280px) {
  .b-icon-list .b__content {
    width: 1px;
    min-width: calc(100% / var(--layout-columns) * 16 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__content {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / var(--layout-columns) * 4 + var(--layout-gutter) / 2);
  }
  .b-icon-list .b__list .c-list__icon {
    display: flex;
    justify-content: flex-end;
  }
  .b-icon-list .b__list .c-list__content {
    width: 1px;
    min-width: calc(100% / 20 * 18 - var(--layout-gutter) - 0.01px);
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-left: calc(100% / 20 * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 2 + var(--layout-gutter) / 2);
  }
  [dir=rtl] .b-icon-list .b__list .c-list__content {
    margin-left: calc(var(--layout-gutter) / 2);
    margin-right: calc(var(--layout-gutter) / 2);
    margin-inline-end: calc(var(--layout-gutter) / 2);
    margin-inline-start: calc(var(--layout-gutter) / 2);
    margin-right: calc(100% / 20 * 2 + var(--layout-gutter) / 2);
    margin-inline-start: calc(100% / 20 * 2 + var(--layout-gutter) / 2);
  }
}

/*# sourceMappingURL=style.css.map */