:root {
  --tme-color-tab-button: var(--tme-color-gray-700);
}

.c-tabs-group,
.c-tabs-group__inner {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
  .c-tabs-group {
    grid-template-columns: 25rem minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  .c-tabs-group__tabs {
    display: none;
  }
}

.c-tabs-group__menu {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .c-tabs-group__menu {
    display: none;
  }
}

.c-tabs-group__tab div.color-mode--dark button.c-accordion__button span {
  color: var(--tme-color-white);
}
@media (min-width: 768px) {
  .c-tabs-group__tab[aria-hidden=true] {
    display: none;
  }
}

@media (min-width: 768px) {
  .c-tabs-group__tab-title {
    display: none;
  }
}

.c-tabs-group__tab-button {
  font-size: var(--tme-fs-heading-h3);
  line-height: var(--tme-lh-heading-h3);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  color: var(--tme-color-tab-button);
  font-family: var(--tme-ff-headings);
  cursor: pointer;
  display: block;
  padding: 0;
  text-align: left;
  transition: color 0.35s ease-in-out;
}
@media (min-width: 768px) {
  .c-tabs-group__tab-button {
    --tme-color-tab-button: var(--tme-color-gray-400);
  }
  .c-tabs-group__tab-button:hover, .c-tabs-group__tab-button[aria-expanded=true] {
    --tme-color-tab-button: var(--tme-color-gray-700);
  }
}

.t-teme-temp1 .c-tabs-group--variant__horizontal,
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
  gap: 0;
}
.t-teme-temp1 .c-tabs-group--variant__horizontal > section.c-tabs-group {
  grid-template-columns: auto;
  grid-gap: 0;
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-weight: var(--tme-fw-bold);
  color: var(--tme-color-dark);
  padding: 1.25rem 1.75rem;
  width: 100%;
  border: 0.125rem solid var(--tme-color-primary-1);
  border-radius: 1.875rem 1.875rem 0 0;
}
@media (min-width: 1024px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
    padding: 1.75rem 3rem;
  }
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(2n + 1) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-1);
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(2n + 2) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-2);
  border-color: var(--tme-color-primary-2);
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button[aria-expanded=true] {
  background-color: var(--tme-color-white);
  border-bottom: 0.25rem solid var(--tme-color-white);
}
@media (min-width: 768px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
    display: flex;
    margin-bottom: -0.125rem;
    position: relative;
    z-index: 2;
  }
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab-title {
  color: var(--tme-color-dark);
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__inner {
  padding: 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__inner:before, .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 3.5rem;
    left: 3.5rem;
    background-color: var(--tme-color-primary-2);
    z-index: 1;
    border-radius: 1.875rem;
  }
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    top: 1.75rem;
    left: 1.75rem;
    background-color: var(--tme-color-primary-1);
    z-index: 2;
  }
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
  background-color: var(--tme-color-primary-1);
  color: var(--tme-color-dark);
  padding: 1.5rem;
  position: relative;
  z-index: 3;
  border: 0.125rem solid var(--tme-color-primary-1);
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(2n + 1) {
  background-color: var(--tme-color-primary-1);
}
.t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(2n + 2) {
  background-color: var(--tme-color-primary-2);
  border-color: var(--tme-color-primary-2);
}
@media (min-width: 768px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 2rem;
    border-radius: 0 1.875rem 1.875rem 1.875rem;
  }
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab[aria-hidden=false] {
    background-color: var(--tme-color-white);
  }
}
@media (min-width: 1024px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 3rem 4rem;
  }
}
@media (min-width: 1200px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 5.25rem 7.5rem;
  }
}
@media (min-width: 768px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal {
    display: flex;
    flex-wrap: wrap;
  }
  .t-teme-temp1 .c-tabs-group--variant__horizontal > * {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp1 .c-tabs-group--variant__horizontal {
    max-width: calc(100% - 3.5rem);
  }
}

.t-teme-temp2 .t-teme-temp2 .c-accordion__content {
  padding-top: 1rem;
}
.t-teme-temp2 .c-tabs-group__tab-button {
  font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}
.t-teme-temp2 .c-tabs-group--variant__default .c-tabs-group__tab-button {
  font-size: 2.5rem;
}
.t-teme-temp2 .c-tabs-group__tab-content p {
  font-size: var(--tme-fs-body-18);
  line-height: var(--tme-lh-body-18);
}
.t-teme-temp2 .c-tabs-group--variant__stylized,
.t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group--variant__default,
.t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group__menu {
  gap: 0;
}
.t-teme-temp2 .c-tabs-group--variant__stylized h3.c-tabs-group__tab-title {
  color: var(--tme-color-white);
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}
.t-teme-temp2 .c-tabs-group--variant__stylized li .c-tabs-group__tab-button {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  color: var(--tme-color-gray-700);
  background-color: var(--tme-color-primary-1);
  padding: 1.75rem 4.5rem;
  width: 100%;
}
.t-teme-temp2 .c-tabs-group--variant__stylized li:nth-of-type(2n + 1) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-2);
}
.t-teme-temp2 .c-tabs-group--variant__stylized li .c-tabs-group__tab-button[aria-expanded=true] {
  background-color: var(--tme-color-secondary-3);
  color: var(--tme-color-white);
}
.t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group__inner {
  background-color: var(--tme-color-secondary-3);
  color: var(--tme-color-white);
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group__inner {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group__inner {
    padding: 3rem 4rem;
  }
}
@media (min-width: 1200px) {
  .t-teme-temp2 .c-tabs-group--variant__stylized .c-tabs-group__inner {
    padding: 5.25rem 7.5rem;
  }
}
.t-teme-temp2 .c-tabs-group--variant__horizontal,
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
  gap: 0;
}
.t-teme-temp2 .c-tabs-group--variant__horizontal > section.c-tabs-group {
  grid-template-columns: auto;
  grid-gap: 0;
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-weight: var(--tme-fw-bold);
  color: var(--tme-color-dark);
  padding: 1.75rem;
  width: 100%;
  border: 0.125rem solid var(--tme-color-primary-1);
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
    padding: 2.25rem 3rem;
  }
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(2n + 1) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-1);
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(2n + 2) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-2);
  border-color: var(--tme-color-primary-2);
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button[aria-expanded=true] {
  background-color: var(--tme-color-white);
  border-bottom: 0.25rem solid var(--tme-color-white);
}
@media (min-width: 768px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
    display: flex;
    margin-bottom: -0.125rem;
    position: relative;
    z-index: 2;
  }
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab-title {
  color: var(--tme-color-dark);
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__inner {
  padding: 0;
  position: relative;
  z-index: 1;
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__inner:before, .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 3.5rem;
    left: 3.5rem;
    background-color: var(--tme-color-primary-2);
    z-index: 1;
  }
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    top: 1.75rem;
    left: 1.75rem;
    background-color: var(--tme-color-primary-1);
    z-index: 2;
  }
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
  background-color: var(--tme-color-primary-1);
  color: var(--tme-color-dark);
  padding: 1.5rem;
  position: relative;
  z-index: 3;
  border: 0.125rem solid var(--tme-color-primary-1);
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(2n + 1) {
  background-color: var(--tme-color-primary-1);
}
.t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(2n + 2) {
  background-color: var(--tme-color-primary-2);
  border-color: var(--tme-color-primary-2);
}
@media (min-width: 768px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 2rem;
  }
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab[aria-hidden=false] {
    background-color: var(--tme-color-white);
  }
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 3rem 4rem;
  }
}
@media (min-width: 1200px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 5.25rem 7.5rem;
  }
}
@media (min-width: 768px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal {
    display: flex;
    flex-wrap: wrap;
  }
  .t-teme-temp2 .c-tabs-group--variant__horizontal > * {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-tabs-group--variant__horizontal {
    max-width: calc(100% - 3.5rem);
  }
}

.t-teme-temp3 .c-tabs-group--variant__stylized,
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu,
.t-teme-temp3 .c-tabs-group--variant__horizontal,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
  gap: 0;
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-weight: var(--tme-fw-bold);
  color: var(--tme-color-dark);
  padding: 1.75rem;
  width: 100%;
  border-radius: 0.625rem 0.625rem 0 0;
}
@media (min-width: 1024px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li .c-tabs-group__tab-button,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li .c-tabs-group__tab-button {
    padding: 2.25rem 3rem;
  }
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-child(4n+3) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-child(4n+3) .c-tabs-group__tab-button {
  color: var(--tme-color-white);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-child(4n+4) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-child(4n+4) .c-tabs-group__tab-button {
  color: var(--tme-color-white);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 1) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(4n + 1) .c-tabs-group__tab-button {
  background-color: var(--tme-color-white);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 2) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(4n + 2) .c-tabs-group__tab-button {
  background-color: var(--tme-color-silver);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 3) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(4n + 3) .c-tabs-group__tab-button {
  background-color: var(--tme-color-primary-3);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu li:nth-of-type(4n + 4) .c-tabs-group__tab-button,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu li:nth-of-type(4n + 4) .c-tabs-group__tab-button {
  background-color: var(--tme-color-secondary-2);
}
@media (min-width: 768px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__menu,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__menu {
    display: flex;
  }
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab-title,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab-title {
  color: var(--tme-color-dark);
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-family: var(--tme-ff-body);
  font-weight: var(--tme-fw-bold);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__inner,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__inner {
  padding: 0;
  position: relative;
}
@media (min-width: 1024px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__inner:before, .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__inner:after,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__inner:before,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 0.625rem;
    top: 3.5rem;
    left: 3.5rem;
    background-color: var(--tme-color-secondary-2);
    z-index: 1;
  }
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__inner:after,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__inner:after {
    top: 1.75rem;
    left: 1.75rem;
    background-color: var(--tme-color-primary-3);
    z-index: 2;
  }
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab,
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
  background-color: var(--tme-color-secondary-3);
  color: var(--tme-color-dark);
  padding: 1.5rem;
  border-radius: 0.625rem;
  position: relative;
  z-index: 3;
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab:nth-of-type(4n + 1),
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(4n + 1) {
  background-color: var(--tme-color-white);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab:nth-of-type(4n + 2),
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(4n + 2) {
  background-color: var(--tme-color-silver);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab:nth-of-type(4n + 3),
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(4n + 3) {
  background-color: var(--tme-color-primary-3);
}
.t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab:nth-of-type(4n + 4),
.t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab:nth-of-type(4n + 4) {
  background-color: var(--tme-color-secondary-2);
}
@media (min-width: 768px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 2rem;
    border-radius: 0 0.625rem 0.625rem 0.625rem;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 3rem 4rem;
  }
}
@media (min-width: 1200px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized .c-tabs-group__tab,
  .t-teme-temp3 .c-tabs-group--variant__horizontal .c-tabs-group__tab {
    padding: 5.25rem 7.5rem;
  }
}
@media (min-width: 768px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized,
  .t-teme-temp3 .c-tabs-group--variant__horizontal {
    display: flex;
    flex-wrap: wrap;
  }
  .t-teme-temp3 .c-tabs-group--variant__stylized > *,
  .t-teme-temp3 .c-tabs-group--variant__horizontal > * {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp3 .c-tabs-group--variant__stylized,
  .t-teme-temp3 .c-tabs-group--variant__horizontal {
    max-width: calc(100% - 3.5rem);
  }
}