.shared-tabs {
  --tab-header-height: 4.8rem;
  --c--text: var(--c--white);
  --c--bg: var(--background--background-dark);
  --c--active--text: var(--c--primary);
  --c--checked--bg: var(--background--background-light);
  --c--hover--text--bg: var(--background--background-primary);
}
.shared-tabs .tabs-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing--1);
  overflow: hidden;
}
.shared-tabs .tabs-header .tab-header-item {
  padding-bottom: var(--spacing--1);
}
.shared-tabs .tabs-header .tab-header-item > input {
  display: none;
}
.shared-tabs .tabs-header .tab-header-item > input:checked + label {
  padding-top: 0;
}
.shared-tabs .tabs-header .tab-header-item > input:checked + label span {
  background-color: var(--c--checked--bg);
  transition: 0.3s ease background-color;
  color: var(--c--active--text);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: var(--spacing--2);
  z-index: -2;
}
.shared-tabs .tabs-header .tab-header-item > input:checked + label:before {
  transform: scale(1);
  background-color: var(--c--checked--bg);
  border-radius: 0;
}
.shared-tabs .tabs-header .tab-header-item > input:checked + label:after {
  display: none;
}
.shared-tabs .tabs-header .tab-header-item label {
  display: block;
  padding-top: var(--spacing--1);
  position: relative;
}
.shared-tabs .tabs-header .tab-header-item label span {
  font-size: var(--typography--font-size--md);
  font-weight: 700;
  color: var(--c--text);
  background-color: var(--c--bg);
  padding-inline: var(--spacing--4);
  height: var(--tab-header-height);
  border-radius: var(--radius--3);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: 0.3s ease background-color;
}
.shared-tabs .tabs-header .tab-header-item label:after {
  --d: 4rem;
  content: "";
  display: block;
  background-color: var(--c--text);
  position: absolute;
  top: calc(var(--spacing--1) * -1);
  bottom: calc(var(--spacing--1) * -1);
  left: calc(var(--spacing--1) * -1);
  right: calc(var(--spacing--1) * -1);
  border-radius: calc(var(--d) * 0.8);
  z-index: -3;
}
.shared-tabs .tabs-header .tab-header-item label:before {
  content: "";
  display: block;
  background-color: var(--c--bg);
  position: absolute;
  right: calc(var(--spacing--5) * -1);
  left: calc(var(--spacing--5) * -1);
  border-radius: var(--radius--3);
  top: 50%;
  height: 100%;
  margin: auto;
  z-index: -4;
  transition-origin: top center;
  transform: scale(0);
}
@media (max-width: 575px) {
  .shared-tabs .tabs-header .tab-header-item label span {
    padding-inline: var(--spacing--1);
  }
}
.shared-tabs .tabs-header .tab-header-item:hover span, .shared-tabs .tabs-header .tab-header-item:focus span {
  background-color: var(--c--hover--text--bg);
}
.shared-tabs .tabs-content {
  padding: var(--spacing--4);
  width: 100%;
  background-color: var(--c--checked--bg);
}
.shared-tabs .tabs-content .tab-content-item {
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.shared-tabs .tabs-content:has(:first-child.tabs-content-item--active) {
  border-top-right-radius: var(--radius--3);
  border-bottom-right-radius: var(--radius--3);
  border-bottom-left-radius: var(--radius--3);
}
.shared-tabs .tabs-content:has(:nth-child(2).tabs-content-item--active) {
  border-radius: var(--radius--3);
}
.shared-tabs .tabs-content:has(:last-child.tabs-content-item--active) {
  border-top-left-radius: var(--radius--3);
  border-bottom-right-radius: var(--radius--3);
  border-bottom-left-radius: var(--radius--3);
}
.shared-tabs .tab-content-item[data-tab-id$="--tab-info"] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--5);
}
.shared-tabs .tab-content-item[data-tab-id$="--tab-info"] .info--row > div:first-child {
  font-weight: 700;
}
/*# sourceMappingURL=shared-tabs.css.map */