.block--tabs .tabs__triggers {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
@media only screen and (max-width: 1024px) {
  .block--tabs .tabs__triggers {
    flex-wrap: nowrap;
    max-width: calc(100vw - 32px);
    padding-bottom: 16px;
    margin-bottom: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}
.block--tabs .tabs__trigger {
  cursor: pointer;
  transition: color 350ms var(--cb);
  scroll-snap-align: start;
}
@media only screen and (max-width: 1024px) {
  .block--tabs .tabs__trigger {
    white-space: nowrap;
  }
}
.block--tabs .tabs__trigger:not(.active) {
  color: var(--c-grey-500);
}
.block--tabs .tabs__trigger:hover {
  color: var(--c-primary-70);
}
.block--tabs .tabs__contents-drawer {
  background-color: var(--c-grey-100);
  border-top: 1px solid var(--c-primary);
  padding: 24px;
}
@media only screen and (max-width: 1024px) {
  .block--tabs .tabs__contents-drawer {
    padding: 24px 16px;
  }
}
.block--tabs .tabs__content-drawer {
  transition: height 350ms var(--cb);
  overflow: hidden;
}
.block--tabs .tabs__content-drawer:not(.active) {
  height: 0;
}
.block--tabs .tabs__content-drawer.active {
  height: auto;
}
.block--tabs .tabs__content-drawer .block--headline {
  color: var(--c-primary);
}
.block--tabs .tabs__content-drawer .block--copy {
  color: var(--c-primary-70);
}

.section--lightgrey .block--tabs .tabs__contents-drawer, .grid--lightgrey .block--tabs .tabs__contents-drawer {
  background-color: var(--c-white);
}

.section--blue .block--tabs .tabs__trigger:hover, .grid--blue .block--tabs .tabs__trigger:hover {
  color: var(--c-grey-300);
}
.section--blue .block--tabs .tabs__contents-drawer, .grid--blue .block--tabs .tabs__contents-drawer {
  border-top: 1px solid var(--c-secondary);
}

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