.tabs_nav {
  display: flex;
  padding-inline: min(24px, var(--container-padding));
  margin-inline: calc(-1 * min(24px, var(--container-padding)));
  overflow-x: auto;
  scrollbar-width: none;
  mask-image: linear-gradient(to right, transparent, #000 min(24px, var(--container-padding)), #000 calc(100% - min(24px, var(--container-padding))), transparent);
}
.tabs_nav::-webkit-scrollbar {
  display: none;
  height: 0;
}
@media (min-width: 740px) {
  .tabs_nav {
    column-gap: 12px;
  }
}
@media (max-width: 739.98px) {
  .tabs_nav {
    column-gap: 8px;
  }
}
.tabs_nav_btn {
  flex-shrink: 0;
  min-width: 76px;
  padding: 9px;
  margin-bottom: -1px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-bg-card);
  border-radius: 6px 6px 0 0;
  transition: all 150ms ease-in-out;
}
.tabs_nav_btn:hover, .tabs_nav_btn:focus-visible, .tabs_nav_btn.active {
  border-color: var(--color-border-alt);
}
.tabs_nav_btn.active {
  color: var(--color-accent-primary);
  background-color: var(--color-bg-secondary);
}
.tabs_container {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-alt);
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
}
@media (min-width: 740px) {
  .tabs_container {
    padding: 15px;
    border-start-end-radius: 12px;
  }
}
@media (max-width: 739.98px) {
  .tabs_container {
    padding: 11px;
  }
}
.tabs_content {
  display: grid;
  gap: 8px 12px;
}
@media (min-width: 740px) {
  .tabs_content:has(.tabs_pic) {
    grid-template-columns: 1fr 240px;
    align-items: center;
  }
}
.tabs_content:not(.active) {
  display: none;
}
.tabs_text {
  --margin-text: 4px;
  display: grid;
  row-gap: 8px;
}
.tabs_pic {
  border: solid 1px var(--color-border);
  border-radius: 12px;
}
@media (max-width: 739.98px) {
  .tabs_pic {
    justify-self: center;
    order: -1;
  }
}