/* GuideCom Feature Navigator – Young Talents
   ----------------------------------------------------------------------------
   Alle Regeln sind auf .gcnv2 bzw. #gc-tk / #gc-ls / #gc-ep / #gc-lp / #gc-bh
   gescopet, damit sie die Styles von guidecom.de nicht beeinflussen und umgekehrt.

   Bilder und Grafiken:  /fileadmin/feature-navigator/img/
   Roboto:               /_assets/407aa76fe6bede19af48e7793075494f/fonts/
   CodecPro-Regular / CodecPro-Bold bindet guidecom.de selbst ein.
   ---------------------------------------------------------------------------- */

/* ==========================================================================
   SCHRIFTEN
   ========================================================================== */

@font-face {
  font-family: "Roboto";
  font-weight: 100;
  font-display: swap;
  src: url("/_assets/407aa76fe6bede19af48e7793075494f/fonts/roboto-100.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-display: swap;
  src: url("/_assets/407aa76fe6bede19af48e7793075494f/fonts/roboto-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-display: swap;
  src: url("/_assets/407aa76fe6bede19af48e7793075494f/fonts/roboto-500.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-weight: 600;
  font-display: swap;
  src: url("/_assets/407aa76fe6bede19af48e7793075494f/fonts/roboto-600.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-display: swap;
  src: url("/_assets/407aa76fe6bede19af48e7793075494f/fonts/roboto-700.woff2") format("woff2");
}

/* ==========================================================================
   GRUNDLAGEN
   ========================================================================== */

.gcnv2,
.gcnv2 *,
.gcnv2 *::before,
.gcnv2 *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.gcnv2 {
  padding: 0 0 112px;
  font-family: CodecPro-Regular,'Helvetica Neue',Arial,system-ui,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #161528;
}

.gcnv2 a {
  color: #286ef0;
  text-decoration: none;
}

.gcnv2 a:hover {
  color: #161528;
  text-decoration: underline;
}

.gcnv2 .gc-play .gc-frame {
  animation: gc-build .55s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .gc-play .gc-box {
  animation: gc-rise .6s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .gc-play .gc-seg {
  animation: gc-draw 1.05s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .gc-play .gc-bar {
  animation: gc-barl .9s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .gc-play .gc-leg {
  animation: gc-fade .55s ease backwards;
}

.gcnv2 .gc-amb .gc-frame {
  animation: gc-bob 7s ease-in-out infinite;
}

.gcnv2 .gc-amb [data-bar="1"] {
  animation: gc-ab1 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .gc-amb [data-bar="2"] {
  animation: gc-ab2 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .gc-amb [data-bar="3"] {
  animation: gc-ab3 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .gc-amb .gc-notify {
  animation: gc-notify 11s ease-in-out infinite;
}

.gcnv2 .gc-amb .gc-pulse {
  animation: gc-pulse 2s ease-out infinite;
}

.gcnv2 .gc-notify {
  opacity: 0;
  pointer-events: none;
}

@container (max-width:680px) {
  #gc-tk .gc-grid {
    grid-template-columns: 1fr;
  }

  #gc-tk .gc-dnav {
    display: none;
  }

  #gc-tk .gc-panelhead .gc-head-actions {
    display: none;
  }

  #gc-tk .gc-sidebar {
    width: 50px;
  }

  #gc-tk .gc-sidebar .gc-sb-label {
    display: none;
  }
}

@container (max-width:480px) {
  #gc-tk .gc-sidebar {
    display: none;
  }

  #gc-tk .gc-main {
    padding: 10px;
  }

  #gc-tk .gc-tabbar {
    display: none;
  }
}

@container (max-width:680px) {
  #gc-ls .ls-dnav {
    display: none;
  }

  #gc-ls .ls-panelhead .ls-hactions {
    display: none;
  }

  #gc-ls .ls-sidebar {
    width: 50px;
  }

  #gc-ls .ls-sb-lbl {
    display: none;
  }
}

@container (max-width:480px) {
  #gc-ls .ls-sidebar {
    display: none;
  }

  #gc-ls .ls-main {
    padding: 10px;
  }

  #gc-ls .ls-tabbar {
    display: none;
  }
}

@container(max-width:680px) {
  #gc-ep .ep-hactions {
    display: none;
  }

  #gc-ep .ep-sidebar {
    width: 48px;
  }
}

@container(max-width:480px) {
  #gc-ep .ep-sidebar {
    display: none;
  }

  #gc-ep .ep-main {
    padding: 8px;
  }
}

@container(max-width:680px) {
  #gc-lp .lp-grid {
    grid-template-columns: 1fr 1fr!important;
  }
}

@container(max-width:440px) {
  #gc-lp .lp-grid {
    grid-template-columns: 1fr!important;
  }

  #gc-lp .lp-sidebar {
    display: none;
  }

  #gc-lp .lp-main {
    padding: 8px;
  }
}

/* ==========================================================================
   SEKTION: TABS, PANELS, INFOKARTE
   ========================================================================== */

.gcnv2__inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 30px;
}

.gcnv2__tabs {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.gcnv2__tab {
  height: 2.5rem;
  padding: .1875rem 1.25rem;
  border-radius: 38.5px;
  border: 2px solid #e1e3e6;
  background: #fff;
  color: #48475a;
  font-size: .75rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: .005em;
  transition: background .2s,color .2s,border-color .2s,box-shadow .2s,transform .12s;
}

.gcnv2__tab:hover {
  border-color: #1edc82;
  color: #161528;
  transform: translateY(-1px);
}

.gcnv2__tab.is-active {
  background: #1edc82;
  border-color: #1edc82;
  color: #161528;
  box-shadow: 0 4px 18px rgba(30,220,130,.32);
  transform: translateY(-1px);
}

.gcnv2__panel {
  display: none;
  overflow: visible;
}

.gcnv2__inner {
  overflow: visible;
}

.gcnv2__panel.is-active {
  display: grid;
  grid-template-columns: minmax(0,1fr) clamp(320px,29vw,400px);
  gap: clamp(40px,4.5vw,64px);
  align-items: center;
  animation: gcnv2In .38s cubic-bezier(.22,1,.36,1) forwards;
}

.gcnv2__frag {
  position: relative;
  overflow: visible;
  padding: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  min-width: 0;
}

.gcnv2, .gcnv2__inner, .gcnv2__panel.is-active {
  overflow: visible!important;
}

.gcnv2__card {
  background: #f7f8f8!important;
  border-radius: 20px!important;
  padding: clamp(26px,2.6vw,36px) clamp(26px,2.8vw,38px)!important;
  display: grid!important;
  grid-template-columns: 1fr!important;
  gap: 22px!important;
  align-items: start!important;
  max-width: none!important;
  width: 100%!important;
  margin: 0!important;
  align-self: center!important;
  border: 1px solid rgba(22,21,40,.06)!important;
  box-shadow: 0 2px 16px rgba(22,21,40,.06)!important;
  box-sizing: border-box!important;
}

.gcnv2__eyebrow {
  font-size: .75rem!important;
  line-height: 1.125rem!important;
  font-weight: 700!important;
  letter-spacing: .12em!important;
  text-transform: uppercase!important;
  color: #1edc82!important;
  margin-bottom: 14px!important;
}

.gcnv2__headline {
  font-size: 1.5rem!important;
  font-weight: 600!important;
  line-height: 2rem!important;
  letter-spacing: normal!important;
  color: #161528!important;
  margin-bottom: 0!important;
  text-wrap: balance!important;
}

.gcnv2__body {
  font-size: 15px!important;
  line-height: 1.65!important;
  color: #48475a!important;
  text-wrap: pretty!important;
}

.gcnv2__usps {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 22px;
  border-top: 1px solid rgba(22,21,40,.07);
}

.gcnv2__usp {
  display: flex;
  align-items: center;
  gap: 12px;
}

.gcnv2__usp-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #1edc82;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gcnv2__usp-text {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #161528!important;
  line-height: 1.5!important;
  text-wrap: pretty!important;
}

.gcnv2__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  align-self: flex-start;
  min-height: 2.5rem;
  min-width: 11.5625rem;
  padding: .1875rem .9375rem;
  border: 2px solid #1edc82;
  border-radius: 38.5px;
  background: #1edc82;
  color: #28282d!important;
  font-size: .75rem;
  line-height: 2.5;
  font-weight: 600;
  font-family: CodecPro-Bold,'Helvetica Neue',Arial,sans-serif;
  text-decoration: none!important;
  letter-spacing: normal;
  transition: background .2s ease,color .2s ease,border-color .2s ease;
}

.gcnv2__cta:hover {
  background: #00e99b;
  border-color: #00e99b;
  color: #28282d!important;
  text-decoration: none!important;
}

.gcnv2__cta:active {
  background: #00e99b;
  color: #28282d!important;
}

/* ==========================================================================
   SCREEN: TALENT-KARTE
   ========================================================================== */

#gc-tk .tk-stage {
  overflow: visible!important;
}

#gc-tk {
  margin: 28px 0 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1,"lnum" 1;
}

#gc-tk,
#gc-tk *,
#gc-tk *::before,
#gc-tk *::after {
  box-sizing: border-box;
}

#gc-tk img {
  max-width: none!important;
  height: auto!important;
}

#gc-tk svg {
  flex-shrink: 0;
  overflow: visible;
}

#gc-tk {
  font-family: "Roboto",system-ui,sans-serif;
  color: #161528;
  display: block;
  width: 100%;
  background: transparent;
}

#gc-tk .gc-h {
  font-family: 'Roboto',system-ui,sans-serif;
}

#gc-tk .gc-frame {
  position: relative;
  width: 100%;
}

#gc-tk .gc-win {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 64px -16px rgba(9,2,41,.48),0 6px 18px -8px rgba(9,2,41,.22);
  background: #090229;
  width: 960px;
  height: 540px;
}

#gc-tk .gc-sidebar {
  width: 62px;
  flex-shrink: 0;
  background: linear-gradient(180deg,#291f53 0%,#0b0526 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  gap: 5px;
}

#gc-tk .gc-main {
  flex: 1;
  min-width: 0;
  background: linear-gradient(95deg,#2d2b58 0%,#13112a 55%);
  padding: 12px 12px 12px 0;
  display: flex;
  flex-direction: column;
}

#gc-tk .gc-tabbar {
  height: 38px;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

