.alpine-tabs__header {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  border-radius: var(--b-radius);
  background-color: #F2F1F0; }
  @media (max-width: 767px) {
    .alpine-tabs__header {
      margin-bottom: 24px; } }

.alpine-tabs__item {
  position: relative;
  padding: 1.6rem 2.4rem;
  transition: all .3s ease;
  white-space: nowrap;
  color: #9A9CA1;
  border-radius: var(--b-radius);
  background-color: transparent; }
  @media (min-width: 1100px) {
    .alpine-tabs__item {
      cursor: pointer; }
      .alpine-tabs__item:hover {
        color: #1A1A1A; } }
  @media (max-width: 767px) {
    .alpine-tabs__item {
      padding: 8px 12px;
      width: 100%;
      text-align: center; } }
  .alpine-tabs__item.active {
    color: var(--theme-base-color);
    background-color: #fff;
    box-shadow: 7px 4px 12px 0px #1a1a1a12; }

.alpine-tabs__content {
  display: none; }
  .alpine-tabs__content.active {
    display: block; }

@media (max-width: 767px) {
  .alpine-tabs--v2 .alpine-tabs__content {
    margin-top: 22px; } }

.alpine-tabs--v2 .alpine-tabs__header {
  font-weight: 600; }
  @media (max-width: 767px) {
    .alpine-tabs--v2 .alpine-tabs__header {
      display: flex;
      flex-direction: column; } }

@media (max-width: 767px) {
  .alpine-tabs--v2 .alpine-tabs__item:after {
    display: none; }
  .alpine-tabs--v2 .alpine-tabs__item .icon {
    transform: rotate(90deg); } }

.alpine-tabs--v2 .alpine-tabs__item.active .icon {
  transform: rotate(-90deg);
  fill: var(--theme-base-color); }