body.theme-light:not([data-mobile]) {
  --stw-bg: #fdf1f2;
  --stw-dot: rgba(216, 51, 79, 0.07);
  --stw-card: #ffffff;
  --stw-sheet: #fff8f8;
  --stw-line: #f0dde0;
  --stw-line-strong: #f3d3d9;
  --stw-ink: #2b1d20;
  --stw-muted: #6f5d61;
  --stw-soft: #8a6f74;
  --stw-coral: #fb596e;
  --stw-coral-deep: #d8334f;
  --stw-grad: linear-gradient(135deg, #ff7d8f 0%, #f0506a 45%, #d8334f 100%);
  --stw-shadow: 0 18px 40px -32px rgba(120, 30, 50, 0.4);
  --stw-t0-bg: #fde4e8;
  --stw-t0-fg: #b22a43;
  --stw-t1-bg: #ece6fb;
  --stw-t1-fg: #5b3fb0;
  --stw-t2-bg: #ffedd5;
  --stw-t2-fg: #9a4a07;
  --stw-t3-bg: #d8f3ee;
  --stw-t3-fg: #0a6b5c;
  --stw-t4-bg: #e3eefc;
  --stw-t4-fg: #2458a6;
}

body.theme-dark:not([data-mobile]) {
  --stw-bg: #181214;
  --stw-dot: rgba(251, 89, 110, 0.06);
  --stw-card: #2e2427;
  --stw-sheet: #231b1e;
  --stw-line: rgba(255, 255, 255, 0.08);
  --stw-line-strong: rgba(251, 89, 110, 0.22);
  --stw-ink: #f6eef0;
  --stw-muted: #c9b6ba;
  --stw-soft: #a8949a;
  --stw-coral: #fb596e;
  --stw-coral-deep: #ff8b9b;
  --stw-grad: linear-gradient(135deg, #ff7d8f 0%, #f0506a 45%, #d8334f 100%);
  --stw-shadow: 0 18px 40px -30px rgba(0, 0, 0, 0.6);
  --stw-t0-bg: rgba(251, 89, 110, 0.16);
  --stw-t0-fg: #ff9aa9;
  --stw-t1-bg: rgba(139, 108, 240, 0.18);
  --stw-t1-fg: #c3b3ff;
  --stw-t2-bg: rgba(245, 158, 11, 0.16);
  --stw-t2-fg: #fbc97a;
  --stw-t3-bg: rgba(15, 179, 154, 0.16);
  --stw-t3-fg: #6fe0c8;
  --stw-t4-bg: rgba(45, 127, 249, 0.16);
  --stw-t4-fg: #9cc2ff;
}

body.theme-light:not([data-mobile]):not([data-admin]):has(.st-container) {
  background-color: var(--stw-bg) !important;
  background-image: radial-gradient(
    circle at 1px 1px,
    var(--stw-dot) 1px,
    transparent 0
  ) !important;
  background-size: 22px 22px !important;
}

body.theme-light:not([data-mobile]):not([data-admin]):has(.st-container)
  main.landing-container,
body.theme-light:not([data-mobile]):not([data-admin]):has(.st-container)
  main.container {
  background: transparent !important;
}

body:not([data-mobile]):not([data-admin]):has(.st-container)
  header.nb-root.nb-root--scrolled {
  background-color: color-mix(
    in srgb,
    var(--stw-card) 78%,
    transparent
  ) !important;
  border-bottom: 1px solid var(--stw-line) !important;
  backdrop-filter: blur(10px);
}

body:not([data-mobile]) .st-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body:not([data-mobile]) .st-study-bar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px !important;
  margin: 0 0 22px !important;
  background: var(--stw-card) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 30px -26px rgba(120, 30, 50, 0.5) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  > .st-panel-workspace-toolbar {
  flex: 0 1 auto !important;
  max-width: 42% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-block: 0 !important;
  padding-inline: 12px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  background: var(--stw-sheet) !important;
  border: 1px solid var(--stw-line) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  position: relative !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  > .st-panel-workspace-toolbar::after {
  content: '';
  position: absolute;
  inset-inline-end: -6px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--stw-line);
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filters {
  flex-wrap: nowrap !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item {
  flex: 0 1 auto !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filters {
  min-width: 0 !important;
  overflow: hidden !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  .st-panel-workspace-select
  .custom-dropdown-trigger
  .custom-dropdown-text {
  min-width: 0 !important;
  max-width: 180px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  + .st-study-tabs-filter-item::before {
  content: '\203A';
  color: var(--stw-soft);
  font-size: 16px;
  font-weight: 700;
  padding: 0 2px;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  .st-panel-workspace-select,
body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  .st-panel-workspace-select
  .custom-dropdown {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  .st-panel-workspace-select
  .custom-dropdown-trigger {
  height: 34px !important;
  min-height: 34px !important;
  width: auto !important;
  padding: 0 8px !important;
  margin: 0 !important;
  gap: 6px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-ink) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 34px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-filter-item
  + .st-study-tabs-filter-item
  .st-panel-workspace-select
  .custom-dropdown-trigger {
  color: var(--stw-muted) !important;
  font-weight: 700 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .custom-dropdown-trigger-icon {
  color: var(--stw-coral) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap {
  container: stwtabs / inline-size;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-block: 0 !important;
  margin-inline: 6px 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar--guest
  .st-study-tabs-wrap {
  margin: 0 !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tabs.st-tabs--study {
  overflow-x: auto !important;
  scrollbar-width: none !important;
  display: flex !important;
  gap: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding-block: 0 !important;
  padding-inline: 10px 12px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--stw-muted) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab:not(.st-tab--active):hover {
  background: var(--stw-sheet) !important;
  color: var(--stw-ink) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab:focus-visible {
  outline: 2px solid var(--stw-coral) !important;
  outline-offset: 2px !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab
  .st-tab-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab-tile {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--stw-t0-bg);
  color: var(--stw-t0-fg);
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab-tile[data-tint='1'] {
  background: var(--stw-t1-bg);
  color: var(--stw-t1-fg);
}
body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab-tile[data-tint='2'] {
  background: var(--stw-t2-bg);
  color: var(--stw-t2-fg);
}
body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab-tile[data-tint='3'] {
  background: var(--stw-t3-bg);
  color: var(--stw-t3-fg);
}
body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab-tile[data-tint='4'] {
  background: var(--stw-t4-bg);
  color: var(--stw-t4-fg);
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab
  .st-tab-tile
  .st-tab-icon {
  font-size: 13px !important;
  margin: 0 !important;
  color: inherit !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab.st-tab--active {
  padding-inline-start: 9px !important;
  background: var(--stw-grad) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 18px -10px rgba(216, 51, 79, 0.9) !important;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-tab.st-tab--active
  .st-tab-tile {
  border-radius: 50%;
  background: #ffffff;
  color: #d8334f;
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  .st-study-tabs-wrap
  .st-tabs.st-tabs--study
  .st-tab.st-tab--active
  .st-tab-tile
  .st-tab-icon {
  color: #d8334f !important;
}

@container stwtabs (max-width: 799px) {
  body:not([data-mobile])
    .st-container.st-fs-container
    .st-study-bar
    .st-study-tabs-wrap
    .st-tabs.st-tabs--study
    .st-tab:not(.st-tab--active) {
    flex: 0 0 44px !important;
    padding: 0 !important;
  }

  body:not([data-mobile])
    .st-container.st-fs-container
    .st-study-bar
    .st-study-tabs-wrap
    .st-tabs.st-tabs--study
    .st-tab:not(.st-tab--active)
    .st-tab-label {
    display: none !important;
  }

  body:not([data-mobile])
    .st-container.st-fs-container
    .st-study-bar
    .st-study-tabs-wrap
    .st-tabs.st-tabs--study {
    justify-content: space-between !important;
  }

  body:not([data-mobile])
    .st-container.st-fs-container
    .st-study-bar
    .st-study-tabs-wrap
    .st-tabs.st-tabs--study
    .st-tab.st-tab--active {
    flex: 0 0 auto !important;
  }
}

body:not([data-mobile])
  .st-container.st-fs-container
  .st-study-bar
  + .st-demo-banner {
  margin-top: -10px !important;
}

body:not([data-mobile]) .st-study-bar .st-tab {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  line-height: 1.35 !important;
}

body:not([data-mobile]) .st-study-bar .st-tab-tile .st-tab-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 16px !important;
  min-width: 16px !important;
}

body.theme-light:not([data-mobile])
  .st-study-bar
  .st-tab:not(.st-tab--active):hover {
  transform: translateY(-1px);
}

body:not([data-mobile]) .st-study-bar .st-study-tabs-filters {
  justify-content: stretch !important;
}

body:not([data-mobile]) .st-study-bar .st-study-tabs-filter-item {
  gap: 8px !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-study-tabs-filter-item
  .st-panel-workspace-select {
  flex: 1 1 0% !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  .custom-dropdown {
  display: block !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  .custom-dropdown-text {
  display: block !important;
  flex: 0 1 auto !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  .custom-dropdown-panel {
  border: none !important;
  border-radius: 16px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 78%,
    var(--surface-container-low) 22%
  ) !important;
  box-shadow: 0 24px 34px -24px
    color-mix(in srgb, var(--on-surface) 52%, transparent) !important;
  padding: 6px !important;
}

body.theme-dark:not([data-mobile])
  .st-study-bar
  > .st-panel-workspace-toolbar.st-study-toolbar {
  background: linear-gradient(
    140deg,
    color-mix(
        in srgb,
        var(--surface-container-highest) 74%,
        var(--primary-container) 26%
      )
      0%,
    color-mix(
        in srgb,
        var(--surface-container-highest) 82%,
        var(--secondary-container) 18%
      )
      100%
  ) !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--eduloo-study-toolbar-border) 68%,
      var(--primary) 32%
    ) !important;
  box-shadow: 0 16px 28px -22px color-mix(in srgb, black 74%, transparent) !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  .custom-dropdown-trigger
  .custom-dropdown-trigger-icon {
  display: none !important;
}

body:not([data-mobile])
  .st-study-bar
  .st-panel-workspace-select
  .custom-dropdown-trigger
  span:not([class]) {
  display: block !important;
}