#gc-tk .gc-panel {
  flex: 1;
  background: #fff;
  border-radius: 12px 12px 8px 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#gc-tk .gc-panelhead {
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  border-bottom: 1px solid #eaeaec;
}

#gc-tk .gc-body {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

#gc-tk .gc-dnav {
  width: 222px;
  flex-shrink: 0;
  border-right: 1px solid #eaeaec;
  padding: 18px 0 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}

#gc-tk .gc-grid {
  flex: 1;
  min-width: 0;
  background: #f5f5f7;
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-content: start;
  overflow: hidden;
}

#gc-tk .gc-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e8e8ea;
  padding: 16px 18px;
  box-shadow: 0 1px 4px rgba(9,2,41,.06),0 4px 12px rgba(9,2,41,.03);
}

#gc-tk .tk-stage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  container-type: inline-size;
  container-name: gc-tk-stage;
}

#gc-tk .tk-scaler {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 540px;
  transform-origin: top center;
}

@container gc-tk-stage (max-width:959px) {
  .tk-scaler {
    transform: scale(0.9990);
  }
}

@container gc-tk-stage (max-width:919px) {
  .tk-scaler {
    transform: scale(0.9573);
  }
}

@container gc-tk-stage (max-width:879px) {
  .tk-scaler {
    transform: scale(0.9156);
  }
}

@container gc-tk-stage (max-width:839px) {
  .tk-scaler {
    transform: scale(0.8740);
  }
}

@container gc-tk-stage (max-width:799px) {
  .tk-scaler {
    transform: scale(0.8323);
  }
}

@container gc-tk-stage (max-width:759px) {
  .tk-scaler {
    transform: scale(0.7906);
  }
}

@container gc-tk-stage (max-width:719px) {
  .tk-scaler {
    transform: scale(0.7490);
  }
}

@container gc-tk-stage (max-width:679px) {
  .tk-scaler {
    transform: scale(0.7073);
  }
}

@container gc-tk-stage (max-width:639px) {
  .tk-scaler {
    transform: scale(0.6656);
  }
}

@container gc-tk-stage (max-width:599px) {
  .tk-scaler {
    transform: scale(0.6240);
  }
}

@container gc-tk-stage (max-width:559px) {
  .tk-scaler {
    transform: scale(0.5823);
  }
}

@container gc-tk-stage (max-width:519px) {
  .tk-scaler {
    transform: scale(0.5406);
  }
}

@container gc-tk-stage (max-width:479px) {
  .tk-scaler {
    transform: scale(0.4990);
  }
}

@container gc-tk-stage (max-width:439px) {
  .tk-scaler {
    transform: scale(0.4573);
  }
}

@container gc-tk-stage (max-width:399px) {
  .tk-scaler {
    transform: scale(0.4156);
  }
}

@container gc-tk-stage (max-width:359px) {
  .tk-scaler {
    transform: scale(0.3740);
  }
}

@container gc-tk-stage (max-width:319px) {
  .tk-scaler {
    transform: scale(0.3323);
  }
}

@container gc-tk-stage (min-width:1000px) {
  .tk-scaler {
    transform: scale(1.0417);
  }
}

@container gc-tk-stage (min-width:1040px) {
  .tk-scaler {
    transform: scale(1.0833);
  }
}

@container gc-tk-stage (min-width:1080px) {
  .tk-scaler {
    transform: scale(1.1250);
  }
}

@container gc-tk-stage (min-width:1120px) {
  .tk-scaler {
    transform: scale(1.1667);
  }
}

@container gc-tk-stage (min-width:1160px) {
  .tk-scaler {
    transform: scale(1.2083);
  }
}

@container gc-tk-stage (min-width:1200px) {
  .tk-scaler {
    transform: scale(1.2500);
  }
}

/* ==========================================================================
   SCREEN: WEITERENTWICKLUNG
   ========================================================================== */

#gc-ls .ls-stage {
  overflow: visible!important;
}

#gc-ls {
  margin: 28px 0 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1,"lnum" 1;
}

#gc-ls,
#gc-ls *,
#gc-ls *::before,
#gc-ls *::after {
  box-sizing: border-box;
}

#gc-ls img {
  max-width: none!important;
  height: auto!important;
}

#gc-ls svg {
  flex-shrink: 0;
  overflow: visible;
}

#gc-ls {
  font-family: "Roboto",system-ui,sans-serif;
  color: #161528;
  display: block;
  width: 100%;
  background: transparent;
}

#gc-ls .gc-h {
  font-family: 'Roboto',system-ui,sans-serif;
}

.gcnv2 .ls-play .ls-frame {
  animation: ls-build .55s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .ls-play .ls-box {
  animation: ls-rise .6s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .ls-play .ls-bx {
  animation: ls-barx .9s cubic-bezier(.22,1,.36,1) backwards;
  transform-origin: left;
}

.gcnv2 .ls-play .ls-leg {
  animation: ls-fade .55s ease backwards;
}

.gcnv2 .ls-amb .ls-frame {
  animation: ls-bob 7s ease-in-out infinite;
}

.gcnv2 .ls-amb [data-bar="1"] {
  animation: ls-ab1 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .ls-amb [data-bar="2"] {
  animation: ls-ab2 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .ls-amb [data-bar="3"] {
  animation: ls-ab3 11s cubic-bezier(.22,1,.36,1) infinite;
  transform-origin: left;
}

.gcnv2 .ls-amb .ls-r0 {
  animation: ls-row0 11s ease-in-out infinite;
}

.gcnv2 .ls-amb .ls-r1 {
  animation: ls-row1 11s ease-in-out infinite;
}

.gcnv2 .ls-amb .ls-r2 {
  animation: ls-row2 11s ease-in-out infinite;
}

.gcnv2 .ls-amb .ls-notify {
  animation: ls-notify 11s ease-in-out infinite;
}

.gcnv2 .ls-amb .ls-pulse {
  animation: ls-pulse 2s ease-out infinite;
}

.gcnv2 .ls-notify {
  opacity: 0;
  pointer-events: none;
}

#gc-ls .ls-frame {
  position: relative;
  width: 100%;
}

#gc-ls .ls-win {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 64px -16px rgba(9,2,41,.48),0 6px 18px -8px rgba(9,2,41,.22);
  background: #090229;
  width: 960px;
  height: 540px;
}

#gc-ls .ls-sidebar {
  width: 62px;
  flex-shrink: 0;
  background: linear-gradient(180deg,#291f53 0%,#0b0526 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  gap: 5px;
}

#gc-ls .ls-main {
  flex: 1;
  min-width: 0;
  background: linear-gradient(95deg,#2d2b58 0%,#13112a 55%);
  padding: 12px 12px 12px 0;
  display: flex;
  flex-direction: column;
}

#gc-ls .ls-panel {
  flex: 1;
  background: #fff;
  border-radius: 12px 12px 8px 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#gc-ls .ls-panelhead {
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  border-bottom: 1px solid #eaeaec;
}

#gc-ls .ls-body {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

#gc-ls .ls-dnav {
  width: 222px;
  flex-shrink: 0;
  border-right: 1px solid #eaeaec;
  padding: 18px 0 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}

#gc-ls .ls-content {
  flex: 1;
  min-width: 0;
  background: #f5f5f7;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
}

#gc-ls .ls-card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e8e8ea;
  padding: 16px 18px;
  box-shadow: 0 1px 4px rgba(9,2,41,.06),0 4px 12px rgba(9,2,41,.03);
}

#gc-ls .ls-tbl-head {
  display: flex;
  align-items: center;
  gap: 0;
  font-size: 11.5px;
  color: #a0a0ab;
  font-weight: 500;
  padding: 0 0 8px;
  border-bottom: 1px solid #eaeaec;
  margin-bottom: 6px;
  white-space: nowrap;
}

#gc-ls .ls-tbl-row {
  display: flex;
  align-items: center;
  font-size: 12.5px;
  color: #161528;
  padding: 9px 0;
  border-bottom: 1px solid #f2f3f4;
}

#gc-ls .ls-tbl-row:last-child {
  border-bottom: none;
}

#gc-ls .ls-col-pts {
  flex: 0 0 72px;
}

#gc-ls .ls-col-date {
  flex: 0 0 90px;
}

#gc-ls .ls-col-loc {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#gc-ls .ls-col-person {
  flex: 0 0 120px;
}

#gc-ls .ls-col-sub {
  flex: 0 0 80px;
}

#gc-ls .ls-stage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  container-type: inline-size;
  container-name: gc-ls-stage;
}

#gc-ls .ls-scaler {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 540px;
  transform-origin: top center;
}

@container gc-ls-stage (max-width:959px) {
  .ls-scaler {
    transform: scale(0.9990);
  }
}

@container gc-ls-stage (max-width:919px) {
  .ls-scaler {
    transform: scale(0.9573);
  }
}

@container gc-ls-stage (max-width:879px) {
  .ls-scaler {
    transform: scale(0.9156);
  }
}

@container gc-ls-stage (max-width:839px) {
  .ls-scaler {
    transform: scale(0.8740);
  }
}

@container gc-ls-stage (max-width:799px) {
  .ls-scaler {
    transform: scale(0.8323);
  }
}

@container gc-ls-stage (max-width:759px) {
  .ls-scaler {
    transform: scale(0.7906);
  }
}

@container gc-ls-stage (max-width:719px) {
  .ls-scaler {
    transform: scale(0.7490);
  }
}

@container gc-ls-stage (max-width:679px) {
  .ls-scaler {
    transform: scale(0.7073);
  }
}

@container gc-ls-stage (max-width:639px) {
  .ls-scaler {
    transform: scale(0.6656);
  }
}

@container gc-ls-stage (max-width:599px) {
  .ls-scaler {
    transform: scale(0.6240);
  }
}

@container gc-ls-stage (max-width:559px) {
  .ls-scaler {
    transform: scale(0.5823);
  }
}

@container gc-ls-stage (max-width:519px) {
  .ls-scaler {
    transform: scale(0.5406);
  }
}

@container gc-ls-stage (max-width:479px) {
  .ls-scaler {
    transform: scale(0.4990);
  }
}

@container gc-ls-stage (max-width:439px) {
  .ls-scaler {
    transform: scale(0.4573);
  }
}

@container gc-ls-stage (max-width:399px) {
  .ls-scaler {
    transform: scale(0.4156);
  }
}

@container gc-ls-stage (max-width:359px) {
  .ls-scaler {
    transform: scale(0.3740);
  }
}

