/**
 * Don't edit this file. Find all style at ./sass folder.
 **/
.tab-group-block {
  --buttons-gap: 8px;
}
.tab-group-block .tab-buttons-wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--buttons-gap);
}
.tab-group-block .tab-item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  padding: 8px 16px;
  min-height: 60px;
  flex-grow: 1;
  flex-basis: auto;
  border: 0;
  text-align: center;
  background-color: transparent;
  appearance: none;
  cursor: pointer;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .tab-group-block .tab-item-button {
    min-height: 52px;
    padding: 8px;
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-item-button {
    min-height: 52px;
    padding: 8px;
  }
}
.tab-group-block .classic-style .tab-item-button {
  background-color: white;
  color: var(--color-mds-primary-1);
  border: 1px solid var(--color-mds-primary-1);
}
.tab-group-block .classic-style .tab-item-button:hover, .tab-group-block .classic-style .tab-item-button.active-tab-button {
  font-weight: 600;
  background-color: var(--color-mds-primary-1);
  color: var(--color-full-white);
}
.tab-group-block .classic-style + .tab-content-wrapper {
  margin-top: 8px;
}
.tab-group-block .tab-item-text {
  display: inline-block;
  width: 100%;
}
.tab-group-block .simple-style .tab-item-button {
  color: var(--color-mds-secondary-1);
}
.tab-group-block .simple-style .tab-item-button .tab-item-text {
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
}
.tab-group-block .simple-style .tab-item-button:hover, .tab-group-block .simple-style .tab-item-button.active-tab-button {
  color: var(--color-mds-black);
}
.tab-group-block .simple-style .tab-item-button:hover .tab-item-text, .tab-group-block .simple-style .tab-item-button.active-tab-button .tab-item-text {
  border-bottom-color: var(--color-mds-primary-1);
}
.tab-group-block .simple-style .tab-item-button:hover {
  color: var(--color-mds-primary-1);
}
.tab-group-block .simple-style .tab-item-button.active-tab-button {
  font-weight: 600;
}

