.cc_n5guojaw_VeCb9duynM .ctabs {
  --ctabs-duration: 7000ms;
  padding: var(--sp-section) var(--sp-container);
  background: var(--0Yuuo5JXlF); /* SLOT.BACKGROUND */
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  grid-template-rows: auto auto 1fr;
  grid-template-areas:
    "media head"
    "media tabs"
    "media body";
  column-gap: var(--sp-12);
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs.is-reversed {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  grid-template-areas:
    "head media"
    "tabs media"
    "body media";
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab__label {
  display: none;
}

.cc_n5guojaw_VeCb9duynM .ctabs__head {
  grid-area: head;
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
  margin-bottom: var(--sp-8);
}

.cc_n5guojaw_VeCb9duynM .ctabs__eyebrow, .cc_n5guojaw_VeCb9duynM .ctabs__title {
  margin: 0;
}

.cc_n5guojaw_VeCb9duynM .ctabs__eyebrow {
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
}

.cc_n5guojaw_VeCb9duynM .ctabs__list {
  grid-area: tabs;
  display: flex;
  flex-direction: column;
  margin-bottom: var(--sp-8);
}

.cc_n5guojaw_VeCb9duynM .ctabs__tab {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: var(--sp-4);
  width: 100%;
  min-height: var(--h-tap);
  padding: var(--sp-3) 0;
  border: 0;
  background: none;
  color: var(--d9S6HHOvjP); /* SLOT.TEXT_MUTED */
  text-align: left;
  cursor: pointer;
  transition: var(--hover-transition);
}

.cc_n5guojaw_VeCb9duynM .ctabs__tab::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--border);
  background: var(--c7FQoost8G); /* SLOT.BORDER */
}

.cc_n5guojaw_VeCb9duynM .ctabs__index {
  flex: none;
  min-width: var(--sp-6);
  font-variant-numeric: tabular-nums;
}

.cc_n5guojaw_VeCb9duynM .ctabs__label {
  margin: 0;
}

.cc_n5guojaw_VeCb9duynM .ctabs__progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--border-strong);
  background: var(--sdb7Ll3K3W); /* SLOT.TEXT */
  transform: scaleX(0);
  transform-origin: left center;
}

.cc_n5guojaw_VeCb9duynM .ctabs__tab.is-active {
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_VeCb9duynM .ctabs__tab.is-active .ctabs__progress {
  transform: scaleX(1);
}

.cc_n5guojaw_VeCb9duynM .ctabs.is-running .ctabs__tab.is-active .ctabs__progress {
  animation: cc_n5guojaw_VeCb9duynM_ctabs-progress var(--ctabs-duration) linear both;
}

@keyframes cc_n5guojaw_VeCb9duynM_ctabs-progress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@media (hover: hover) and (pointer: fine) {
  .cc_n5guojaw_VeCb9duynM .ctabs__tab:not(.is-active):hover {
    color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
  }
}

.cc_n5guojaw_VeCb9duynM .ctabs__tab:focus-visible {
  outline: var(--border-strong) solid var(--in9KugaGmP); /* SLOT.BORDER_STRONG */
  outline-offset: var(--border-strong);
}

.cc_n5guojaw_VeCb9duynM .ctabs__panels, .cc_n5guojaw_VeCb9duynM .ctabs__panel, .cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab {
  display: contents;
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab__media {
  grid-area: media;
  align-self: start;
  max-height: calc(100vh - var(--header-h) - var(--sp-10));
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--dur-slow) var(--ease-smooth), visibility var(--dur-slow) linear;
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab__media .media__el {
  transform: scale(1.06);
  transition: transform calc(var(--dur-slow) * 4) var(--ease-smooth);
}

.cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab__body {
  grid-area: body;
  align-self: start;
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--sp-2));
  transition: opacity var(--dur-base) var(--ease-smooth), transform var(--dur-base) var(--ease-smooth),
    visibility var(--dur-base) linear;
}