@container gc-ls-stage (max-width:319px) {
  .ls-scaler {
    transform: scale(0.3323);
  }
}

@container gc-ls-stage (min-width:1000px) {
  .ls-scaler {
    transform: scale(1.0417);
  }
}

@container gc-ls-stage (min-width:1040px) {
  .ls-scaler {
    transform: scale(1.0833);
  }
}

@container gc-ls-stage (min-width:1080px) {
  .ls-scaler {
    transform: scale(1.1250);
  }
}

@container gc-ls-stage (min-width:1120px) {
  .ls-scaler {
    transform: scale(1.1667);
  }
}

@container gc-ls-stage (min-width:1160px) {
  .ls-scaler {
    transform: scale(1.2083);
  }
}

@container gc-ls-stage (min-width:1200px) {
  .ls-scaler {
    transform: scale(1.2500);
  }
}

/* ==========================================================================
   SCREEN: ORGANISATION
   ========================================================================== */

#gc-ep .ep-stage {
  overflow: visible!important;
}

#gc-ep {
  margin: 28px 0 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1,"lnum" 1;
}

#gc-ep,
#gc-ep *,
#gc-ep *::before,
#gc-ep *::after {
  box-sizing: border-box;
}

#gc-ep img {
  max-width: none!important;
  height: auto!important;
}

#gc-ep svg {
  flex-shrink: 0;
  overflow: visible;
}

#gc-ep {
  font-family: "Roboto",system-ui,sans-serif;
  color: #161528;
  display: block;
  width: 100%;
  background: transparent;
}

#gc-ep .gc-h {
  font-family: 'Roboto',system-ui,sans-serif;
}

#gc-ep .ep-stage {
  animation: ep-bob 7s ease-in-out infinite;
}

.gcnv2 .ep-notify {
  opacity: 0;
  pointer-events: none;
  animation: ep-notify 11s ease-in-out 2s infinite;
}

.gcnv2 .ep-today {
  animation: ep-today-p 2.5s ease-in-out infinite;
}

#gc-ep .ep-stage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  container-type: inline-size;
  container-name: gc-ep-stage;
}

#gc-ep .ep-scaler {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 540px;
  transform-origin: top center;
}

@container gc-ep-stage (max-width:959px) {
  .ep-scaler {
    transform: scale(0.9990);
  }
}

@container gc-ep-stage (max-width:919px) {
  .ep-scaler {
    transform: scale(0.9573);
  }
}

@container gc-ep-stage (max-width:879px) {
  .ep-scaler {
    transform: scale(0.9156);
  }
}

@container gc-ep-stage (max-width:839px) {
  .ep-scaler {
    transform: scale(0.8740);
  }
}

@container gc-ep-stage (max-width:799px) {
  .ep-scaler {
    transform: scale(0.8323);
  }
}

@container gc-ep-stage (max-width:759px) {
  .ep-scaler {
    transform: scale(0.7906);
  }
}

@container gc-ep-stage (max-width:719px) {
  .ep-scaler {
    transform: scale(0.7490);
  }
}

@container gc-ep-stage (max-width:679px) {
  .ep-scaler {
    transform: scale(0.7073);
  }
}

@container gc-ep-stage (max-width:639px) {
  .ep-scaler {
    transform: scale(0.6656);
  }
}

@container gc-ep-stage (max-width:599px) {
  .ep-scaler {
    transform: scale(0.6240);
  }
}

@container gc-ep-stage (max-width:559px) {
  .ep-scaler {
    transform: scale(0.5823);
  }
}

@container gc-ep-stage (max-width:519px) {
  .ep-scaler {
    transform: scale(0.5406);
  }
}

@container gc-ep-stage (max-width:479px) {
  .ep-scaler {
    transform: scale(0.4990);
  }
}

@container gc-ep-stage (max-width:439px) {
  .ep-scaler {
    transform: scale(0.4573);
  }
}

@container gc-ep-stage (max-width:399px) {
  .ep-scaler {
    transform: scale(0.4156);
  }
}

@container gc-ep-stage (max-width:359px) {
  .ep-scaler {
    transform: scale(0.3740);
  }
}

@container gc-ep-stage (max-width:319px) {
  .ep-scaler {
    transform: scale(0.3323);
  }
}

@container gc-ep-stage (min-width:1000px) {
  .ep-scaler {
    transform: scale(1.0417);
  }
}

@container gc-ep-stage (min-width:1040px) {
  .ep-scaler {
    transform: scale(1.0833);
  }
}

@container gc-ep-stage (min-width:1080px) {
  .ep-scaler {
    transform: scale(1.1250);
  }
}

@container gc-ep-stage (min-width:1120px) {
  .ep-scaler {
    transform: scale(1.1667);
  }
}

@container gc-ep-stage (min-width:1160px) {
  .ep-scaler {
    transform: scale(1.2083);
  }
}

@container gc-ep-stage (min-width:1200px) {
  .ep-scaler {
    transform: scale(1.2500);
  }
}

/* ==========================================================================
   SCREEN: LERNPLATTFORM
   ========================================================================== */

#gc-lp .lp-stage {
  overflow: visible!important;
}

#gc-lp {
  margin: 28px 0 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1,"lnum" 1;
}

#gc-lp,
#gc-lp *,
#gc-lp *::before,
#gc-lp *::after {
  box-sizing: border-box;
}

#gc-lp img {
  max-width: none!important;
  height: auto!important;
}

#gc-lp svg {
  flex-shrink: 0;
  overflow: visible;
}

#gc-lp {
  font-family: "Roboto",system-ui,sans-serif;
  color: #161528;
  display: block;
  width: 100%;
  background: transparent;
}

#gc-lp .lp-stage {
  animation: lp-bob 7s ease-in-out infinite;
}

.gcnv2 .lp-notify {
  opacity: 0;
  pointer-events: none;
  animation: lp-notify 11s ease-in-out 2s infinite;
}

#gc-lp .lp-stage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  container-type: inline-size;
  container-name: gc-lp-stage;
}

#gc-lp .lp-scaler {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 540px;
  transform-origin: top center;
}

@container gc-lp-stage (max-width:959px) {
  .lp-scaler {
    transform: scale(0.9990);
  }
}

@container gc-lp-stage (max-width:919px) {
  .lp-scaler {
    transform: scale(0.9573);
  }
}

@container gc-lp-stage (max-width:879px) {
  .lp-scaler {
    transform: scale(0.9156);
  }
}

@container gc-lp-stage (max-width:839px) {
  .lp-scaler {
    transform: scale(0.8740);
  }
}

@container gc-lp-stage (max-width:799px) {
  .lp-scaler {
    transform: scale(0.8323);
  }
}

@container gc-lp-stage (max-width:759px) {
  .lp-scaler {
    transform: scale(0.7906);
  }
}

@container gc-lp-stage (max-width:719px) {
  .lp-scaler {
    transform: scale(0.7490);
  }
}

@container gc-lp-stage (max-width:679px) {
  .lp-scaler {
    transform: scale(0.7073);
  }
}

@container gc-lp-stage (max-width:639px) {
  .lp-scaler {
    transform: scale(0.6656);
  }
}

@container gc-lp-stage (max-width:599px) {
  .lp-scaler {
    transform: scale(0.6240);
  }
}

@container gc-lp-stage (max-width:559px) {
  .lp-scaler {
    transform: scale(0.5823);
  }
}

@container gc-lp-stage (max-width:519px) {
  .lp-scaler {
    transform: scale(0.5406);
  }
}

@container gc-lp-stage (max-width:479px) {
  .lp-scaler {
    transform: scale(0.4990);
  }
}

@container gc-lp-stage (max-width:439px) {
  .lp-scaler {
    transform: scale(0.4573);
  }
}

@container gc-lp-stage (max-width:399px) {
  .lp-scaler {
    transform: scale(0.4156);
  }
}

@container gc-lp-stage (max-width:359px) {
  .lp-scaler {
    transform: scale(0.3740);
  }
}

@container gc-lp-stage (max-width:319px) {
  .lp-scaler {
    transform: scale(0.3323);
  }
}

@container gc-lp-stage (min-width:1000px) {
  .lp-scaler {
    transform: scale(1.0417);
  }
}

@container gc-lp-stage (min-width:1040px) {
  .lp-scaler {
    transform: scale(1.0833);
  }
}

@container gc-lp-stage (min-width:1080px) {
  .lp-scaler {
    transform: scale(1.1250);
  }
}

@container gc-lp-stage (min-width:1120px) {
  .lp-scaler {
    transform: scale(1.1667);
  }
}

@container gc-lp-stage (min-width:1160px) {
  .lp-scaler {
    transform: scale(1.2083);
  }
}

@container gc-lp-stage (min-width:1200px) {
  .lp-scaler {
    transform: scale(1.2500);
  }
}

/* ==========================================================================
   SCREEN: BERICHTSHEFTE
   ========================================================================== */

#gc-bh .bh-stage {
  overflow: visible!important;
}

#gc-bh {
  margin: 28px 0 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1,"lnum" 1;
}

#gc-bh,
#gc-bh *,
#gc-bh *::before,
#gc-bh *::after {
  box-sizing: border-box;
}

#gc-bh svg {
  flex-shrink: 0;
  overflow: visible;
}

#gc-bh {
  font-family: "Roboto",system-ui,sans-serif;
  color: #161528;
  display: block;
  width: 100%;
  background: transparent;
}

#gc-bh .bh-h {
  font-family: 'Roboto',system-ui,sans-serif;
}

.gcnv2 .bh-play .bh-frame {
  animation: bh-build .55s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .bh-play .bh-box {
  animation: bh-rise .6s cubic-bezier(.22,1,.36,1) backwards;
}

.gcnv2 .bh-play .bh-leg {
  animation: bh-fade .55s ease backwards;
}

.gcnv2 .bh-amb .bh-frame {
  animation: bh-bob 7s ease-in-out infinite;
}

.gcnv2 .bh-amb .bh-notify {
  animation: bh-notify 11s ease-in-out 1s infinite;
}

.gcnv2 .bh-amb .bh-cursor {
  animation: bh-cursor 1s ease-in-out infinite;
}

.gcnv2 .bh-notify {
  opacity: 0;
  pointer-events: none;
}

.gcnv2 .bh-cursor {
  width: 1.5px;
  height: 12px;
  background: #b2b2b2;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  opacity: 0;
}

#gc-bh .bh-stage {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  container-type: inline-size;
  container-name: gc-bh-stage;
}