.tab-group-block .tab-buttons-wrapper[style*="--text-transform"] .tab-item-button {
  text-transform: var(--text-transform);
}
.tab-group-block .tab-buttons-wrapper[style*="--font-weight-desktop"] .tab-item-button {
  font-weight: var(--font-weight-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--font-size-desktop"] .tab-item-button {
  font-size: var(--font-size-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--line-height-desktop"] .tab-item-button {
  line-height: var(--line-height-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--text-align-desktop"] .tab-item-button {
  text-align: var(--text-align-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--font-family"] .tab-item-button {
  font-family: var(--font-family);
}
@media (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--font-weight-tablet"] .tab-item-button {
    font-weight: var(--font-weight-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-size-tablet"] .tab-item-button {
    font-size: var(--font-size-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--line-height-tablet"] .tab-item-button {
    line-height: var(--line-height-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--text-align-tablet"] .tab-item-button {
    text-align: var(--text-align-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-family-tablet"] .tab-item-button {
    font-family: var(--font-family-tablet);
  }
}
@container (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--font-weight-tablet"] .tab-item-button {
    font-weight: var(--font-weight-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-size-tablet"] .tab-item-button {
    font-size: var(--font-size-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--line-height-tablet"] .tab-item-button {
    line-height: var(--line-height-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--text-align-tablet"] .tab-item-button {
    text-align: var(--text-align-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-family-tablet"] .tab-item-button {
    font-family: var(--font-family-tablet);
  }
}
@media (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--font-weight-mobile"] .tab-item-button {
    font-weight: var(--font-weight-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-size-mobile"] .tab-item-button {
    font-size: var(--font-size-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--line-height-mobile"] .tab-item-button {
    line-height: var(--line-height-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--text-align-mobile"] .tab-item-button {
    text-align: var(--text-align-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-family-mobile"] .tab-item-button {
    font-family: var(--font-family-mobile);
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--font-weight-mobile"] .tab-item-button {
    font-weight: var(--font-weight-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-size-mobile"] .tab-item-button {
    font-size: var(--font-size-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--line-height-mobile"] .tab-item-button {
    line-height: var(--line-height-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--text-align-mobile"] .tab-item-button {
    text-align: var(--text-align-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--font-family-mobile"] .tab-item-button {
    font-family: var(--font-family-mobile);
  }
}
.tab-group-block .tab-buttons-wrapper[style*="--border-color"] .tab-item-button {
  border-color: var(--border-color);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-style"] .tab-item-button {
  border-style: var(--border-style);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-width-top"] .tab-item-button {
  border-top-width: var(--border-width-top);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-width-bottom"] .tab-item-button {
  border-bottom-width: var(--border-width-bottom);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-width-left"] .tab-item-button {
  border-left-width: var(--border-width-left);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-width-right"] .tab-item-button {
  border-right-width: var(--border-width-right);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-top-left-radius"] .tab-item-button {
  border-top-left-radius: var(--border-top-left-radius);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-top-right-radius"] .tab-item-button {
  border-top-right-radius: var(--border-top-right-radius);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-bottom-right-radius"] .tab-item-button {
  border-bottom-right-radius: var(--border-bottom-right-radius);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-bottom-left-radius"] .tab-item-button {
  border-bottom-left-radius: var(--border-bottom-left-radius);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-color-box-top"] .tab-item-button {
  border-top-color: var(--border-color-box-top);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-color-box-bottom"] .tab-item-button {
  border-bottom-color: var(--border-color-box-bottom);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-color-box-left"] .tab-item-button {
  border-left-color: var(--border-color-box-left);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-color-box-right"] .tab-item-button {
  border-right-color: var(--border-color-box-right);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-style-box-top"] .tab-item-button {
  border-top-style: var(--border-style-box-top);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-style-box-bottom"] .tab-item-button {
  border-bottom-style: var(--border-style-box-bottom);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-style-box-left"] .tab-item-button {
  border-left-style: var(--border-style-box-left);
}
.tab-group-block .tab-buttons-wrapper[style*="--border-style-box-right"] .tab-item-button {
  border-right-style: var(--border-style-box-right);
}
@media (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-tablet"] .tab-item-button {
    border-color: var(--border-color-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-tablet"] .tab-item-button {
    border-style: var(--border-style-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-top-tablet"] .tab-item-button {
    border-top-width: var(--border-width-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-bottom-tablet"] .tab-item-button {
    border-bottom-width: var(--border-width-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-left-tablet"] .tab-item-button {
    border-left-width: var(--border-width-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-right-tablet"] .tab-item-button {
    border-right-width: var(--border-width-right-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-left-radius-tablet"] .tab-item-button {
    border-top-left-radius: var(--border-top-left-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-right-radius-tablet"] .tab-item-button {
    border-top-right-radius: var(--border-top-right-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-right-radius-tablet"] .tab-item-button {
    border-bottom-right-radius: var(--border-bottom-right-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-left-radius-tablet"] .tab-item-button {
    border-bottom-left-radius: var(--border-bottom-left-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-top-tablet"] .tab-item-button {
    border-top-color: var(--border-color-box-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-bottom-tablet"] .tab-item-button {
    border-bottom-color: var(--border-color-box-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-left-tablet"] .tab-item-button {
    border-left-color: var(--border-color-box-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-right-tablet"] .tab-item-button {
    border-right-color: var(--border-color-box-right-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-top-tablet"] .tab-item-button {
    border-top-style: var(--border-style-box-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-bottom-tablet"] .tab-item-button {
    border-bottom-style: var(--border-style-box-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-left-tablet"] .tab-item-button {
    border-left-style: var(--border-style-box-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-right-tablet"] .tab-item-button {
    border-right-style: var(--border-style-box-right-tablet);
  }
}
@container (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-tablet"] .tab-item-button {
    border-color: var(--border-color-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-tablet"] .tab-item-button {
    border-style: var(--border-style-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-top-tablet"] .tab-item-button {
    border-top-width: var(--border-width-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-bottom-tablet"] .tab-item-button {
    border-bottom-width: var(--border-width-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-left-tablet"] .tab-item-button {
    border-left-width: var(--border-width-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-right-tablet"] .tab-item-button {
    border-right-width: var(--border-width-right-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-left-radius-tablet"] .tab-item-button {
    border-top-left-radius: var(--border-top-left-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-right-radius-tablet"] .tab-item-button {
    border-top-right-radius: var(--border-top-right-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-right-radius-tablet"] .tab-item-button {
    border-bottom-right-radius: var(--border-bottom-right-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-left-radius-tablet"] .tab-item-button {
    border-bottom-left-radius: var(--border-bottom-left-radius-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-top-tablet"] .tab-item-button {
    border-top-color: var(--border-color-box-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-bottom-tablet"] .tab-item-button {
    border-bottom-color: var(--border-color-box-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-left-tablet"] .tab-item-button {
    border-left-color: var(--border-color-box-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-right-tablet"] .tab-item-button {
    border-right-color: var(--border-color-box-right-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-top-tablet"] .tab-item-button {
    border-top-style: var(--border-style-box-top-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-bottom-tablet"] .tab-item-button {
    border-bottom-style: var(--border-style-box-bottom-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-left-tablet"] .tab-item-button {
    border-left-style: var(--border-style-box-left-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-right-tablet"] .tab-item-button {
    border-right-style: var(--border-style-box-right-tablet);
  }
}
@media (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-mobile"] .tab-item-button {
    border-color: var(--border-color-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-mobile"] .tab-item-button {
    border-style: var(--border-style-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-top-mobile"] .tab-item-button {
    border-top-width: var(--border-width-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-bottom-mobile"] .tab-item-button {
    border-bottom-width: var(--border-width-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-left-mobile"] .tab-item-button {
    border-left-width: var(--border-width-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-right-mobile"] .tab-item-button {
    border-right-width: var(--border-width-right-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-left-radius-mobile"] .tab-item-button {
    border-top-left-radius: var(--border-top-left-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-right-radius-mobile"] .tab-item-button {
    border-top-right-radius: var(--border-top-right-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-right-radius-mobile"] .tab-item-button {
    border-bottom-right-radius: var(--border-bottom-right-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-left-radius-mobile"] .tab-item-button {
    border-bottom-left-radius: var(--border-bottom-left-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-top-mobile"] .tab-item-button {
    border-top-color: var(--border-color-box-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-bottom-mobile"] .tab-item-button {
    border-bottom-color: var(--border-color-box-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-left-mobile"] .tab-item-button {
    border-left-color: var(--border-color-box-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-right-mobile"] .tab-item-button {
    border-right-color: var(--border-color-box-right-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-top-mobile"] .tab-item-button {
    border-top-style: var(--border-style-box-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-bottom-mobile"] .tab-item-button {
    border-bottom-style: var(--border-style-box-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-left-mobile"] .tab-item-button {
    border-left-style: var(--border-style-box-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-right-mobile"] .tab-item-button {
    border-right-style: var(--border-style-box-right-mobile);
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-mobile"] .tab-item-button {
    border-color: var(--border-color-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-mobile"] .tab-item-button {
    border-style: var(--border-style-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-top-mobile"] .tab-item-button {
    border-top-width: var(--border-width-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-bottom-mobile"] .tab-item-button {
    border-bottom-width: var(--border-width-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-left-mobile"] .tab-item-button {
    border-left-width: var(--border-width-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-width-right-mobile"] .tab-item-button {
    border-right-width: var(--border-width-right-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-left-radius-mobile"] .tab-item-button {
    border-top-left-radius: var(--border-top-left-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-top-right-radius-mobile"] .tab-item-button {
    border-top-right-radius: var(--border-top-right-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-right-radius-mobile"] .tab-item-button {
    border-bottom-right-radius: var(--border-bottom-right-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-bottom-left-radius-mobile"] .tab-item-button {
    border-bottom-left-radius: var(--border-bottom-left-radius-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-top-mobile"] .tab-item-button {
    border-top-color: var(--border-color-box-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-bottom-mobile"] .tab-item-button {
    border-bottom-color: var(--border-color-box-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-left-mobile"] .tab-item-button {
    border-left-color: var(--border-color-box-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-color-box-right-mobile"] .tab-item-button {
    border-right-color: var(--border-color-box-right-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-top-mobile"] .tab-item-button {
    border-top-style: var(--border-style-box-top-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-bottom-mobile"] .tab-item-button {
    border-bottom-style: var(--border-style-box-bottom-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-left-mobile"] .tab-item-button {
    border-left-style: var(--border-style-box-left-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--border-style-box-right-mobile"] .tab-item-button {
    border-right-style: var(--border-style-box-right-mobile);
  }
}
.tab-group-block .tab-buttons-wrapper[style*="--padding-desktop-top"] .tab-item-button {
  padding-top: var(--padding-desktop-top);
}
.tab-group-block .tab-buttons-wrapper[style*="--padding-desktop-bottom"] .tab-item-button {
  padding-bottom: var(--padding-desktop-bottom);
}
.tab-group-block .tab-buttons-wrapper[style*="--padding-desktop-left"] .tab-item-button {
  padding-left: var(--padding-desktop-left);
}
.tab-group-block .tab-buttons-wrapper[style*="--padding-desktop-right"] .tab-item-button {
  padding-right: var(--padding-desktop-right);
}
@media (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-top"] .tab-item-button {
    padding-top: var(--padding-tablet-top);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-bottom"] .tab-item-button {
    padding-bottom: var(--padding-tablet-bottom);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-left"] .tab-item-button {
    padding-left: var(--padding-tablet-left);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-right"] .tab-item-button {
    padding-right: var(--padding-tablet-right);
  }
}
@container (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-top"] .tab-item-button {
    padding-top: var(--padding-tablet-top);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-bottom"] .tab-item-button {
    padding-bottom: var(--padding-tablet-bottom);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-left"] .tab-item-button {
    padding-left: var(--padding-tablet-left);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-tablet-right"] .tab-item-button {
    padding-right: var(--padding-tablet-right);
  }
}
@media (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-top"] .tab-item-button {
    padding-top: var(--padding-mobile-top);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-bottom"] .tab-item-button {
    padding-bottom: var(--padding-mobile-bottom);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-left"] .tab-item-button {
    padding-left: var(--padding-mobile-left);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-right"] .tab-item-button {
    padding-right: var(--padding-mobile-right);
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-top"] .tab-item-button {
    padding-top: var(--padding-mobile-top);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-bottom"] .tab-item-button {
    padding-bottom: var(--padding-mobile-bottom);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-left"] .tab-item-button {
    padding-left: var(--padding-mobile-left);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--padding-mobile-right"] .tab-item-button {
    padding-right: var(--padding-mobile-right);
  }
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-layout-desktop"] .tab-item-button {
  flex-basis: calc(100% / var(--buttons-layout-desktop) - var(--buttons-gap) + var(--buttons-gap) / var(--buttons-layout-desktop));
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-alignment-desktop"] {
  justify-content: var(--buttons-alignment-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-gap-desktop"] {
  justify-content: var(--buttons-gap-desktop);
  --buttons-gap: var(--buttons-gap-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-min-height-desktop"] .tab-item-button {
  min-height: var(--buttons-min-height-desktop);
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-min-width-desktop"] .tab-item-button {
  min-width: var(--buttons-min-width-desktop);
}
@media (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-layout-tablet"] .tab-item-button {
    flex-basis: calc(100% / var(--buttons-layout-tablet) - var(--buttons-gap) + var(--buttons-gap) / var(--buttons-layout-tablet));
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-alignment-tablet"] {
    justify-content: var(--buttons-alignment-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-gap-tablet"] {
    justify-content: var(--buttons-gap-tablet);
    --buttons-gap: var(--buttons-gap-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-height-tablet"] .tab-item-button {
    min-height: var(--buttons-min-height-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-width-tablet"] .tab-item-button {
    min-width: var(--buttons-min-width-tablet);
  }
}
@container (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-layout-tablet"] .tab-item-button {
    flex-basis: calc(100% / var(--buttons-layout-tablet) - var(--buttons-gap) + var(--buttons-gap) / var(--buttons-layout-tablet));
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-alignment-tablet"] {
    justify-content: var(--buttons-alignment-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-gap-tablet"] {
    justify-content: var(--buttons-gap-tablet);
    --buttons-gap: var(--buttons-gap-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-height-tablet"] .tab-item-button {
    min-height: var(--buttons-min-height-tablet);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-width-tablet"] .tab-item-button {
    min-width: var(--buttons-min-width-tablet);
  }
}
@media (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-layout-mobile"] .tab-item-button {
    flex-basis: calc(100% / var(--buttons-layout-mobile) - var(--buttons-gap) + var(--buttons-gap) / var(--buttons-layout-mobile));
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-alignment-mobile"] {
    justify-content: var(--buttons-alignment-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-gap-mobile"] {
    justify-content: var(--buttons-gap-mobile);
    --buttons-gap: var(--buttons-gap-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-height-mobile"] .tab-item-button {
    min-height: var(--buttons-min-height-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-width-mobile"] .tab-item-button {
    min-width: var(--buttons-min-width-mobile);
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-layout-mobile"] .tab-item-button {
    flex-basis: calc(100% / var(--buttons-layout-mobile) - var(--buttons-gap) + var(--buttons-gap) / var(--buttons-layout-mobile));
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-alignment-mobile"] {
    justify-content: var(--buttons-alignment-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-gap-mobile"] {
    justify-content: var(--buttons-gap-mobile);
    --buttons-gap: var(--buttons-gap-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-height-mobile"] .tab-item-button {
    min-height: var(--buttons-min-height-mobile);
  }
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-min-width-mobile"] .tab-item-button {
    min-width: var(--buttons-min-width-mobile);
  }
}
.tab-group-block .tab-buttons-wrapper[style*="--color-default-bgcolor"] .tab-item-button {
  background-color: var(--color-default-bgcolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-default-textcolor"] .tab-item-button .tab-item-text {
  color: var(--color-default-textcolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-hover-bordercolor"] .tab-item-button:hover {
  border-color: var(--color-hover-bordercolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-hover-bgcolor"] .tab-item-button:hover {
  background-color: var(--color-hover-bgcolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-hover-textcolor"] .tab-item-button:hover .tab-item-text {
  color: var(--color-hover-textcolor);
  border-color: var(--color-hover-bordercolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-active-bordercolor"] .tab-item-button.active-tab-button {
  border-color: var(--color-active-bordercolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-active-bgcolor"] .tab-item-button.active-tab-button {
  background-color: var(--color-active-bgcolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--color-active-textcolor"] .tab-item-button.active-tab-button .tab-item-text {
  color: var(--color-active-textcolor);
  border-color: var(--color-active-bordercolor);
}
.tab-group-block .tab-buttons-wrapper[style*="--buttons-auto-fill-desktop"] .tab-item-button {
  flex-grow: var(--buttons-auto-fill-desktop);
}
@media (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-auto-fill-tablet"] .tab-item-button {
    flex-grow: var(--buttons-auto-fill-tablet);
  }
}
@container (max-width: 959px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-auto-fill-tablet"] .tab-item-button {
    flex-grow: var(--buttons-auto-fill-tablet);
  }
}
@media (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-auto-fill-mobile"] .tab-item-button {
    flex-grow: var(--buttons-auto-fill-mobile);
  }
}
@container (max-width: 599px) {
  .tab-group-block .tab-buttons-wrapper[style*="--buttons-auto-fill-mobile"] .tab-item-button {
    flex-grow: var(--buttons-auto-fill-mobile);
  }
}

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