@charset "UTF-8";
.alpine-tabs:not(.alpine-tabs--compare) {
  display: grid;
  grid-template-areas: 'header right' 'left right';
  grid-template-columns: 100rem auto;
  grid-template-rows: minmax(4rem, auto);
  align-items: start; }
  @media (max-width: 1023px) {
    .alpine-tabs:not(.alpine-tabs--compare) {
      grid-template-areas: 'header' 'left' 'right';
      grid-template-columns: 100%; } }

.alpine-tabs--compare .alpine-tabs__item {
  color: #6F7682;
  font-weight: 500; }

@media (min-width: 1024px) {
  .alpine-tabs.alpine-tabs--v2 {
    grid-template-columns: 100%;
    grid-template-areas: 'header' 'left'; } }

.alpine-tabs.alpine-tabs--v2 .alpine-tabs__right {
  display: none; }

.alpine-tabs.alpine-tabs--v2 .alpine-tabs__left {
  padding-right: 0; }

.alpine-tabs__header {
  grid-area: header;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 4rem;
  position: relative;
  overflow: auto; }
  @media (min-width: 1024px) {
    .alpine-tabs__header::-webkit-scrollbar {
      width: 3px;
      /* ширина для вертикального скролла */
      height: 3px;
      /* высота для горизонтального скролла */
      border-radius: 0px;
      background-color: #D8D8D8; }
    .alpine-tabs__header::-webkit-scrollbar-thumb {
      background-color: #6F7682;
      border-radius: 10em; }
      .alpine-tabs__header::-webkit-scrollbar-thumb:hover {
        background-color: #6F7682; } }
  @media (max-width: 1023px) {
    .alpine-tabs__header {
      margin-bottom: 12px;
      gap: 10px;
      padding-bottom: 8px; } }

.alpine-tabs__item {
  display: inline-flex;
  height: 4rem;
  padding: 0 1.6rem;
  border: 1px solid #D8D8D8;
  border-radius: .4rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
  transition: all ease .3s;
  background: #FFFFFF;
  font-weight: 500; }
  @media (max-width: 1023px) {
    .alpine-tabs__item {
      height: 34px;
      padding: 0 12px; } }
  @media (min-width: 1024px) {
    .alpine-tabs__item:hover {
      cursor: pointer;
      border-color: #00A19B; } }
  .alpine-tabs__item:active {
    color: #00A19B;
    border-color: #00A19B; }
  .alpine-tabs__item.active {
    color: #FFFFFF;
    background-color: #00A19B;
    border-color: #00A19B;
    pointer-events: none; }

.alpine-tabs__left {
  grid-area: left; }
  @media (min-width: 1024px) {
    .alpine-tabs__left {
      padding-right: 3.2rem;
      height: 100%; } }
  @media (max-width: 1023px) {
    .alpine-tabs__left {
      padding-bottom: 20px; } }

.alpine-tabs__right {
  grid-area: right;
  background: #FFFFFF;
  padding-top: 4.8rem;
  position: relative; }
  @media (min-width: 1024px) {
    .alpine-tabs__right {
      padding-left: 8.4rem;
      margin: -4rem 0;
      align-self: stretch; } }
  @media (min-width: 1024px) and (max-width: 1659px) {
    .alpine-tabs__right {
      padding-left: 3.2rem;
      padding-right: 1.6rem; } }
  @media (max-width: 1023px) {
    .alpine-tabs__right {
      padding: 30px 16px 10px;
      margin: 0 -16px; } }
  .alpine-tabs__right:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100vw;
    background-color: #fff; }

.alpine-tabs__content {
  display: none;
  position: relative;
  z-index: 1;
  height: 100%; }
  .alpine-tabs__content.active {
    display: block; }

.alpine-tabs__mobile {
  display: flex; }
  @media (max-width: 575px) {
    .alpine-tabs__mobile {
      padding: 18px 0px;
      border-top: 1px solid #e4e4e4; }
      .alpine-tabs__mobile:last-child {
        border-bottom: 1px solid #e4e4e4; } }
  @media (max-width: 424px) {
    .alpine-tabs__mobile {
      padding: 11px 0px; } }