#gc-bh .bh-scaler {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  width: 960px;
  height: 540px;
  transform-origin: top center;
}

@container gc-bh-stage (max-width:959px) {
  .bh-scaler {
    transform: scale(0.9990);
  }
}

@container gc-bh-stage (max-width:919px) {
  .bh-scaler {
    transform: scale(0.9573);
  }
}

@container gc-bh-stage (max-width:879px) {
  .bh-scaler {
    transform: scale(0.9156);
  }
}

@container gc-bh-stage (max-width:839px) {
  .bh-scaler {
    transform: scale(0.8740);
  }
}

@container gc-bh-stage (max-width:799px) {
  .bh-scaler {
    transform: scale(0.8323);
  }
}

@container gc-bh-stage (max-width:759px) {
  .bh-scaler {
    transform: scale(0.7906);
  }
}

@container gc-bh-stage (max-width:719px) {
  .bh-scaler {
    transform: scale(0.7490);
  }
}

@container gc-bh-stage (max-width:679px) {
  .bh-scaler {
    transform: scale(0.7073);
  }
}

@container gc-bh-stage (max-width:639px) {
  .bh-scaler {
    transform: scale(0.6656);
  }
}

@container gc-bh-stage (max-width:599px) {
  .bh-scaler {
    transform: scale(0.6240);
  }
}

@container gc-bh-stage (max-width:559px) {
  .bh-scaler {
    transform: scale(0.5823);
  }
}

@container gc-bh-stage (max-width:519px) {
  .bh-scaler {
    transform: scale(0.5406);
  }
}

@container gc-bh-stage (max-width:479px) {
  .bh-scaler {
    transform: scale(0.4990);
  }
}

@container gc-bh-stage (max-width:439px) {
  .bh-scaler {
    transform: scale(0.4573);
  }
}

@container gc-bh-stage (max-width:399px) {
  .bh-scaler {
    transform: scale(0.4156);
  }
}

@container gc-bh-stage (max-width:359px) {
  .bh-scaler {
    transform: scale(0.3740);
  }
}

@container gc-bh-stage (max-width:319px) {
  .bh-scaler {
    transform: scale(0.3323);
  }
}

@container gc-bh-stage (min-width:1000px) {
  .bh-scaler {
    transform: scale(1.0417);
  }
}

@container gc-bh-stage (min-width:1040px) {
  .bh-scaler {
    transform: scale(1.0833);
  }
}

@container gc-bh-stage (min-width:1080px) {
  .bh-scaler {
    transform: scale(1.1250);
  }
}

@container gc-bh-stage (min-width:1120px) {
  .bh-scaler {
    transform: scale(1.1667);
  }
}

@container gc-bh-stage (min-width:1160px) {
  .bh-scaler {
    transform: scale(1.2083);
  }
}

@container gc-bh-stage (min-width:1200px) {
  .bh-scaler {
    transform: scale(1.2500);
  }
}

/* ==========================================================================
   KEYFRAMES
   ========================================================================== */

@keyframes gcnv2In {
  from { opacity:0;transform:translateY(16px) }
  to { opacity:1;transform:translateY(0) }
}

@keyframes gc-bob {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-9px) }
}

@keyframes gc-build {
  from { opacity:0;transform:translateY(18px) scale(.983) }
}

@keyframes gc-rise {
  from { opacity:0;transform:translateY(12px) }
}

@keyframes gc-draw {
  from { stroke-dashoffset:var(--len) }
}

@keyframes gc-barl {
  from { transform:scaleX(0) }
}

@keyframes gc-fade {
  from { opacity:0 }
}

@keyframes gc-ab1 {
  0%,4% { transform:scaleX(0) }
  17%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes gc-ab2 {
  0%,7% { transform:scaleX(0) }
  20%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes gc-ab3 {
  0%,10% { transform:scaleX(0) }
  23%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes gc-notify {
  0%,27% { opacity:0;transform:translateY(18px) scale(.95) }
  36%,.gcnv2 74% { opacity:1;transform:translateY(0) scale(1) }
  87%,.gcnv2 100% { opacity:0;transform:translateY(18px) scale(.95) }
}

@keyframes gc-pulse {
  0% { box-shadow:0 0 0 0 rgba(30,220,131,.55) }
  70% { box-shadow:0 0 0 7px rgba(30,220,131,0) }
  100% { box-shadow:0 0 0 0 rgba(30,220,131,0) }
}

@keyframes ls-bob {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-9px) }
}

@keyframes ls-build {
  from { opacity:0;transform:translateY(18px) scale(.983) }
}

@keyframes ls-rise {
  from { opacity:0;transform:translateY(12px) }
}

@keyframes ls-barx {
  from { transform:scaleX(0) }
}

@keyframes ls-fade {
  from { opacity:0 }
}

@keyframes ls-row0 {
  0%,10% { opacity:0;transform:translateY(8px) }
  20%,.gcnv2 88% { opacity:1;transform:none }
  97%,.gcnv2 100% { opacity:0;transform:translateY(8px) }
}

@keyframes ls-row1 {
  0%,15% { opacity:0;transform:translateY(8px) }
  25%,.gcnv2 88% { opacity:1;transform:none }
  97%,.gcnv2 100% { opacity:0;transform:translateY(8px) }
}

@keyframes ls-row2 {
  0%,20% { opacity:0;transform:translateY(8px) }
  30%,.gcnv2 88% { opacity:1;transform:none }
  97%,.gcnv2 100% { opacity:0;transform:translateY(8px) }
}

@keyframes ls-ab1 {
  0%,4% { transform:scaleX(0) }
  17%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ls-ab2 {
  0%,7% { transform:scaleX(0) }
  20%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ls-ab3 {
  0%,10% { transform:scaleX(0) }
  23%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ls-notify {
  0%,27% { opacity:0;transform:translateY(18px) scale(.95) }
  36%,.gcnv2 74% { opacity:1;transform:translateY(0) scale(1) }
  87%,.gcnv2 100% { opacity:0;transform:translateY(18px) scale(.95) }
}

@keyframes ls-pulse {
  0% { box-shadow:0 0 0 0 rgba(30,220,131,.55) }
  70% { box-shadow:0 0 0 7px rgba(30,220,131,0) }
  100% { box-shadow:0 0 0 0 rgba(30,220,131,0) }
}

@keyframes ep-bob {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-9px) }
}

@keyframes ep-row-in {
  from { opacity:0;transform:translateY(7px) }
  to { opacity:1;transform:none }
}

@keyframes ep-chip-a {
  0%,4% { transform:scaleX(0) }
  18%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ep-chip-b {
  0%,7% { transform:scaleX(0) }
  21%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ep-chip-c {
  0%,10% { transform:scaleX(0) }
  24%,.gcnv2 86% { transform:scaleX(1) }
  97%,.gcnv2 100% { transform:scaleX(0) }
}

@keyframes ep-chip-p {
  0%,30% { opacity:0;transform:translateX(6px) }
  40%,.gcnv2 86% { opacity:1;transform:none }
  97%,.gcnv2 100% { opacity:0;transform:translateX(6px) }
}

@keyframes ep-notify {
  0%,27% { opacity:0;transform:translateY(18px) scale(.95) }
  36%,.gcnv2 74% { opacity:1;transform:none }
  87%,.gcnv2 100% { opacity:0;transform:translateY(18px) scale(.95) }
}

@keyframes ep-today-p {
  0%,100% { opacity:1 }
  50% { opacity:.4 }
}

@keyframes lp-bob {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-9px) }
}

@keyframes lp-card-in {
  from { opacity:0;transform:translateY(14px) }
  to { opacity:1;transform:none }
}

@keyframes lp-notify {
  0%,27% { opacity:0;transform:translateY(18px) scale(.95) }
  36%,.gcnv2 74% { opacity:1;transform:none }
  87%,.gcnv2 100% { opacity:0;transform:translateY(18px) scale(.95) }
}

@keyframes bh-bob {
  0%,100% { transform:translateY(0) }
  50% { transform:translateY(-9px) }
}

@keyframes bh-build {
  from { opacity:0;transform:translateY(18px) scale(.983) }
}

@keyframes bh-rise {
  from { opacity:0;transform:translateY(12px) }
}

@keyframes bh-fade {
  from { opacity:0 }
}

@keyframes bh-notify {
  0%,27% { opacity:0;transform:translateY(18px) scale(.95) }
  36%,.gcnv2 74% { opacity:1;transform:translateY(0) scale(1) }
  87%,.gcnv2 100% { opacity:0;transform:translateY(18px) scale(.95) }
}

@keyframes bh-cursor {
  0%,100% { opacity:1 }
  50% { opacity:0 }
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media (min-width: 1181px) {
  .gcnv2__panel.is-active {
    position: relative;
  }

  .gcnv2__card {
    position: absolute!important;
    top: 50%!important;
    right: 0!important;
    transform: translateY(-50%)!important;
    width: clamp(320px,29vw,400px)!important;
    overflow: visible!important;
    gap: clamp(16px,1.6vw,22px)!important;
  }

  .gcnv2__eyebrow {
    margin-bottom: clamp(8px,1vw,14px)!important;
  }

  .gcnv2__headline {
    margin-bottom: 0!important;
  }

  .gcnv2__usps {
    gap: clamp(11px,1.2vw,16px)!important;
    padding-top: clamp(16px,1.6vw,22px)!important;
  }

  .gcnv2__usp-text {
    font-size: .875rem!important;
    line-height: 1.5!important;
  }

  .gcnv2__usp-icon {
    width: clamp(22px,1.9vw,26px)!important;
    height: clamp(22px,1.9vw,26px)!important;
  }

  .gcnv2__cta {
    font-size: .75rem;
  }
}

@media (max-width: 1180px) {
  .gcnv2__panel.is-active {
    grid-template-columns: 1fr!important;
    gap: 32px!important;
  }

  .gcnv2__frag {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }

  .gcnv2__card {
    grid-template-columns: 1fr 1fr!important;
    gap: 48px!important;
    align-items: center!important;
    max-width: 840px!important;
    margin: 0 auto!important;
  }

  .gcnv2__usps {
    padding-top: 0!important;
    border-top: none!important;
  }

  .gcnv2__cta {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (max-width:860px) {
  .gcnv2__card {
    grid-template-columns: 1fr!important;
    gap: 28px!important;
    padding: 32px 28px!important;
    max-width: 100%!important;
  }

  .gcnv2__headline {
    font-size: 1.25rem!important;
    line-height: 1.62!important;
  }
}

@media (max-width:640px) {
  .gcnv2__usps {
    gap: 12px!important;
  }
}

@media (max-width:540px) {
  .gcnv2 {
    padding: 44px 0 56px;
  }

  .gcnv2__tab {
    font-size: .75rem;
    height: 2.25rem;
    padding: .1875rem .875rem;
  }

  .gcnv2__inner {
    padding: 0 16px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .gc-play .gc-frame,
  .gc-play .gc-box,
  .gc-play .gc-seg,
  .gc-play .gc-bar,
  .gc-play .gc-leg,
  .gc-amb .gc-frame,
  .gc-amb [data-bar],
  .gc-amb .gc-notify {
    animation: none!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ls-play .ls-frame,
  .ls-play .ls-box,
  .ls-play .ls-bx,
  .ls-play .ls-leg,
  .ls-amb .ls-frame,
  .ls-amb [data-bar],
  .ls-amb .ls-r0,
  .ls-amb .ls-r1,
  .ls-amb .ls-r2,
  .ls-amb .ls-notify {
    animation: none!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  #gc-ep .ep-stage, #gc-ep [style*="animation"] {
    animation: none!important;
    transform: none!important;
    opacity: 1!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  #gc-lp .lp-stage, #gc-lp [style*="animation"] {
    animation: none!important;
    transform: none!important;
    opacity: 1!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .bh-play .bh-frame,
  .bh-play .bh-box,
  .bh-play .bh-leg,
  .bh-amb .bh-frame,
  .bh-amb .bh-notify,
  .bh-amb .bh-cursor {
    animation: none!important;
    opacity: 1!important;
    transform: none!important;
  }
}

/* ==========================================================================
   ELEMENT-STYLES (VORMALS INLINE)
   ========================================================================== */

#gc-tk .gcsy-5 {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  width: 230px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 14px;
  box-shadow: 0 16px 40px -10px rgba(22,21,40,.26),0 4px 10px -4px rgba(22,21,40,.12);
}

#gc-tk .gcsy-6, #gc-ls .gcsy-6, #gc-bh .gcsy-6 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e8faf2;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gc-tk .gcsy-7,
#gc-ls .gcsy-7,
#gc-ep .gcsy-7,
#gc-bh .gcsy-7 {
  font-size: 13px;
  font-weight: 700;
  color: #161528;
  line-height: 1.2;
}

#gc-tk .gcsy-8,
#gc-ls .gcsy-8,
#gc-ep .gcsy-8,
#gc-lp .gcsy-8,
#gc-bh .gcsy-8 {
  font-size: 11.5px;
  color: #828282;
  margin-top: 3px;
}

#gc-tk .gcsy-9,
#gc-ls .gcsy-9,
#gc-ep .gcsy-9,
#gc-lp .gcsy-9,
#gc-bh .gcsy-9 {
  width: 22px;
  height: 22px;
  margin-bottom: 12px;
  flex-shrink: 0;
}

#gc-tk .gcsy-10,
#gc-ls .gcsy-10,
#gc-ep .gcsy-10,
#gc-lp .gcsy-10 {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: rgba(30,220,131,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

#gc-tk .gcsy-11,
#gc-ls .gcsy-11,
#gc-ep .gcsy-11,
#gc-lp .gcsy-11,
#gc-bh .gcsy-11 {
  position: absolute;
  left: -7px;
  top: 9px;
  width: 3px;
  height: 22px;
  border-radius: 3px;
  background: #1edc83;
}

#gc-tk .gcsy-12,
#gc-ls .gcsy-12,
#gc-ep .gcsy-12,
#gc-lp .gcsy-12 {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d6a8e;
  flex-shrink: 0;
}

#gc-tk .gcsy-13,
#gc-ls .gcsy-13,
#gc-ep .gcsy-13,
#gc-lp .gcsy-13,
#gc-bh .gcsy-13 {
  flex: 1;
}

#gc-tk .gcsy-14, #gc-ls .gcsy-14 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1edc83;
  font-weight: 700;
  font-size: 10px;
  flex-shrink: 0;
}