.cc_n5guojaw_VeCb9duynM .ctabs__panel.is-active .ctab__media, .cc_n5guojaw_VeCb9duynM .ctabs__panel.is-active .ctab__body {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.cc_n5guojaw_VeCb9duynM .ctabs__panel.is-active .ctab__media .media__el {
  transform: scale(1);
}

.cc_n5guojaw_VeCb9duynM .ctabs__panel.is-active .ctab__body {
  transition-delay: calc(var(--dur-base) / 2);
}

.cc_n5guojaw_VeCb9duynM .ctabs--bento .ctabs__head {
  margin-bottom: var(--sp-6);
}

.cc_n5guojaw_VeCb9duynM .ctabs__bento {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: minmax(calc(var(--sp-16) * 5), auto);
  gap: var(--sp-grid);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell {
  grid-column: span 6;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell:nth-child(4n + 1) {
  grid-column: span 7;
  grid-row: span 2;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell:nth-child(4n + 2), .cc_n5guojaw_VeCb9duynM .ctabs__cell:nth-child(4n + 3) {
  grid-column: span 5;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell:nth-child(4n + 4) {
  grid-column: 1 / -1;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell > * {
  height: 100%;
}

.cc_n5guojaw_VeCb9duynM .ctabs--bento .ctab {
  position: relative;
  height: 100%;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text {
  background: var(--uggXonx9Cv); /* SLOT.SURFACE */
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text .ctab__media {
  display: none;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text .ctab__body {
  justify-content: space-between;
  height: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: var(--sp-8);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab.has-image {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab__media {
  display: block;
  order: 2;
  height: 100%;
  aspect-ratio: auto;
  border-radius: 0;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab__body {
  justify-content: center;
  max-width: 56ch;
  padding: var(--sp-10) var(--sp-8);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab__stats {
  margin-top: var(--sp-4);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image {
  background: var(--0Yuuo5JXlF); /* SLOT.BACKGROUND */
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__media {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
  border-radius: 0;
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__media .media__el {
  transition: transform var(--dur-slow) var(--ease-smooth);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, color-mix(in srgb, var(--0Yuuo5JXlF) 78%, transparent), transparent 60%); /* SLOT.BACKGROUND */
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-raised);
  max-width: 44ch;
  padding: var(--sp-8);
}

.cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__text, .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__label, .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__stat-label {
  color: var(--sdb7Ll3K3W); /* SLOT.TEXT */
}

@media (hover: hover) and (pointer: fine) {
  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image:hover .ctab__media .media__el {
    transform: scale(1.03);
  }
}

@media (max-width: 767px) {
  .cc_n5guojaw_VeCb9duynM .ctabs--tabs, .cc_n5guojaw_VeCb9duynM .ctabs--tabs.is-reversed {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
      "head"
      "tabs"
      "media"
      "body";
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__head {
    margin-bottom: var(--sp-5);
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__list {
    flex-direction: row;
    gap: var(--sp-5);
    margin-bottom: var(--sp-5);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__list::-webkit-scrollbar {
    display: none;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__tab {
    flex: none;
    width: auto;
    gap: var(--sp-2);
  }

  .cc_n5guojaw_VeCb9duynM .ctabs--tabs .ctab__media {
    aspect-ratio: 4 / 3;
    margin-bottom: var(--sp-5);
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__bento {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell, .cc_n5guojaw_VeCb9duynM .ctabs__cell:nth-child(n) {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab {
    aspect-ratio: 4 / 5;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text .ctab__body, .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image .ctab__body {
    padding: var(--sp-5);
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab.has-image {
    grid-template-columns: minmax(0, 1fr);
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-text:nth-child(4n + 4) .ctab__media {
    order: 0;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_n5guojaw_VeCb9duynM .ctabs__tab, .cc_n5guojaw_VeCb9duynM .ctabs .ctab__media, .cc_n5guojaw_VeCb9duynM .ctabs .ctab__media .media__el, .cc_n5guojaw_VeCb9duynM .ctabs .ctab__body {
    transition: none;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs__cell.is-image:hover .ctab__media .media__el {
    transform: none;
  }

  .cc_n5guojaw_VeCb9duynM .ctabs.is-running .ctabs__tab.is-active .ctabs__progress {
    animation: none;
  }
}