body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-share-page__save-field--workspace {
  grid-area: workspace !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-share-page__save-field--subject {
  grid-area: subject !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-actions--podcast {
  grid-area: action !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding-top: 4px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-modal-form-group {
  margin: 0 !important;
  min-height: 116px !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-podcast-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-modal-form-group
  label {
  margin: 0 0 6px 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--st-share-podcast-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-panel-workspace-select
  select,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-inline--podcast
  .st-panel-workspace-select
  .custom-dropdown-trigger {
  min-height: 50px !important;
  border-radius: 12px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
  color: var(--st-share-podcast-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast {
  min-width: 228px !important;
  min-height: 50px !important;
  border: 1px solid
    color-mix(in srgb, var(--primary) 74%, var(--outline-variant) 26%) !important;
  border-radius: 13px !important;
  background: color-mix(
    in srgb,
    var(--primary) 84%,
    var(--secondary) 16%
  ) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 10px 20px -14px
    color-mix(in srgb, var(--primary) 52%, transparent) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast:hover,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .button.button-primary.st-btn.st-share-page__save-btn--podcast:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:hover,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 84%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--primary) 80%,
    var(--secondary) 20%
  ) !important;
  color: var(--on-primary) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 24px -14px
    color-mix(in srgb, var(--primary) 60%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__save-btn--podcast:active {
  transform: translateY(0) !important;
  box-shadow: inset 0 2px 4px color-mix(in srgb, black 24%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__preview-card--podcast {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__preview-title--podcast {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(34px, 4.5vw, 50px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.34px !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-shell,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-shell {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-podcast-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-head,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-title,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-title {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-duration,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript-count {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid
    color-mix(in srgb, var(--secondary-container) 58%, transparent) !important;
  border-radius: 999px !important;
  background: var(--st-share-podcast-chip) !important;
  color: var(--st-share-podcast-chip-text) !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-player-shell
  body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript {
  margin-top: 12px !important;
  max-height: 420px !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 4px !important;
  border: 0 !important;
  background: transparent !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript
  .st-pod-transcription-paragraph {
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-podcast-surface) !important;
  color: var(--st-share-podcast-text) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__podcast-transcript
  .st-pod-transcription-paragraph.is-active {
  border-color: color-mix(
    in srgb,
    var(--primary-container) 72%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 28%,
    var(--surface-container-lowest) 72%
  ) !important;
}

@media (max-width: 980px) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .tools-section-title.st-share-page__title--podcast {
    font-size: clamp(33px, 5.4vw, 46px) !important;
  }
}

@media (max-width: 760px) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
    margin: calc(var(--eduloo-main-offset, 122px) + 8px) auto 18px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    gap: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__head--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta-shell--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-shell--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__preview-card--podcast {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta--podcast {
    grid-template-columns: 1fr !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-inline--podcast {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'workspace'
      'subject'
      'action' !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-actions--podcast {
    justify-content: stretch !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-btn--podcast {
    width: 100% !important;
    min-width: 0 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__preview-title--podcast {
    font-size: clamp(30px, 7.8vw, 40px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-player-head,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript {
    max-height: 360px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__meta-item--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__save-btn--podcast,
  body
    .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
    .st-share-page__podcast-transcript
    .st-pod-transcription-paragraph {
    transition: none !important;
  }
}

body.theme-dark {
  --eduloo-ui-soft-btn-bg: color-mix(
    in srgb,
    var(--surface-container-highest) 82%,
    var(--primary-container) 18%
  );
  --eduloo-ui-soft-btn-bg-hover: color-mix(
    in srgb,
    var(--surface-container-highest) 66%,
    var(--primary-container) 34%
  );
  --eduloo-ui-soft-btn-border: color-mix(
    in srgb,
    var(--outline-variant) 78%,
    rgba(255, 255, 255, 0.2) 22%
  );
  --eduloo-ui-soft-btn-text: color-mix(
    in srgb,
    var(--on-surface) 92%,
    var(--on-primary) 8%
  );
}

body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary) {
  background: var(--eduloo-ui-soft-btn-bg) !important;
  border: 1px solid var(--eduloo-ui-soft-btn-border) !important;
  color: var(--eduloo-ui-soft-btn-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 8px 16px -12px rgba(0, 0, 0, 0.34) !important;
}

body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):hover,
body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):focus-visible {
  background: var(--eduloo-ui-soft-btn-bg-hover) !important;
  border-color: color-mix(
    in srgb,
    var(--eduloo-ui-soft-btn-border) 56%,
    var(--primary) 44%
  ) !important;
  filter: brightness(1.14) !important;
}

body.theme-dark .st-btn--danger,
body.theme-dark .st-btn--skyblue {
  border-width: 1px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 8px 16px -12px rgba(0, 0, 0, 0.32) !important;
}

body.theme-dark .st-btn--quiz-start {
  background: var(--eduloo-progress-gradient) !important;
  border: 1px solid
    color-mix(in srgb, var(--primary) 64%, rgba(255, 255, 255, 0.24) 36%) !important;
}

body.theme-dark .st-btn:active {
  transform: scale(0.98) !important;
}

body.theme-dark
  .st-container
  input:not([type='checkbox']):not([type='radio']):not([type='range']),
body.theme-dark .st-container textarea,
body.theme-dark .st-container select,
body.theme-dark .st-container .custom-dropdown-trigger {
  background: var(--eduloo-input-inset-bg) !important;
  border: 1px solid var(--eduloo-input-inset-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.theme-dark
  .st-container
  input:not([type='checkbox']):not([type='radio']):not([type='range']):focus,
body.theme-dark
  .st-container
  input:not([type='checkbox']):not([type='radio']):not(
    [type='range']
  ):focus-visible,
body.theme-dark .st-container textarea:focus,
body.theme-dark .st-container textarea:focus-visible,
body.theme-dark .st-container select:focus,
body.theme-dark .st-container select:focus-visible,
body.theme-dark .st-container .custom-dropdown.open .custom-dropdown-trigger,
body.theme-dark .st-container .custom-dropdown-trigger:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--outline-variant) 52%,
    var(--primary) 48%
  ) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 52%, transparent) !important;
}

body.theme-dark .button.button-primary,
body.theme-dark .button-primary,
body.theme-dark .st-btn.button-primary,
body.theme-dark .btn.btn-primary,
body.theme-dark .st-btn--quiz-start {
  background: linear-gradient(
    136deg,
    color-mix(in srgb, var(--primary) 92%, var(--on-primary-container) 8%) 0%,
    color-mix(in srgb, var(--primary) 72%, var(--secondary) 28%) 100%
  ) !important;
  border: 1px solid
    color-mix(in srgb, var(--primary) 66%, rgba(255, 255, 255, 0.3) 34%) !important;
  color: #fff5f9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 10px 18px -12px color-mix(in srgb, var(--primary) 34%, transparent) !important;
}

body.theme-dark .button.button-primary:hover,
body.theme-dark .button-primary:hover,
body.theme-dark .st-btn.button-primary:hover,
body.theme-dark .btn.btn-primary:hover,
body.theme-dark .st-btn--quiz-start:hover {
  filter: brightness(1.12) !important;
}

body.theme-dark .st-selectable-card,
body.theme-dark .st-modal-quiz-item,
body.theme-dark .st-quizz-option {
  border: 1px solid var(--eduloo-input-inset-border) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-highest) 80%,
    var(--primary-container) 20%
  ) !important;
}

body.theme-dark .st-selectable-card.is-selected,
body.theme-dark .st-selectable-card.selected,
body.theme-dark .st-modal-quiz-item.selected,
body.theme-dark .st-quizz-option--selected {
  border-color: color-mix(
    in srgb,
    var(--primary) 68%,
    rgba(255, 255, 255, 0.28) 32%
  ) !important;
  background: linear-gradient(
    136deg,
    color-mix(in srgb, var(--primary) 90%, var(--on-primary-container) 10%) 0%,
    color-mix(in srgb, var(--primary) 70%, var(--secondary) 30%) 100%
  ) !important;
  color: #fff5f9 !important;
}

body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):not(.btn-success),
body.theme-dark .button.button-secondary.st-btn,
body.theme-dark .st-modal-footer-btn:not(.button-primary) {
  background: var(--eduloo-ui-soft-btn-bg) !important;
  border: 1px solid var(--eduloo-ui-soft-btn-border) !important;
  color: var(--eduloo-ui-soft-btn-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    var(--eduloo-dark-shadow-soft) !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    filter 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease !important;
}

body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):not(.btn-success):hover,
body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):not(.btn-success):focus-visible,
body.theme-dark .button.button-secondary.st-btn:hover,
body.theme-dark .button.button-secondary.st-btn:focus-visible,
body.theme-dark .st-modal-footer-btn:not(.button-primary):hover,
body.theme-dark .st-modal-footer-btn:not(.button-primary):focus-visible {
  background: var(--eduloo-ui-soft-btn-bg-hover) !important;
  border-color: color-mix(
    in srgb,
    var(--eduloo-ui-soft-btn-border) 56%,
    var(--primary) 44%
  ) !important;
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    var(--eduloo-dark-shadow-float),
    0 0 0 2px var(--eduloo-input-unified-ring) !important;
}

body.theme-dark
  .st-btn:not(.st-btn--danger):not(.st-btn--skyblue):not(
    .st-btn--quiz-start
  ):not(.button-primary):not(.btn-success):active,
body.theme-dark .button.button-secondary.st-btn:active,
body.theme-dark .st-modal-footer-btn:not(.button-primary):active {
  transform: scale(0.98) !important;
  filter: brightness(0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .button.button-primary,
body.theme-dark .button-primary,
body.theme-dark .st-btn.button-primary,
body.theme-dark .btn.btn-primary,
body.theme-dark .st-btn--quiz-start,
body.theme-dark .st-modal-footer-btn.button-primary,
body.theme-dark .button.button-secondary.st-btn.btn-success {
  background: var(--eduloo-ui-primary-btn-bg) !important;
  border: 1px solid var(--eduloo-ui-primary-btn-border) !important;
  color: var(--on-primary-container) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    var(--eduloo-ui-primary-btn-shadow) !important;
}

body.theme-dark .button.button-primary:hover,
body.theme-dark .button-primary:hover,
body.theme-dark .st-btn.button-primary:hover,
body.theme-dark .btn.btn-primary:hover,
body.theme-dark .st-btn--quiz-start:hover,
body.theme-dark .st-modal-footer-btn.button-primary:hover,
body.theme-dark .button.button-secondary.st-btn.btn-success:hover {
  filter: brightness(1.1) !important;
}

body.theme-dark .button.button-primary:active,
body.theme-dark .button-primary:active,
body.theme-dark .st-btn.button-primary:active,
body.theme-dark .btn.btn-primary:active,
body.theme-dark .st-btn--quiz-start:active,
body.theme-dark .st-modal-footer-btn.button-primary:active,
body.theme-dark .button.button-secondary.st-btn.btn-success:active {
  transform: scale(0.98) !important;
  filter: brightness(0.95) !important;
}

body.theme-dark .st-btn--only-icon {
  border: 1px solid var(--eduloo-ui-soft-btn-border) !important;
  background: var(--eduloo-ui-soft-btn-bg) !important;
  color: var(--eduloo-text-title) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    var(--eduloo-dark-shadow-soft) !important;
}

body.theme-dark .st-btn--only-icon:hover,
body.theme-dark .st-btn--only-icon:focus-visible {
  background: var(--eduloo-ui-soft-btn-bg-hover) !important;
  border-color: var(--eduloo-dark-border-accent) !important;
  filter: brightness(1.08) !important;
}

body.theme-dark .st-selectable-card,
body.theme-dark .st-modal-quiz-item,
body.theme-dark .st-quizz-option {
  border: 1px solid var(--eduloo-dark-border-strong) !important;
  background: var(--eduloo-dark-elev-panel) !important;
  color: var(--eduloo-text-body) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

body.theme-dark .st-selectable-card:hover,
body.theme-dark .st-modal-quiz-item:hover,
body.theme-dark .st-quizz-option:hover {
  border-color: var(--eduloo-dark-border-accent) !important;
  background: color-mix(
    in srgb,
    var(--eduloo-dark-elev-panel) 74%,
    var(--primary-container) 26%
  ) !important;
}

body.theme-dark .st-selectable-card.is-selected,
body.theme-dark .st-selectable-card.selected,
body.theme-dark .st-modal-quiz-item.selected,
body.theme-dark .st-quizz-option--selected {
  border-color: var(--eduloo-ui-primary-btn-border) !important;
  background: var(--eduloo-ui-primary-btn-bg) !important;
  color: var(--on-primary-container) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

body.theme-dark .st-container .custom-dropdown-trigger {
  background: var(--eduloo-input-unified-bg) !important;
  border: 1px solid var(--eduloo-input-unified-border) !important;
  color: var(--eduloo-text-title) !important;
}

body.theme-dark .st-container .custom-dropdown-trigger:hover {
  background: var(--eduloo-input-unified-bg-hover) !important;
  border-color: var(--eduloo-input-unified-border-hover) !important;
}

body.theme-dark .st-container .custom-dropdown.open .custom-dropdown-trigger,
body.theme-dark .st-container .custom-dropdown-trigger:focus-visible {
  background: var(--eduloo-input-unified-bg-focus) !important;
  border-color: var(--eduloo-input-unified-border-focus) !important;
  box-shadow: 0 0 0 2px var(--eduloo-input-unified-ring) !important;
}

button,
.button,
.btn:not(.btn-link),
.st-btn,
.st-modal-footer-btn,
.st-quizz-action-btn,
.st-fc-card-action,
.st-qz-edit-icon,
.st-doc-actions .st-btn,
.st-sum-actions .st-btn,
input[type='submit'],
input[type='button'] {
  transition:
    background 200ms ease,
    background-color 200ms ease,
    border-color 200ms ease,
    color 200ms ease,
    box-shadow 220ms ease,
    filter 220ms ease,
    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
  button,
  .button,
  .btn:not(.btn-link),
  .st-btn,
  .st-modal-footer-btn,
  .st-quizz-action-btn,
  .st-fc-card-action,
  .st-qz-edit-icon,
  .st-doc-actions .st-btn,
  .st-sum-actions .st-btn,
  input[type='submit'],
  input[type='button'] {
    transition: none !important;
  }
}

body.theme-dark .__never_match_legacy_primsec_footer__ {
  background: transparent;
}

body.theme-dark
  .st-study-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn:active:not(:disabled),
body.theme-dark
  .st-study-modal
  .modal-footer
  .button.st-btn.st-modal-footer-btn:active:not(:disabled),
body.theme-dark
  .st-study-modal
  .modal-actions
  .button.st-btn.st-modal-footer-btn:active:not(:disabled),
body.theme-dark
  .st-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  filter: brightness(0.97);
}

body.theme-dark
  .st-study-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn
  .icon,
body.theme-dark
  .st-study-modal
  .modal-footer
  .button.st-btn.st-modal-footer-btn
  .icon,
body.theme-dark
  .st-study-modal
  .modal-actions
  .button.st-btn.st-modal-footer-btn
  .icon,
body.theme-dark
  .st-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn
  .icon,
body.theme-dark
  .st-study-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn
  i,
body.theme-dark
  .st-study-modal
  .modal-footer
  .button.st-btn.st-modal-footer-btn
  i,
body.theme-dark
  .st-study-modal
  .modal-actions
  .button.st-btn.st-modal-footer-btn
  i,
body.theme-dark
  .st-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn
  i {
  color: color-mix(
    in srgb,
    var(--on-surface) 82%,
    var(--primary) 18%
  ) !important;
}

body.theme-dark
  .st-study-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn:hover:not(:disabled)
  .icon,
body.theme-dark
  .st-study-modal
  .modal-footer
  .button.st-btn.st-modal-footer-btn:hover:not(:disabled)
  .icon,
body.theme-dark
  .st-study-modal
  .st-modal-footer
  .button.st-btn.st-modal-footer-btn:hover:not(:disabled)
  i,
body.theme-dark
  .st-study-modal
  .modal-footer
  .button.st-btn.st-modal-footer-btn:hover:not(:disabled)
  i {
  color: color-mix(
    in srgb,
    var(--on-surface) 92%,
    var(--primary) 8%
  ) !important;
}

body .st-study-modal,
body .st-modal,
body .st-share-page__pane {
  --st-bento-radius-card: 22px;
  --st-bento-radius-pill: 999px;
  --st-bento-radius-input: 12px;
}

body .st-study-modal .st-modal-quiz-item,
body .st-modal .st-modal-card,
body .st-share-page__pane .st-share-page__card {
  border-radius: var(--st-bento-radius-card, 22px) !important;
}

body
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn,
body
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body .st-modal .modal-footer .button.button-primary.st-btn.st-modal-footer-btn,
body
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn {
  background: var(--eduloo-modal-option-selected-bg) !important;
  background-image: var(--eduloo-modal-option-selected-bg) !important;
  border: 1px solid var(--eduloo-modal-option-selected-border) !important;
  color: var(--eduloo-modal-option-selected-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--primary) 14%, transparent),
    0 8px 18px -14px color-mix(in srgb, var(--primary) 42%, transparent),
    0 2px 6px -2px rgba(0, 0, 0, 0.18) !important;
  transition:
    background 240ms cubic-bezier(0.22, 1, 0.36, 1),
    background-image 240ms cubic-bezier(0.22, 1, 0.36, 1),
    border-color 240ms ease,
    box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
    filter 260ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ) {
  background: var(--eduloo-modal-option-selected-bg) !important;
  background-image: var(--eduloo-modal-option-selected-bg) !important;
  background-color: transparent !important;
  border-color: color-mix(
    in srgb,
    var(--primary) 78%,
    var(--on-primary-container) 22%
  ) !important;
  color: var(--eduloo-modal-option-selected-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 28%, transparent),
    0 14px 28px -12px color-mix(in srgb, var(--primary) 60%, transparent),
    0 0 0 1px color-mix(in srgb, var(--primary) 26%, transparent),
    0 3px 8px -2px rgba(0, 0, 0, 0.34) !important;
  transform: translateY(-1px) !important;
  filter: brightness(1.14) saturate(1.04) !important;
}

body
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ) {
  transform: translateY(0) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 14%, transparent),
    0 4px 10px -6px color-mix(in srgb, var(--primary) 44%, transparent) !important;
  filter: brightness(0.98) !important;
}

body
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ) {
  outline: none !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--on-surface) 22%, transparent),
    0 0 0 3px color-mix(in srgb, var(--primary) 36%, transparent),
    0 10px 22px -12px color-mix(in srgb, var(--primary) 50%, transparent) !important;
}

body
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn
  i,
body
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn
  i,
body
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn
  i,
body
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn
  i,
body
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn
  i,
body
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn
  i {
  color: inherit !important;
}

body.theme-light
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body.theme-light
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body.theme-light
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn,
body.theme-light
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body.theme-light
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn,
body.theme-light
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn {
  background: var(--primary) !important;
  background-image: none !important;
  background-color: var(--primary) !important;
  border: 1px solid
    color-mix(in srgb, var(--primary) 80%, var(--on-surface) 20%) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 8px 18px -10px
    color-mix(in srgb, var(--primary) 48%, transparent) !important;
  filter: none !important;
  transform: none !important;
  transition:
    background 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body.theme-light
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:hover:not(:disabled):not(
    [aria-disabled='true']
  ) {
  background: color-mix(
    in srgb,
    var(--primary) 90%,
    var(--on-surface) 10%
  ) !important;
  background-image: none !important;
  background-color: color-mix(
    in srgb,
    var(--primary) 90%,
    var(--on-surface) 10%
  ) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 12px 22px -10px
    color-mix(in srgb, var(--primary) 60%, transparent) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}

body.theme-light
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ),
body.theme-light
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:active:not(:disabled):not(
    [aria-disabled='true']
  ) {
  background: color-mix(
    in srgb,
    var(--primary) 86%,
    var(--on-surface) 14%
  ) !important;
  background-image: none !important;
  background-color: color-mix(
    in srgb,
    var(--primary) 86%,
    var(--on-surface) 14%
  ) !important;
  transform: translateY(0) !important;
  box-shadow: 0 4px 10px -6px
    color-mix(in srgb, var(--primary) 50%, transparent) !important;
  filter: none !important;
}

body.theme-light
  .st-study-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body.theme-light
  .st-study-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body.theme-light
  .st-study-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body.theme-light
  .st-modal
  .st-modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body.theme-light
  .st-modal
  .modal-footer
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ),
body.theme-light
  .st-modal
  .modal-actions
  .button.button-primary.st-btn.st-modal-footer-btn:focus-visible:not(
    :disabled
  ) {
  outline: none !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--primary) 28%, transparent),
    0 8px 18px -10px color-mix(in srgb, var(--primary) 48%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__guest-actions,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__guest-actions {
  padding: 24px 28px !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__guest-actions,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__guest-actions {
  padding: 24px 28px !important;
  gap: 18px !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 16px !important;
  background: var(--table-header-bg) !important;
}

body
  .st-share-page__pane[data-share-page]
  .st-share-page__guest-actions
  .st-share-page__save-btn {
  align-self: flex-start !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcards
  .st-fc-card-number,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcards--extra
  .st-fc-card-number {
  position: static !important;
  top: auto !important;
  left: auto !important;
  align-self: flex-start !important;
}