#gc-tk .gcsy-15, #gc-ls .gcsy-15 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  height: 38px;
  color: #1edc83;
  font-size: 13px;
  font-weight: 500;
}

#gc-tk .gcsy-16, #gc-ls .gcsy-16 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  height: 40px;
  background: #fff;
  border-radius: 10px 10px 0 0;
  color: #161528;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -2px;
  position: relative;
  z-index: 1;
}

#gc-tk .gcsy-16 svg,
#gc-tk .gcsy-16 svg *,
#gc-ls .gcsy-16 svg,
#gc-ls .gcsy-16 svg * {
  stroke: #a0a0ab;
}

#gc-tk .gcsy-17, #gc-ls .gcsy-17, #gc-bh .gcsy-17 {
  margin-left: 2px;
}

#gc-tk .gcsy-18, #gc-ls .gcsy-18 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px #1edc83,0 0 0 4px rgba(30,220,131,.18);
}

#gc-tk .gcsy-19,
#gc-ls .gcsy-19,
#gc-ep .gcsy-19,
#gc-lp .gcsy-19 {
  flex: 1;
  min-width: 0;
}

#gc-tk .gcsy-20, #gc-ls .gcsy-20 {
  font-size: 17px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.022em;
  line-height: 1.08;
}

#gc-tk .gcsy-21,
#gc-ls .gcsy-21,
#gc-ep .gcsy-21,
#gc-lp .gcsy-21 {
  font-size: 12px;
  color: #828282;
  margin-top: 2px;
}

#gc-tk .gcsy-22,
#gc-ls .gcsy-22,
#gc-ep .gcsy-22,
#gc-lp .gcsy-22 {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}

#gc-tk .gcsy-23 {
  width: 34px;
  height: 34px;
  border-radius: 7px;
  border: 1px solid #e4e5eb;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #525252;
}

#gc-tk .gcsy-24, #gc-ls .gcsy-24 {
  height: 34px;
  padding: 0 14px;
  border-radius: 7px;
  border: 1px solid #b2b2b2;
  display: flex;
  align-items: center;
  color: #161528;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
}

#gc-tk .gcsy-25, #gc-ls .gcsy-25, #gc-lp .gcsy-25 {
  height: 34px;
  padding: 0 16px;
  border-radius: 7px;
  background: linear-gradient(180deg,#b9f2cc 0%,#00d7d7 100%);
  display: flex;
  align-items: center;
  color: #0d2c22;
  font-size: 13px;
  font-weight: 700;
}

#gc-tk .gcsy-26, #gc-ls .gcsy-26 {
  padding-right: 16px;
}

#gc-tk .gcsy-27, #gc-ls .gcsy-27 {
  font-size: 10.5px;
  color: #8b8b9c;
  text-transform: uppercase;
  letter-spacing: .085em;
  font-weight: 600;
  margin-bottom: 4px;
}

#gc-tk .gcsy-28, #gc-ls .gcsy-28 {
  font-size: 13px;
  color: #161528;
  font-weight: 500;
  line-height: 1.4;
}

#gc-tk .gcsy-29 {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  background: #fff7e6;
  border: 1px solid #ffe4a6;
  border-radius: 999px;
  padding: 4px 10px;
}

#gc-tk .gcsy-30 {
  font-size: 11.5px;
  color: #7a4000;
  font-weight: 600;
}

#gc-tk .gcsy-31, #gc-ls .gcsy-31 {
  font-size: 10.5px;
  color: #8b8b9c;
  text-transform: uppercase;
  letter-spacing: .085em;
  font-weight: 600;
  margin-bottom: 3px;
}

#gc-tk .gcsy-32, #gc-ls .gcsy-32 {
  font-size: 13px;
  color: #161528;
  font-weight: 500;
  margin-bottom: 10px;
}

#gc-tk .gcsy-33, #gc-ls .gcsy-33 {
  font-size: 13px;
  color: #161528;
  font-weight: 500;
}

#gc-tk .gcsy-34, #gc-ls .gcsy-34 {
  height: 1px;
  background: #eaeaec;
  margin-right: 16px;
}

#gc-tk .gcsy-35, #gc-ls .gcsy-35 {
  margin: 0 -16px;
}

#gc-tk .gcsy-36 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  background: #f0fbf6;
  border-left: 3px solid #1edc83;
  color: #161528;
  font-size: 13px;
  font-weight: 600;
}

#gc-tk .gcsy-37 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 16px;
  border-left: 3px solid transparent;
  color: #525252;
  font-size: 13px;
}

#gc-tk .gcsy-38,
#gc-ls .gcsy-38,
#gc-ep .gcsy-38,
#gc-lp .gcsy-38 {
  flex-shrink: 0;
}

#gc-tk .gcsy-39, #gc-ls .gcsy-39 {
  padding: 9px 16px;
  border-left: 3px solid transparent;
  color: #a0a0ab;
  font-size: 13px;
}

#gc-tk .gcsy-40 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 18px 20px;
}

#gc-tk .gcsy-41 {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px #1edc83,0 0 0 5px rgba(30,220,131,.14);
}

#gc-tk .gcsy-42 {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}

#gc-tk .gcsy-43 {
  font-size: 15px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.018em;
}

#gc-tk .gcsy-44 {
  font-size: 11.5px;
  color: #a0a0ab;
  margin-bottom: 12px;
  margin-top: 1px;
}

#gc-tk .gcsy-45 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  color: #525252;
}

#gc-tk .gcsy-46 {
  display: flex;
  gap: 7px;
  align-items: center;
}

#gc-tk .gcsy-47 {
  animation-delay: .12s;
}

#gc-tk .gcsy-48 {
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  margin-bottom: 12px;
  letter-spacing: -.018em;
}

#gc-tk .gcsy-49 {
  display: flex;
  align-items: center;
  gap: 14px;
}

#gc-tk .gcsy-50 {
  position: relative;
  width: 110px;
  height: 110px;
  flex-shrink: 0;
}

#gc-tk .gcsy-51 {
  display: block;
}

#gc-tk .gcsy-52 {
  --len: 138;
  transform: rotate(-90deg);
  transform-origin: 60px 60px;
  animation-delay: .32s;
}

#gc-tk .gcsy-53 {
  --len: 107;
  transform: rotate(68.4deg);
  transform-origin: 60px 60px;
  animation-delay: .48s;
}

#gc-tk .gcsy-54 {
  --len: 69;
  transform: rotate(190.8deg);
  transform-origin: 60px 60px;
  animation-delay: .64s;
}

#gc-tk .gcsy-55 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

#gc-tk .gcsy-56 {
  font-size: 24px;
  font-weight: 700;
  color: #161528;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#gc-tk .gcsy-57 {
  font-size: 9.5px;
  color: #a0a0ab;
}

#gc-tk .gcsy-58 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#gc-tk .gcsy-59 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .5s;
}

#gc-tk .gcsy-60 {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: #1edc83;
  flex-shrink: 0;
}

#gc-tk .gcsy-61 {
  font-size: 11.5px;
  color: #161528;
  line-height: 1.3;
}

#gc-tk .gcsy-62 {
  color: #a0a0ab;
  font-size: 11px;
}

#gc-tk .gcsy-63 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .62s;
}

#gc-tk .gcsy-64 {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: #3e3c72;
  flex-shrink: 0;
}

#gc-tk .gcsy-65 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .74s;
}

#gc-tk .gcsy-66 {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  background: rgba(62,60,114,.3);
  flex-shrink: 0;
}

#gc-tk .gcsy-67 {
  animation-delay: .24s;
}

#gc-tk .gcsy-68 {
  --len: 217;
  transform: rotate(-90deg);
  transform-origin: 60px 60px;
  animation-delay: .40s;
}

#gc-tk .gcsy-69 {
  --len: 97;
  transform: rotate(158.4deg);
  transform-origin: 60px 60px;
  animation-delay: .58s;
}

#gc-tk .gcsy-70 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .55s;
}

#gc-tk .gcsy-71 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .70s;
}

#gc-tk .gcsy-72 {
  animation-delay: .36s;
  display: flex;
  align-items: center;
  gap: 16px;
}

#gc-tk .gcsy-73 {
  --len: 208;
  transform: rotate(-90deg);
  transform-origin: 60px 60px;
  animation-delay: .44s;
}

#gc-tk .gcsy-74 {
  font-size: 22px;
  font-weight: 700;
  color: #161528;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#gc-tk .gcsy-75 {
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.018em;
  margin-bottom: 5px;
}

#gc-tk .gcsy-76 {
  font-size: 12px;
  color: #828282;
  line-height: 1.5;
}

#gc-tk .gcsy-77 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  background: #edf9f3;
  border-radius: 999px;
  padding: 4px 9px;
  animation-delay: .7s;
}

#gc-tk .gcsy-78 {
  font-size: 11px;
  color: #0a8f5b;
  font-weight: 600;
}

#gc-tk .gcsy-79 {
  animation-delay: .48s;
  display: flex;
  align-items: center;
  gap: 16px;
}

#gc-tk .gcsy-80 {
  --len: 210;
  transform: rotate(-90deg);
  transform-origin: 60px 60px;
  animation-delay: .52s;
}

#gc-tk .gcsy-81 {
  --len: 104;
  transform: rotate(151.2deg);
  transform-origin: 60px 60px;
  animation-delay: .66s;
}

#gc-tk .gcsy-82 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#gc-tk .gcsy-83 {
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.018em;
  margin-bottom: 6px;
}

#gc-tk .gcsy-84 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .66s;
}

#gc-tk .gcsy-85 {
  font-size: 12px;
  color: #161528;
}

#gc-tk .gcsy-86 {
  display: flex;
  align-items: center;
  gap: 8px;
  animation-delay: .80s;
}

#gc-tk .gcsy-87 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  background: #f0f0f5;
  border-radius: 999px;
  padding: 4px 9px;
  align-self: flex-start;
  animation-delay: .92s;
}

#gc-tk .gcsy-88 {
  font-size: 11px;
  color: #3e3c72;
  font-weight: 600;
}

#gc-tk .gcsy-89 {
  animation-delay: .60s;
}

#gc-tk .gcsy-90 {
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.018em;
  margin-bottom: 14px;
}

#gc-tk .gcsy-91 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#gc-tk .gcsy-92 {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  margin-bottom: 5px;
}

#gc-tk .gcsy-93 {
  color: #525252;
}

#gc-tk .gcsy-94, #gc-ls .gcsy-94 {
  color: #a0a0ab;
}

#gc-tk .gcsy-95 {
  height: 7px;
  background: #edeef2;
  border-radius: 99px;
  overflow: hidden;
}

#gc-tk .gcsy-96 {
  height: 100%;
  width: 82%;
  background: #1edc83;
  border-radius: 99px;
  transform-origin: left;
  animation-delay: .72s;
}

#gc-tk .gcsy-97 {
  height: 100%;
  width: 68%;
  background: #3e3c72;
  border-radius: 99px;
  transform-origin: left;
  animation-delay: .84s;
}

#gc-tk .gcsy-98 {
  height: 100%;
  width: 74%;
  background: #4fa2a8;
  border-radius: 99px;
  transform-origin: left;
  animation-delay: .96s;
}

#gc-tk .gcsy-99 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #eaeaec;
}

#gc-tk .gcsy-100, #gc-bh .gcsy-100 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1edc83;
  flex-shrink: 0;
}

#gc-tk .gcsy-101 {
  font-size: 11px;
  color: #828282;
}

#gc-ls .gcsy-103 {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  width: 234px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 14px;
  box-shadow: 0 16px 40px -10px rgba(22,21,40,.26),0 4px 10px -4px rgba(22,21,40,.12);
}

#gc-ls .gcsy-104, #gc-bh .gcsy-104 {
  height: 38px;
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

#gc-ls .gcsy-105 {
  padding: 9px 16px;
  border-left: 3px solid transparent;
  color: #525252;
  font-size: 13px;
}

#gc-ls .gcsy-106 {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 16px;
  background: #f0fbf6;
  border-left: 3px solid #1edc83;
  color: #161528;
  font-size: 13px;
  font-weight: 600;
}

#gc-ls .gcsy-107 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

#gc-ls .gcsy-108 {
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.018em;
}

#gc-ls .gcsy-109 {
  font-size: 12px;
  color: #a0a0ab;
}

#gc-ls .gcsy-110 {
  position: relative;
  padding-bottom: 28px;
}

#gc-ls .gcsy-111 {
  position: absolute;
  left: 180px;
  right: 0;
  top: 0;
  bottom: 28px;
  display: grid;
  grid-template-columns: repeat(9,1fr);
  pointer-events: none;
}

#gc-ls .gcsy-112 {
  border-right: 1px solid #edeef2;
}

#gc-ls .gcsy-113 {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

#gc-ls .gcsy-114, #gc-bh .gcsy-114 {
  display: flex;
  align-items: center;
  gap: 10px;
}

#gc-ls .gcsy-115 {
  flex: 0 0 168px;
  font-size: 11.5px;
  color: #161528;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#gc-ls .gcsy-116 {
  flex: 1;
  height: 32px;
  background: #edeef2;
  border-radius: 4px;
  overflow: hidden;
}

#gc-ls .gcsy-117 {
  height: 100%;
  width: 81.99%;
  background: #1a3a5c;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  animation-delay: .3s;
}

#gc-ls .gcsy-118 {
  font-size: 10px;
  color: rgba(255,255,255,.85);
  font-weight: 500;
  white-space: nowrap;
}

#gc-ls .gcsy-119 {
  height: 100%;
  width: 76.95%;
  background: #4a8db5;
  border-radius: 4px;
  animation-delay: .45s;
}

#gc-ls .gcsy-120 {
  height: 100%;
  width: 78.53%;
  background: #2a5a80;
  border-radius: 4px;
  animation-delay: .6s;
}

#gc-ls .gcsy-121 {
  margin-left: 178px;
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #a0a0ab;
}

#gc-ls .gcsy-122 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eaeaec;
  flex-wrap: wrap;
  animation-delay: .7s;
}

#gc-ls .gcsy-123 {
  display: flex;
  align-items: center;
  gap: 6px;
}

#gc-ls .gcsy-124 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #1a3a5c;
  flex-shrink: 0;
}

#gc-ls .gcsy-125 {
  font-size: 11.5px;
  color: #161528;
}

#gc-ls .gcsy-126 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #4a8db5;
  flex-shrink: 0;
}

#gc-ls .gcsy-127 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #2a5a80;
  flex-shrink: 0;
}

#gc-ls .gcsy-128 {
  animation-delay: .18s;
}

#gc-ls .gcsy-129 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

#gc-ls .gcsy-130 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  color: #1edc83;
  font-weight: 600;
  padding: 4px 10px;
  background: #edf9f3;
  border-radius: 999px;
}

#gc-ls .gcsy-131 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1edc83;
  flex-shrink: 0;
}

#gc-ls .gcsy-132 {
  font-weight: 700;
  color: #1a3a5c;
}

#gc-ls .gcsy-133 {
  color: #525252;
  font-size: 12px;
}

#gc-ls .gcsy-134 {
  display: flex;
  align-items: center;
  gap: 7px;
}

#gc-ls .gcsy-135 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg,#3e3c72,#1edc83);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 8px;
  font-weight: 700;
}

#gc-ls .gcsy-136 {
  animation-delay: .30s;
}

#gc-ls .gcsy-137 {
  flex: 0 0 170px;
}

#gc-ls .gcsy-138 {
  flex: 0 0 90px;
}

#gc-ls .gcsy-139 {
  flex: 0 0 170px;
  display: flex;
  align-items: center;
  gap: 7px;
}

#gc-ls .gcsy-140 {
  font-weight: 600;
  color: #161528;
  font-size: 12.5px;
}

#gc-ls .gcsy-141 {
  flex: 1;
  font-size: 12px;
  color: #525252;
}

#gc-ls .gcsy-142 {
  flex: 0 0 90px;
  font-size: 12px;
  color: #a0a0ab;
  font-weight: 600;
}

#gc-ep .gcsy-143 {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  width: 238px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 14px;
  box-shadow: 0 16px 40px -10px rgba(22,21,40,.26),0 4px 10px -4px rgba(22,21,40,.12);
}

#gc-ep .gcsy-144 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #dbeafe;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gc-ep .gcsy-145, #gc-lp .gcsy-145, #gc-bh .gcsy-145 {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 64px -16px rgba(9,2,41,.48),0 6px 18px -8px rgba(9,2,41,.22);
  background: #090229;
  width: 960px;
  height: 540px;
}

#gc-ep .gcsy-146, #gc-lp .gcsy-146, #gc-bh .gcsy-146 {
  width: 62px;
  flex-shrink: 0;
  background: linear-gradient(180deg,#291f53 0%,#0b0526 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14px 0;
  gap: 5px;
}

#gc-ep .gcsy-147, #gc-lp .gcsy-147 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

#gc-ep .gcsy-148, #gc-lp .gcsy-148, #gc-bh .gcsy-148 {
  flex: 1;
  min-width: 0;
  background: linear-gradient(95deg,#2d2b58 0%,#13112a 55%);
  padding: 12px 12px 12px 0;
  display: flex;
  flex-direction: column;
}

#gc-ep .gcsy-149, #gc-lp .gcsy-149, #gc-bh .gcsy-149 {
  flex: 1;
  background: #fff;
  border-radius: 12px 12px 8px 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#gc-bh .gcsy-149 {
  border-top-left-radius: 0;
}

#gc-ep .gcsy-150 {
  height: 68px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 22px;
  border-bottom: 1px solid #eaeaec;
}

#gc-ep .gcsy-151 {
  font-size: 17px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.022em;
}

#gc-ep .gcsy-152 {
  height: 34px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid #e4e5eb;
  display: flex;
  align-items: center;
  color: #525252;
  font-size: 12px;
  font-weight: 500;
  gap: 5px;
}

#gc-ep .gcsy-153 {
  height: 34px;
  width: 34px;
  border-radius: 7px;
  background: linear-gradient(180deg,#b9f2cc 0%,#00d7d7 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d2c22;
}

#gc-ep .gcsy-154 {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}

#gc-ep .gcsy-155 {
  flex-shrink: 0;
  background: #1e1d3a;
  display: flex;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

#gc-ep .gcsy-156 {
  flex: 0 0 180px;
  padding: 8px 14px;
  border-right: 1px solid rgba(255,255,255,.1);
  display: flex;
  align-items: center;
}

#gc-ep .gcsy-157 {
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.7);
}

#gc-ep .gcsy-158 {
  flex: 1;
  display: flex;
}

#gc-ep .gcsy-159 {
  flex: 1;
  border-left: 1px solid rgba(255,255,255,.1);
  padding: 4px 0;
}

#gc-ep .gcsy-160 {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}

#gc-ep .gcsy-161 {
  display: flex;
}

#gc-ep .gcsy-162 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}

#gc-ep .gcsy-163 {
  font-size: 8.5px;
  color: rgba(255,255,255,.5);
}

#gc-ep .gcsy-164 {
  font-size: 8.5px;
  color: rgba(255,255,255,.65);
}

#gc-ep .gcsy-165 {
  flex: 1;
  border-left: 1px solid rgba(255,255,255,.1);
  padding: 4px 0;
  background: rgba(43,141,255,.12);
}

#gc-ep .gcsy-166 {
  flex: 1;
  overflow: hidden;
  position: relative;
  background: #f5f5f7;
}

#gc-ep .gcsy-167 {
  position: absolute;
  left: calc(180px + (100% - 180px) * 0.185);
  top: 0;
  bottom: 0;
  width: 2px;
  background: #2b8dff;
  z-index: 5;
  pointer-events: none;
}

#gc-ep .gcsy-168 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.20s both;
}

#gc-ep .gcsy-169 {
  flex: 0 0 180px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px 0 14px;
  border-right: 1px solid #eaeaec;
  background: #fff;
  height: 100%;
}

#gc-ep .gcsy-170 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #b2b2b2;
  flex-shrink: 0;
}

#gc-ep .gcsy-171 {
  font-size: 12px;
  color: #161528;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#gc-ep .gcsy-172 {
  flex: 1;
  position: relative;
  height: 100%;
}

#gc-ep .gcsy-173 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.30s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-174 {
  font-size: 10px;
  font-weight: 500;
  color: #7a5c00;
}

#gc-ep .gcsy-175 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.42s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-176 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.54s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-177 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.66s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-178 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.20s infinite both;
}

#gc-ep .gcsy-179 {
  font-size: 10px;
  font-weight: 500;
  color: #9a3412;
}

#gc-ep .gcsy-180 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.27s both;
}

#gc-ep .gcsy-181 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.39s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-182 {
  font-size: 10px;
  font-weight: 500;
  color: 1e40af;
}

#gc-ep .gcsy-183 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.51s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-184 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.63s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-185 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.75s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-186 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.29s infinite both;
}

#gc-ep .gcsy-187 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.34s both;
}

#gc-ep .gcsy-188 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.48s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-189 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.60s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-190 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.72s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-191 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.84s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-192 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.38s infinite both;
}

#gc-ep .gcsy-193 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.41s both;
}

#gc-ep .gcsy-194 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.57s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-195 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.69s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-196 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.81s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-197 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.93s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-198 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.47s infinite both;
}

#gc-ep .gcsy-199 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.48s both;
}

#gc-ep .gcsy-200 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ccfbf1;
  border: 1px solid #5eead4;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.66s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-201 {
  font-size: 10px;
  font-weight: 500;
  color: #0f766e;
}

#gc-ep .gcsy-202 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ccfbf1;
  border: 1px solid #5eead4;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.78s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-203 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ccfbf1;
  border: 1px solid #5eead4;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.90s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-204 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ccfbf1;
  border: 1px solid #5eead4;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 1.02s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-205 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.56s infinite both;
}

#gc-ep .gcsy-206 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.55s both;
}

#gc-ep .gcsy-207 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 0.75s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-208 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.87s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-209 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.99s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-210 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 1.11s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-211 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.65s infinite both;
}

#gc-ep .gcsy-212 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.62s both;
}

#gc-ep .gcsy-213 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 0.84s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-214 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.96s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-215 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 1.08s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-216 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 1.20s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-217 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.74s infinite both;
}

#gc-ep .gcsy-218 {
  display: flex;
  align-items: center;
  height: 38px;
  border-bottom: 1px solid #eaeaec;
  animation: ep-row-in 0.5s cubic-bezier(.22,1,.36,1) 0.69s both;
}

#gc-ep .gcsy-219 {
  position: absolute;
  left: 0.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 0.93s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-220 {
  position: absolute;
  left: 16.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-c 11s cubic-bezier(.22,1,.36,1) 1.05s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-221 {
  position: absolute;
  left: 33.3%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-a 11s cubic-bezier(.22,1,.36,1) 1.17s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-222 {
  position: absolute;
  left: 50.0%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-b 11s cubic-bezier(.22,1,.36,1) 1.29s infinite both;
  transform-origin: left;
}

#gc-ep .gcsy-223 {
  position: absolute;
  left: 66.7%;
  width: 15.9%;
  top: 5px;
  height: 28px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 0 7px;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  animation: ep-chip-p 11s ease-in-out 1.83s infinite both;
}

#gc-ep .gcsy-224 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 14px;
  border-top: 1px solid #eaeaec;
  background: #fff;
  flex-wrap: wrap;
}

#gc-ep .gcsy-225 {
  display: flex;
  align-items: center;
  gap: 5px;
}

#gc-ep .gcsy-226 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: #fef9c3;
  border: 1px solid #f0c040;
  flex-shrink: 0;
}

#gc-ep .gcsy-227 {
  font-size: 11px;
  color: #525252;
}

#gc-ep .gcsy-228 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: #dbeafe;
  border: 1px solid #93c5fd;
  flex-shrink: 0;
}

#gc-ep .gcsy-229 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: #ccfbf1;
  border: 1px solid #5eead4;
  flex-shrink: 0;
}

#gc-ep .gcsy-230 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  background: #ffe4d6;
  border: 1px solid #fdba74;
  flex-shrink: 0;
}

#gc-lp .gcsy-231 {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  width: 240px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 14px;
  box-shadow: 0 16px 40px -10px rgba(22,21,40,.26),0 4px 10px -4px rgba(22,21,40,.12);
}

#gc-lp .gcsy-232 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #dcfce7;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gc-lp .gcsy-233 {
  font-family: 'Roboto',system-ui,sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #161528;
  line-height: 1.2;
}

#gc-lp .gcsy-234 {
  height: 64px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  border-bottom: 1px solid #eaeaec;
}

#gc-lp .gcsy-235 {
  font-family: 'Roboto',system-ui,sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.015em;
  line-height: 1.1;
}

#gc-lp .gcsy-236 {
  height: 34px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid #e4e5eb;
  display: flex;
  align-items: center;
  color: #525252;
  font-size: 12.5px;
  font-weight: 500;
  gap: 6px;
}

#gc-lp .gcsy-237 {
  flex-shrink: 0;
  padding: 12px 22px;
  border-bottom: 1px solid #eaeaec;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#gc-lp .gcsy-238 {
  padding: 5px 12px;
  border-radius: 999px;
  background: #161528;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

#gc-lp .gcsy-239 {
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid #e1e3e6;
  color: #525252;
  font-size: 12px;
}

#gc-lp .gcsy-240 {
  flex: 1;
  background: #f5f5f7;
  padding: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 12px;
  align-content: start;
  overflow: hidden;
}

#gc-lp .gcsy-241 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(9,2,41,.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: lp-card-in 0.55s cubic-bezier(.22,1,.36,1) 0.10s both;
}

#gc-lp .gcsy-242 {
  height: 160px;
  background: url('/fileadmin/feature-navigator/img/yt-kurs-1.jpg') center/cover no-repeat;
  flex-shrink: 0;
  position: relative;
}

#gc-lp .gcsy-243 {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 3px 9px;
  background: rgba(22,21,40,.65);
  border-radius: 999px;
  font-size: 10px;
  color: #fff;
  font-weight: 500;
}

#gc-lp .gcsy-244 {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(16,163,74,0.82);
  backdrop-filter: blur(6px);
  font-size: 9.5px;
  font-weight: 700;
  color: #fff;
}

#gc-lp .gcsy-245 {
  flex: 1;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#gc-lp .gcsy-246 {
  font-family: 'Roboto',system-ui,sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #1e1d3e;
  line-height: 1.35;
}

#gc-lp .gcsy-247 {
  font-size: 11.5px;
  color: #6b7280;
  line-height: 1.5;
  flex: 1;
}

#gc-lp .gcsy-248 {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

#gc-lp .gcsy-249 {
  display: flex;
  gap: 2px;
}

#gc-lp .gcsy-250 {
  font-size: 11.5px;
  font-weight: 700;
  color: #f59e0b;
}

#gc-lp .gcsy-251 {
  font-size: 11px;
  color: #9ca3af;
}

#gc-lp .gcsy-252 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: #525252;
}

#gc-lp .gcsy-253 {
  color: #d1d5db;
}

#gc-lp .gcsy-254 {
  color: #6b7280;
}

#gc-lp .gcsy-255 {
  margin-top: 8px;
}

#gc-lp .gcsy-256 {
  display: flex;
  justify-content: space-between;
  font-size: 10.5px;
  color: #6b7280;
  margin-bottom: 3px;
}

#gc-lp .gcsy-257 {
  height: 5px;
  background: #e5e7eb;
  border-radius: 99px;
  overflow: hidden;
}

#gc-lp .gcsy-258 {
  height: 100%;
  width: 100%;
  background: #16a34a;
  border-radius: 99px;
}

#gc-lp .gcsy-259 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(9,2,41,.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: lp-card-in 0.55s cubic-bezier(.22,1,.36,1) 0.19s both;
}

#gc-lp .gcsy-260 {
  height: 160px;
  background: url('/fileadmin/feature-navigator/img/yt-kurs-2.jpg') center/cover no-repeat;
  flex-shrink: 0;
  position: relative;
}

#gc-lp .gcsy-261 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(9,2,41,.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: lp-card-in 0.55s cubic-bezier(.22,1,.36,1) 0.28s both;
}

#gc-lp .gcsy-262 {
  height: 160px;
  background: url('/fileadmin/feature-navigator/img/yt-kurs-3.jpg') center/cover no-repeat;
  flex-shrink: 0;
  position: relative;
}

#gc-lp .gcsy-263 {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(180,83,9,0.82);
  backdrop-filter: blur(6px);
  font-size: 9.5px;
  font-weight: 700;
  color: #fff;
}

#gc-lp .gcsy-264 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
}

#gc-lp .gcsy-265 {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(9,2,41,.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  animation: lp-card-in 0.55s cubic-bezier(.22,1,.36,1) 0.37s both;
}

#gc-lp .gcsy-266 {
  height: 160px;
  background: url('/fileadmin/feature-navigator/img/yt-kurs-4.jpg') center/cover no-repeat;
  flex-shrink: 0;
  position: relative;
}

#gc-lp .gcsy-267 {
  position: absolute;
  top: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(29,78,216,0.82);
  backdrop-filter: blur(6px);
  font-size: 9.5px;
  font-weight: 700;
  color: #fff;
}

#gc-lp .gcsy-268 {
  height: 100%;
  width: 12%;
  background: #1d4ed8;
  border-radius: 99px;
}

#gc-bh .gcsy-269 {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10;
  width: 258px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  background: #fff;
  border: 1px solid #e1e3e6;
  border-radius: 14px;
  box-shadow: 0 16px 40px -10px rgba(22,21,40,.26),0 4px 10px -4px rgba(22,21,40,.12);
}

#gc-bh .gcsy-270 {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6d6a8e;
}

#gc-bh .gcsy-271 {
  width: 40px;
  height: 40px;
  border-radius: 9px;
  background: rgba(30,220,131,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#gc-bh .gcsy-272 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1edc83;
  font-weight: 700;
  font-size: 10px;
}

#gc-bh .gcsy-273 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  height: 40px;
  background: #fff;
  border-radius: 10px 10px 0 0;
  color: #161528;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: -2px;
  position: relative;
  z-index: 1;
}

#gc-bh .gcsy-273 svg,
#gc-bh .gcsy-273 svg * {
  stroke: #a0a0ab;
}

#gc-bh .gcsy-274 {
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  border-bottom: 1px solid #eaeaec;
}

#gc-bh .gcsy-275 {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 0 2px #1edc83,0 0 0 4px rgba(30,220,131,.18);
}

#gc-bh .gcsy-276 {
  font-size: 16px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.015em;
}

#gc-bh .gcsy-277 {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-left: 2px;
}

#gc-bh .gcsy-278 {
  display: flex;
  gap: 7px;
  flex-shrink: 0;
}

#gc-bh .gcsy-279 {
  height: 30px;
  padding: 0 11px;
  border-radius: 6px;
  border: 1px solid #e1e3e6;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  color: #525252;
  font-weight: 500;
  white-space: nowrap;
}

#gc-bh .gcsy-280 {
  flex: 1;
  display: flex;
  min-height: 0;
  overflow: hidden;
}

#gc-bh .gcsy-281 {
  width: 218px;
  flex-shrink: 0;
  border-right: 1px solid #eaeaec;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

#gc-bh .gcsy-282 {
  padding: 14px 16px 10px;
  font-size: 13.5px;
  font-weight: 700;
  color: #161528;
  border-bottom: 1px solid #f0f0f2;
}

#gc-bh .gcsy-283 {
  padding: 11px 16px;
  background: #f0fbf6;
  border-left: 3px solid #1edc83;
  animation-delay: .10s;
}

#gc-bh .gcsy-284 {
  font-size: 13px;
  font-weight: 700;
  color: #161528;
  margin-bottom: 2px;
}

#gc-bh .gcsy-285 {
  font-size: 11px;
  color: #6b7280;
  margin-bottom: 6px;
}

#gc-bh .gcsy-286 {
  display: inline-flex;
  padding: 2px 9px;
  border-radius: 999px;
  background: #fee2e2;
  font-size: 10.5px;
  font-weight: 700;
  color: #b91c1c;
}

#gc-bh .gcsy-287 {
  padding: 11px 16px;
  border-left: 3px solid transparent;
  animation-delay: .18s;
}

#gc-bh .gcsy-288 {
  font-size: 13px;
  font-weight: 500;
  color: #525252;
  margin-bottom: 2px;
}

#gc-bh .gcsy-289 {
  font-size: 11px;
  color: #a0a0ab;
  margin-bottom: 6px;
}

#gc-bh .gcsy-290 {
  display: inline-flex;
  padding: 2px 9px;
  border-radius: 999px;
  background: #fff3e0;
  border: 1px solid #fbb97a;
  font-size: 10.5px;
  font-weight: 600;
  color: #b45309;
}

#gc-bh .gcsy-291 {
  padding: 11px 16px;
  border-left: 3px solid transparent;
  animation-delay: .26s;
}

#gc-bh .gcsy-292 {
  display: inline-flex;
  padding: 2px 9px;
  border-radius: 999px;
  background: #dcfce7;
  font-size: 10.5px;
  font-weight: 600;
  color: #15803d;
}

#gc-bh .gcsy-293 {
  padding: 11px 16px;
  border-left: 3px solid transparent;
  animation-delay: .34s;
}

#gc-bh .gcsy-294 {
  padding: 11px 16px;
  border-left: 3px solid transparent;
  animation-delay: .42s;
}

#gc-bh .gcsy-295 {
  flex: 1;
  min-width: 0;
  background: #fafafa;
  padding: 20px 22px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#gc-bh .gcsy-296 {
  animation-delay: .16s;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

#gc-bh .gcsy-297 {
  font-size: 16px;
  font-weight: 700;
  color: #161528;
  letter-spacing: -.015em;
  margin-bottom: 7px;
}

#gc-bh .gcsy-298 {
  display: inline-flex;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fee2e2;
  font-size: 11.5px;
  font-weight: 700;
  color: #b91c1c;
}

#gc-bh .gcsy-299 {
  font-size: 12px;
  color: #828282;
}

#gc-bh .gcsy-300 {
  flex-shrink: 0;
  height: 36px;
  padding: 0 22px;
  border-radius: 999px;
  background: #1edc82;
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  color: #0b2e1a;
  box-shadow: 0 4px 14px rgba(30,220,130,.3);
  white-space: nowrap;
}

#gc-bh .gcsy-301 {
  animation-delay: .24s;
  display: flex;
  gap: 7px;
}

#gc-bh .gcsy-302 {
  height: 32px;
  padding: 0 15px;
  border-radius: 999px;
  background: #161528;
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

#gc-bh .gcsy-303 {
  height: 32px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1.5px solid #dde1e7;
  color: #525252;
  font-size: 12.5px;
  display: flex;
  align-items: center;
  background: #fff;
}

#gc-bh .gcsy-304 {
  animation-delay: .32s;
  background: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 10px;
  padding: 16px 18px;
  flex: 1.8;
  overflow: hidden;
}

#gc-bh .gcsy-305 {
  font-size: 13px;
  font-weight: 700;
  color: #161528;
  margin-bottom: 11px;
}

#gc-bh .gcsy-306 {
  font-size: 12.5px;
  line-height: 1.7;
  color: #374151;
}

#gc-bh .gcsy-307 {
  margin: 0 0 9px;
}

#gc-bh .gcsy-308 {
  margin: 0;
}

#gc-bh .gcsy-309 {
  animation-delay: .40s;
  background: #fff;
  border: 1px solid #e8e8ea;
  border-radius: 10px;
  padding: 15px 18px;
  flex: 1;
}

#gc-bh .gcsy-310 {
  font-size: 13px;
  font-weight: 700;
  color: #161528;
  margin-bottom: 9px;
}

#gc-bh .gcsy-311 {
  font-size: 12.5px;
  color: #b0b0bc;
  line-height: 1.6;
}

/* ==========================================================================
   SCHRIFTSCHNITTE DER HÜLLE
   ========================================================================== */

/* Fette Elemente der Hülle auf den Bold-Schnitt der Website;
   die Familien CodecPro-Regular / CodecPro-Bold bindet guidecom.de bereits ein. */
.gcnv2__tab,
.gcnv2__eyebrow,
.gcnv2__cta {
  font-family: CodecPro-Bold,'Helvetica Neue',Arial,sans-serif;
}

/* Karten-Headline im Regular-Schnitt – wie die Überschriften der Website. */
.gcnv2__headline {
  font-family: CodecPro-Regular,'Helvetica Neue',Arial,sans-serif;
}

/* ==========================================================================
   KARTENLAYOUT (BREAKPOINTS)
   ========================================================================== */

/* Ab 1181px sitzt die Infokarte rechts neben dem Screen und ist vertikal zentriert. */

/* Darunter liegt die Karte unter dem Screen und wird zweispaltig. */