body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-item--deck {
  min-height: 98px !important;
  padding: 14px 12px !important;
  border-radius: 16px !important;
  border: 1px solid
    color-mix(in srgb, var(--st-share-deck-panel-border) 88%, transparent) !important;
  background: var(--st-share-deck-panel-soft) !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-item--deck:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(
    in srgb,
    var(--primary, var(--link)) 34%,
    var(--st-share-deck-panel-border) 66%
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-item--deck
  .st-fs-stat-top {
  justify-content: center !important;
  width: 100% !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-item--deck
  .st-fs-stat-count {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1 !important;
  color: var(--st-share-deck-title) !important;
  overflow-wrap: anywhere !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-item--deck
  .st-share-page__meta-count--text {
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.16 !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-copy--deck {
  display: block !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__meta-label--deck {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--st-share-deck-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__stack {
  gap: 36px !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box {
  margin: 0 0 10px 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-shell--deck,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__preview-card--deck {
  border-radius: 22px !important;
  border: 1px solid var(--st-share-deck-panel-border) !important;
  background: var(--st-share-deck-panel-bg) !important;
  box-shadow: 0 18px 30px -26px
    color-mix(in srgb, var(--on-surface, var(--heading-color)) 56%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-shell--deck {
  padding: 30px !important;
  margin: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--st-share-deck-panel-bg) 94%,
        var(--surface-container-lowest, var(--container-bg)) 6%
      )
      0%,
    var(--st-share-deck-panel-bg) 100%
  ) !important;
  box-shadow: 0 20px 34px -28px
    color-mix(in srgb, var(--on-surface, var(--heading-color)) 54%, transparent) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  position: relative !important;
  overflow: hidden !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-shell--deck::after {
  content: '' !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: 22px !important;
  border: 1px solid
    color-mix(in srgb, var(--st-share-deck-panel-border) 56%, transparent) !important;
  pointer-events: none !important;
  opacity: 0.72 !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-copy {
  margin: 0 !important;
  max-width: 42ch !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: var(--st-share-deck-title) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-inline--deck {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    'workspace subject'
    'action action' !important;
  column-gap: 18px !important;
  row-gap: 20px !important;
  align-items: stretch !important;
}

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

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

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-inline--deck
  > .st-modal-form-group {
  width: 100% !important;
  min-width: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-modal-form-group {
  margin-bottom: 0 !important;
  min-height: 126px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid
    color-mix(in srgb, var(--st-share-deck-panel-border) 86%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-soft) 92%,
    var(--st-share-deck-panel-bg) 8%
  ) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 16%, transparent) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-modal-form-group:focus-within {
  border-color: color-mix(
    in srgb,
    var(--primary, var(--link)) 42%,
    var(--st-share-deck-panel-border) 58%
  ) !important;
  box-shadow:
    0 0 0 3px var(--st-share-deck-focus),
    inset 0 1px 0 color-mix(in srgb, white 20%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-modal-form-group
  label {
  margin: 0 !important;
  font-family: 'Be Vietnam Pro', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.22px !important;
  text-transform: uppercase !important;
  color: var(--st-share-deck-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .custom-dropdown-wrapper,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .custom-dropdown {
  width: 100% !important;
  max-width: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select
  .custom-dropdown-trigger,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select
  select {
  width: 100% !important;
  max-width: none !important;
  min-height: 58px !important;
  border-radius: 14px !important;
  border: 1px solid
    color-mix(in srgb, var(--st-share-deck-panel-border) 92%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-bg) 78%,
    var(--st-share-deck-panel-soft) 22%
  ) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--st-share-deck-text) !important;
  padding: 0 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select
  .custom-dropdown-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select
  .custom-dropdown-trigger:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-box
  .st-panel-workspace-select
  select:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--primary, var(--link)) 48%,
    var(--st-share-deck-panel-border) 52%
  ) !important;
  box-shadow: 0 0 0 2px var(--st-share-deck-focus) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-actions {
  grid-area: action !important;
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  align-self: stretch !important;
  padding: 16px !important;
  margin-top: 6px !important;
  border-radius: 16px !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--primary, var(--link)) 24%,
      var(--st-share-deck-panel-border) 76%
    ) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-soft) 76%,
    var(--primary-container, var(--primary, var(--link))) 24%
  ) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 16%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .button.button-primary.st-btn.st-share-page__save-btn,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn {
  width: auto !important;
  min-width: 230px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  border-radius: 15px !important;
  border: 1px solid var(--st-share-deck-button-border) !important;
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--st-share-deck-button-bg) 92%,
        var(--surface-container-lowest, var(--container-bg)) 8%
      )
      0%,
    var(--st-share-deck-button-bg) 100%
  ) !important;
  color: var(--st-share-deck-button-text) !important;
  box-shadow: 0 14px 24px -16px
    color-mix(
      in srgb,
      var(--button-primary-bg, var(--primary, var(--link))) 64%,
      transparent
    ) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0.08px !important;
  gap: 8px !important;
  justify-content: center !important;
  transform: none !important;
  will-change: box-shadow, background-color !important;
  transition:
    box-shadow 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn
  i,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn
  .icon {
  color: inherit !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .button.button-primary.st-btn.st-share-page__save-btn:hover:not(:disabled),
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .button.button-primary.st-btn.st-share-page__save-btn:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn:hover:not(:disabled),
body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn:focus-visible {
  background: linear-gradient(
    180deg,
    color-mix(
        in srgb,
        var(--st-share-deck-button-bg-hover) 92%,
        var(--surface-container-lowest, var(--container-bg)) 8%
      )
      0%,
    var(--st-share-deck-button-bg-hover) 100%
  ) !important;
  border-color: color-mix(
    in srgb,
    var(--st-share-deck-button-border) 70%,
    var(--secondary, var(--primary, var(--link))) 30%
  ) !important;
  box-shadow: 0 16px 28px -18px
    color-mix(
      in srgb,
      var(--button-primary-bg, var(--primary, var(--link))) 66%,
      transparent
    ) !important;
  transform: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px var(--st-share-deck-focus),
    0 14px 24px -16px
      color-mix(
        in srgb,
        var(--button-primary-bg, var(--primary, var(--link))) 64%,
        transparent
      ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__save-btn:active {
  transform: none !important;
  box-shadow: 0 10px 18px -16px
    color-mix(
      in srgb,
      var(--button-primary-bg, var(--primary, var(--link))) 58%,
      transparent
    ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__preview-card--deck {
  padding: 34px 28px 28px !important;
  margin-top: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
}

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

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage {
  width: min(100%, 736px) !important;
  margin: 8px auto 0 auto !important;
  padding-top: 40px !important;
  padding-bottom: 8px !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--3 {
  width: calc(100% - 28px) !important;
  height: 276px !important;
  background: color-mix(
    in srgb,
    var(--primary-container, var(--table-header-bg)) 42%,
    var(--container-bg) 58%
  ) !important;
  transform: translateX(-50%) translateY(-18px) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--2 {
  width: calc(100% - 18px) !important;
  height: 284px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container, var(--table-header-bg)) 36%,
    var(--container-bg) 64%
  ) !important;
  transform: translateX(-50%) translateY(-11px) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--1 {
  width: calc(100% - 8px) !important;
  height: 292px !important;
  background: color-mix(
    in srgb,
    var(--primary-container, var(--table-header-bg)) 30%,
    var(--container-bg) 70%
  ) !important;
  transform: translateX(-50%) translateY(-5px) !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--3 {
  background: color-mix(
    in srgb,
    var(--surface-container-high, var(--container-bg)) 88%,
    var(--primary-container, var(--table-header-bg)) 12%
  ) !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--2 {
  background: color-mix(
    in srgb,
    var(--surface-container-high, var(--container-bg)) 80%,
    var(--secondary-container, var(--table-header-bg)) 20%
  ) !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage
  .st-fs-deck-back--1 {
  background: color-mix(
    in srgb,
    var(--surface-container-highest, var(--table-header-bg)) 76%,
    var(--primary-container, var(--table-header-bg)) 24%
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-card {
  min-height: 298px !important;
  padding: 22px 22px 18px !important;
  border-radius: 20px !important;
  border: 1px solid var(--st-share-deck-panel-border) !important;
  background: var(--st-share-deck-panel-soft) !important;
  box-shadow: 0 18px 30px -28px
    color-mix(in srgb, var(--on-surface, var(--heading-color)) 58%, transparent) !important;
  cursor: default !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-card
  .st-fs-card-meta-right {
  font-size: 15px !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-card
  .st-fs-card-question {
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-card
  .st-fs-card-question
  p {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(27px, 2.9vw, 36px) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
  color: var(--st-share-deck-title) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-answer {
  margin-top: 2px !important;
  border-color: var(--st-share-deck-panel-border) !important;
  background: var(--st-share-deck-panel-bg) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-answer
  .st-fs-inline-edit-value {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--st-share-deck-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcard-stage-card
  .st-fs-card-hint {
  justify-content: flex-start !important;
  font-size: 13.5px !important;
  color: var(--st-share-deck-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
  .st-share-page__flashcards--extra {
  margin-top: 30px !important;
  gap: 18px !important;
}

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 {
  position: relative !important;
  overflow: hidden !important;
  min-height: 230px !important;
  border-radius: 18px !important;
  border: 1px solid var(--st-share-deck-panel-border) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-soft) 90%,
    var(--st-share-deck-panel-bg) 10%
  ) !important;
  box-shadow: 0 12px 22px -18px
    color-mix(in srgb, var(--on-surface, var(--heading-color)) 58%, transparent) !important;
  padding: 20px !important;
  gap: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: 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--extra
  .st-fc-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;
  height: 3px !important;
  border-radius: 0 0 999px 999px !important;
  background: color-mix(
    in srgb,
    var(--primary, var(--link)) 46%,
    var(--secondary, var(--primary, var(--link))) 54%
  ) !important;
  opacity: 0.66 !important;
}

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:hover {
  transform: translateY(-2px) !important;
  border-color: color-mix(
    in srgb,
    var(--primary, var(--link)) 36%,
    var(--st-share-deck-panel-border) 64%
  ) !important;
  box-shadow: 0 16px 24px -18px
    color-mix(in srgb, var(--primary, var(--link)) 34%, transparent) !important;
}

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 {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid
    color-mix(
      in srgb,
      var(--st-share-deck-panel-border) 68%,
      var(--primary, var(--link)) 32%
    ) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-bg) 76%,
    var(--primary-container, var(--primary, var(--link))) 24%
  ) !important;
  color: color-mix(
    in srgb,
    var(--st-share-deck-title) 72%,
    var(--primary, var(--link)) 28%
  ) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

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
  h3 {
  margin: 0 !important;
  text-align: left !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(24px, 2.4vw, 30px) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.24px !important;
  overflow-wrap: anywhere !important;
  color: var(--st-share-deck-title) !important;
}

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-divider {
  width: 72px !important;
  margin: 2px 0 0 0 !important;
  border-top: 2px solid
    color-mix(
      in srgb,
      var(--primary, var(--link)) 34%,
      var(--st-share-deck-panel-border) 66%
    ) !important;
  opacity: 0.76 !important;
}

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
  p,
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
  [data-flashcard-answer] {
  display: block !important;
  width: 100% !important;
  margin: auto 0 0 0 !important;
  padding: 14px !important;
  border-radius: 12px !important;
  border: 1px solid
    color-mix(in srgb, var(--st-share-deck-panel-border) 84%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--st-share-deck-panel-bg) 76%,
    var(--st-share-deck-panel-soft) 24%
  ) !important;
  text-align: left !important;
  font-size: 16px !important;
  line-height: 1.54 !important;
  color: var(--st-share-deck-text) !important;
}

@media (max-width: 980px) {
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck'] {
    width: min(100%, 900px) !important;
    padding: 20px !important;
    border-radius: 26px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .tools-section-title.st-share-page__title,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .tools-section
    h1.tools-section-title.st-share-page__title {
    font-size: clamp(42px, 5.5vw, 62px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__preview-card--deck
    > h2 {
    font-size: clamp(34px, 4.9vw, 44px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-shell--deck {
    padding: 24px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-inline--deck {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      'workspace subject'
      'action action' !important;
    column-gap: 16px !important;
    row-gap: 18px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__preview-card--deck {
    padding: 30px 24px 24px !important;
    gap: 24px !important;
  }
}

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

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .tools-section-title.st-share-page__title,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .tools-section
    h1.tools-section-title.st-share-page__title {
    font-size: clamp(34px, 9.4vw, 48px) !important;
  }

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

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-shell--deck {
    padding: 20px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-inline--deck {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      'workspace subject'
      'action action' !important;
    column-gap: 12px !important;
    row-gap: 16px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-actions {
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 12px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-btn {
    width: auto !important;
    min-width: 210px !important;
    min-height: 52px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__preview-card--deck {
    padding: 26px 20px 20px !important;
    gap: 22px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__preview-card--deck
    > h2 {
    font-size: clamp(30px, 7.2vw, 40px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__flashcard-stage {
    padding-top: 34px !important;
    padding-bottom: 6px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__flashcard-stage-card {
    min-height: 252px !important;
    padding: 18px 16px 16px !important;
    border-radius: 18px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__flashcard-stage-card
    .st-fs-card-question
    p {
    font-size: clamp(22px, 7.2vw, 30px) !important;
  }

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

  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 {
    min-height: 0 !important;
    padding: 16px !important;
    gap: 10px !important;
  }

  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
    h3 {
    font-size: clamp(21px, 6.6vw, 26px) !important;
  }

  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
    p,
  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
    [data-flashcard-answer] {
    padding: 11px 12px !important;
  }
}

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

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .tools-section-description.st-share-page__subtitle {
    font-size: 14.5px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__meta-item--deck {
    min-height: 92px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__meta-item--deck
    .st-fs-stat-count {
    font-size: clamp(28px, 8.8vw, 36px) !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-copy {
    font-size: 17px !important;
    line-height: 1.32 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-shell--deck {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-inline--deck {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      'workspace subject'
      'action action' !important;
    column-gap: 10px !important;
    row-gap: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-box
    .st-modal-form-group {
    min-height: 102px !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-btn {
    width: auto !important;
    min-width: 180px !important;
    min-height: 48px !important;
    font-size: 15px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__preview-card--deck {
    padding: 20px 16px 16px !important;
    border-radius: 16px !important;
  }

  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 {
    padding: 14px !important;
  }

  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 {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 11px !important;
  }
}

@media (max-width: 520px) {
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-inline--deck {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      'workspace'
      'subject'
      'action' !important;
    gap: 12px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-field--workspace,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-field--subject,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-actions {
    grid-column: 1 !important;
  }

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

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__meta-item--deck,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-btn,
  body
    .st-share-page__pane.st-share-page__pane--deck[data-share-page][data-share-entity-type='deck']
    .st-share-page__save-box
    .st-modal-form-group,
  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 {
    transition: none !important;
  }
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz'] {
  --st-share-quiz-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 88%,
    var(--primary-container) 12%
  );
  --st-share-quiz-surface: color-mix(
    in srgb,
    var(--surface-container-lowest) 92%,
    var(--secondary-container) 8%
  );
  --st-share-quiz-border: color-mix(
    in srgb,
    var(--outline-variant) 40%,
    transparent
  );
  --st-share-quiz-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 34%,
    transparent
  );
  --st-share-quiz-primary-soft: color-mix(
    in srgb,
    var(--primary-container) 42%,
    var(--surface-container-lowest) 58%
  );
  --st-share-quiz-secondary-soft: color-mix(
    in srgb,
    var(--secondary-container) 34%,
    var(--surface-container-lowest) 66%
  );
  --st-share-quiz-option-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 94%,
    var(--secondary-container) 6%
  );
  --st-share-quiz-option-border: color-mix(
    in srgb,
    var(--outline-variant) 42%,
    transparent
  );
  --st-share-quiz-text: color-mix(in srgb, var(--on-surface) 88%, transparent);
  --st-share-quiz-muted: color-mix(in srgb, var(--on-surface) 64%, transparent);
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin: calc(var(--eduloo-main-offset, 122px) + 12px) auto 24px !important;
  padding: 22px !important;
  border: 1px solid var(--st-share-quiz-border) !important;
  border-radius: 24px !important;
  background: var(--st-share-quiz-bg) !important;
  box-shadow: 0 18px 30px -24px
    color-mix(in srgb, var(--on-surface) 26%, transparent) !important;
  overflow: hidden !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz'] {
  --st-share-quiz-bg: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--surface-container-highest) 16%
  );
  --st-share-quiz-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --st-share-quiz-border: color-mix(
    in srgb,
    var(--outline-variant) 56%,
    transparent
  );
  --st-share-quiz-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 50%,
    transparent
  );
  --st-share-quiz-primary-soft: color-mix(
    in srgb,
    var(--primary-container) 36%,
    var(--surface-container-high) 64%
  );
  --st-share-quiz-secondary-soft: color-mix(
    in srgb,
    var(--secondary-container) 30%,
    var(--surface-container-high) 70%
  );
  --st-share-quiz-option-bg: color-mix(
    in srgb,
    var(--surface-container-high) 86%,
    var(--secondary-container) 14%
  );
  --st-share-quiz-option-border: color-mix(
    in srgb,
    var(--outline-variant) 52%,
    transparent
  );
  --st-share-quiz-text: color-mix(in srgb, var(--on-surface) 90%, transparent);
  --st-share-quiz-muted: color-mix(in srgb, var(--on-surface) 68%, transparent);
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']::before,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']::after {
  content: '' !important;
  position: absolute !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']::before {
  width: 180px !important;
  height: 180px !important;
  top: -92px !important;
  right: -60px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 18%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']::after {
  width: 150px !important;
  height: 150px !important;
  bottom: -88px !important;
  left: -58px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 20%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  > * {
  position: relative !important;
  z-index: 1 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__head.st-quizz-progress-card {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-quiz-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__head-content.st-quizz-progress-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .tools-section-title.st-share-page__title.st-quizz-question-type {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.38px !important;
  font-weight: 800 !important;
  color: var(--st-share-quiz-text) !important;
  text-align: left !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .tools-section-description.st-share-page__subtitle.st-quizz-current-question {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 64ch !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--st-share-quiz-muted) !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-shell.st-quizz-progress-card {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-quiz-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta--quiz {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-item--quiz.st-quizz-question-card {
  margin: 0 !important;
  min-height: 102px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 14px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--secondary-container) 10%
  ) !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-item--quiz.st-quizz-question-card:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(
    in srgb,
    var(--primary-container) 56%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-icon--quiz {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid
    color-mix(in srgb, var(--secondary-container) 58%, transparent) !important;
  border-radius: 10px !important;
  background: var(--st-share-quiz-secondary-soft) !important;
  color: color-mix(
    in srgb,
    var(--secondary) 80%,
    var(--on-surface) 20%
  ) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-copy--quiz {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-label--quiz.st-quizz-progress-label {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--st-share-quiz-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__meta-value--quiz.st-quizz-progress-meta {
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  color: var(--st-share-quiz-text) !important;
  font-variant-numeric: tabular-nums !important;
  overflow-wrap: anywhere !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-box--quiz,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__preview-card--quiz {
  margin: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-shell--quiz.st-quizz-question-card,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__preview-card--quiz.st-quizz-question-card {
  margin: 0 !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 18px !important;
  background: var(--st-share-quiz-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-shell--quiz.st-quizz-question-card {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-copy--quiz.st-quizz-progress-meta {
  margin: 0 !important;
  max-width: 48ch !important;
  font-size: 19px !important;
  line-height: 1.26 !important;
  font-weight: 800 !important;
  color: var(--st-share-quiz-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-inline--quiz {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    'workspace subject'
    'action action' !important;
  column-gap: 14px !important;
  row-gap: 14px !important;
  align-items: stretch !important;
}

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

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

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-actions--quiz {
  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--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-inline--quiz
  .st-modal-form-group {
  margin: 0 !important;
  min-height: 116px !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 14px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--secondary-container) 10%
  ) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-inline--quiz
  .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-quiz-muted) !important;
}

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

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .button.button-primary.st-btn.st-share-page__save-btn--quiz,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-btn--quiz {
  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) 88%,
    var(--secondary) 12%
  ) !important;
  color: var(--on-primary) !important;
  box-shadow: 0 10px 20px -14px
    color-mix(in srgb, var(--primary) 54%, transparent) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .button.button-primary.st-btn.st-share-page__save-btn--quiz:hover,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .button.button-primary.st-btn.st-share-page__save-btn--quiz:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-btn--quiz:hover,
body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-btn--quiz:focus-visible {
  border-color: color-mix(in srgb, var(--primary) 82%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--primary) 82%,
    var(--secondary) 18%
  ) !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--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__save-btn--quiz:active {
  border-color: color-mix(in srgb, var(--primary) 88%, transparent) !important;
  background: color-mix(
    in srgb,
    var(--primary) 76%,
    var(--secondary) 24%
  ) !important;
  color: var(--on-primary) !important;
  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--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__preview-card--quiz.st-quizz-question-card {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__preview-title--quiz.st-quizz-question-type {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  font-size: clamp(34px, 4.4vw, 50px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.34px !important;
  color: var(--st-share-quiz-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-groups {
  gap: 22px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-group--quiz.st-quizz-question-card {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 16px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 94%,
    var(--secondary-container) 6%
  ) !important;
  box-shadow: none !important;
  gap: 12px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-group--quiz.st-quizz-question-card
  + .st-share-page__quiz-group--quiz.st-quizz-question-card {
  margin-top: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-group-head {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-group-title--quiz {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--st-share-quiz-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-group-count {
  min-width: 40px !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  margin: 2px 4px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid
    color-mix(in srgb, var(--primary-container) 56%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 46%,
    var(--surface-container-lowest) 54%
  ) !important;
  color: color-mix(
    in srgb,
    var(--primary) 82%,
    var(--on-surface) 18%
  ) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, white 18%, transparent) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-list {
  grid-template-columns: 1fr !important;
  row-gap: 24px !important;
  column-gap: 24px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-list
  .st-quizz-question-card
  + .st-quizz-question-card {
  margin-top: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-card--quiz {
  margin: 2px 0 !important;
  padding: 14px !important;
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-quiz-surface) !important;
  box-shadow: none !important;
  gap: 12px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-card--quiz
  .st-quizz-question-box {
  border: 1px solid var(--st-share-quiz-border-soft) !important;
  border-radius: 14px !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--secondary-container) 10%
  ) !important;
  padding: 16px !important;
  margin: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-card--quiz
  .st-quizz-question-box
  p {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
  color: var(--st-share-quiz-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-options {
  margin-top: 10px !important;
  gap: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-options
  .st-quizz-hint-chip {
  padding: 9px 12px !important;
  border: 1px solid var(--st-share-quiz-option-border) !important;
  border-radius: 999px !important;
  background: var(--st-share-quiz-option-bg) !important;
  color: var(--st-share-quiz-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-options-list {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-options-list
  li {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid var(--st-share-quiz-option-border) !important;
  background: var(--st-share-quiz-option-bg) !important;
  color: var(--st-share-quiz-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-option-prefix {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  border: 1px solid
    color-mix(in srgb, var(--primary-container) 56%, transparent) !important;
  background: var(--st-share-quiz-primary-soft) !important;
  color: color-mix(
    in srgb,
    var(--primary) 84%,
    var(--on-surface) 16%
  ) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body
  .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
  .st-share-page__quiz-option-text {
  display: block !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  color: var(--st-share-quiz-text) !important;
}

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

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

@media (max-width: 760px) {
  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz'] {
    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--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__head.st-quizz-progress-card,
  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__meta-shell.st-quizz-progress-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

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

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

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

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

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

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-card--quiz
    .st-quizz-question-box
    p {
    font-size: 19px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-options-list
    li {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-option-prefix {
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-option-text {
    font-size: 14px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-list {
    row-gap: 18px !important;
    column-gap: 18px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__quiz-groups {
    gap: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__meta-item--quiz.st-quizz-question-card,
  body
    .st-share-page__pane.st-share-page__pane--quiz[data-share-page][data-share-entity-type='quiz']
    .st-share-page__save-btn--quiz {
    transition: none !important;
  }
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary'] {
  --st-share-summary-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--primary-container) 10%
  );
  --st-share-summary-surface: color-mix(
    in srgb,
    var(--surface-container-lowest) 94%,
    var(--secondary-container) 6%
  );
  --st-share-summary-surface-soft: color-mix(
    in srgb,
    var(--surface-container-lowest) 91%,
    var(--secondary-container) 9%
  );
  --st-share-summary-border: color-mix(
    in srgb,
    var(--outline-variant) 42%,
    transparent
  );
  --st-share-summary-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 36%,
    transparent
  );
  --st-share-summary-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-summary-muted: color-mix(
    in srgb,
    var(--on-surface) 66%,
    transparent
  );
  --st-share-summary-chip: color-mix(
    in srgb,
    var(--primary-container) 52%,
    var(--surface-container-lowest) 48%
  );
  --st-share-summary-chip-text: color-mix(
    in srgb,
    var(--primary) 84%,
    var(--on-surface) 16%
  );
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: calc(var(--eduloo-main-offset, 122px) + 12px) auto 24px !important;
  padding: 22px !important;
  border: 1px solid var(--st-share-summary-border) !important;
  border-radius: 24px !important;
  background: var(--st-share-summary-bg) !important;
  box-shadow: 0 18px 30px -24px
    color-mix(in srgb, var(--on-surface) 28%, transparent) !important;
  overflow: hidden !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary'] {
  --st-share-summary-bg: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--surface-container-highest) 16%
  );
  --st-share-summary-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --st-share-summary-surface-soft: color-mix(
    in srgb,
    var(--surface-container-high) 78%,
    var(--secondary-container) 22%
  );
  --st-share-summary-border: color-mix(
    in srgb,
    var(--outline-variant) 58%,
    transparent
  );
  --st-share-summary-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 50%,
    transparent
  );
  --st-share-summary-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-summary-muted: color-mix(
    in srgb,
    var(--on-surface) 70%,
    transparent
  );
  --st-share-summary-chip: color-mix(
    in srgb,
    var(--primary-container) 42%,
    var(--surface-container-high) 58%
  );
  --st-share-summary-chip-text: color-mix(
    in srgb,
    var(--primary) 88%,
    var(--on-surface) 12%
  );
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']::before,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']::after {
  content: '' !important;
  position: absolute !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']::before {
  width: 172px !important;
  height: 172px !important;
  top: -88px !important;
  right: -56px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 16%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']::after {
  width: 146px !important;
  height: 146px !important;
  bottom: -82px !important;
  left: -52px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 18%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  > * {
  position: relative !important;
  z-index: 1 !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__head--summary {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-summary-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__head-content--summary {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .tools-section-title.st-share-page__title--summary {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(36px, 4.7vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.4px !important;
  font-weight: 800 !important;
  color: var(--st-share-summary-text) !important;
  text-align: left !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .tools-section-description.st-share-page__subtitle--summary {
  margin: 0 !important;
  max-width: 64ch !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--st-share-summary-muted) !important;
  text-align: left !important;
}

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

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta--summary {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta-item--summary {
  margin: 0 !important;
  min-height: 98px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 14px !important;
  background: var(--st-share-summary-surface-soft) !important;
  box-shadow: none !important;
  transition:
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta-item--summary:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(
    in srgb,
    var(--primary-container) 56%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta-icon--summary {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid
    color-mix(in srgb, var(--primary-container) 54%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 38%,
    var(--surface-container-lowest) 62%
  ) !important;
  color: color-mix(
    in srgb,
    var(--primary) 82%,
    var(--on-surface) 18%
  ) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta-copy--summary {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

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

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__meta-value--summary {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: var(--st-share-summary-text) !important;
  overflow-wrap: anywhere !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__stack--summary {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-shell--summary,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__preview-card--summary {
  margin: 0 !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 18px !important;
  background: var(--st-share-summary-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-shell--summary {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-copy--summary {
  margin: 0 !important;
  max-width: 48ch !important;
  font-size: 19px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: var(--st-share-summary-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-inline--summary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    'workspace subject'
    'action action' !important;
  column-gap: 14px !important;
  row-gap: 14px !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__save-inline--summary
  .st-share-page__save-field--workspace {
  grid-area: workspace !important;
}

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

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

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-inline--summary
  .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-summary-muted) !important;
}

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

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.button-primary.st-btn.st-share-page__save-btn--summary,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-btn--summary {
  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) 86%,
    var(--secondary) 14%
  ) !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--summary[data-share-page][data-share-entity-type='summary']
  .button.button-primary.st-btn.st-share-page__save-btn--summary:hover,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.button-primary.st-btn.st-share-page__save-btn--summary:focus-visible,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-btn--summary:hover,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-btn--summary: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--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__save-btn--summary: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--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__preview-card--summary {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__preview-title--summary {
  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-summary-text) !important;
}

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

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

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points-head,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview-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--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points-title {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: var(--st-share-summary-text) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points-count {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid
    color-mix(in srgb, var(--primary-container) 56%, transparent) !important;
  border-radius: 999px !important;
  background: var(--st-share-summary-chip) !important;
  color: var(--st-share-summary-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--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points
  li {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 16px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-summary-surface) !important;
  color: var(--st-share-summary-text) !important;
  font-size: 14px !important;
  line-height: 1.46 !important;
  font-weight: 600 !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-points
  li::before {
  content: '' !important;
  width: 8px !important;
  height: 8px !important;
  margin-top: 6px !important;
  border-radius: 999px !important;
  background: color-mix(
    in srgb,
    var(--primary) 72%,
    var(--secondary) 28%
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview-head {
  margin-bottom: 12px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview-copy {
  margin: 0 !important;
  max-width: 58ch !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
  color: var(--st-share-summary-muted) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.st-share-page__summary-open-btn {
  min-height: 40px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  background: var(--st-share-summary-surface) !important;
  color: var(--st-share-summary-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.st-share-page__summary-open-btn:hover,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .button.st-share-page__summary-open-btn:focus-visible {
  border-color: color-mix(
    in srgb,
    var(--primary-container) 70%,
    transparent
  ) !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 26%,
    var(--surface-container-lowest) 74%
  ) !important;
  color: var(--st-share-summary-text) !important;
  transform: translateY(-1px) !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview {
  margin: 0 !important;
  min-height: 220px !important;
  padding: 12px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-summary-surface) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-pages-wrap {
  margin-top: 10px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-container {
  padding: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .pdf-preview-card {
  border: 1px solid var(--st-share-summary-border-soft) !important;
  border-radius: 12px !important;
  background: var(--st-share-summary-surface-soft) !important;
  box-shadow: none !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-header,
body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-footer {
  color: var(--st-share-summary-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body
  .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
  .st-share-page__summary-preview
  .preview-card-image {
  border-radius: 10px !important;
  border: 1px solid var(--st-share-summary-border-soft) !important;
  background: color-mix(
    in srgb,
    var(--surface-container-lowest) 96%,
    var(--secondary-container) 4%
  ) !important;
}

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

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

@media (max-width: 760px) {
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary'] {
    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--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__head--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__meta-shell--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-shell--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__preview-card--summary {
    padding: 12px !important;
    border-radius: 14px !important;
  }

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

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

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

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

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

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-points-head,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .button.st-share-page__summary-open-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview {
    overflow-x: hidden !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .preview-header {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    padding-bottom: 10px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .preview-header-title {
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-size {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 8px !important;
    padding: 10px 12px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-label {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.24 !important;
    white-space: normal !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-slider {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-value {
    justify-self: end !important;
    min-width: 44px !important;
    padding: 4px 8px !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .merge-preview-total-pages {
    grid-column: 1 / -1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-pages-wrap,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-container,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__summary-preview
    .pdf-preview-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__meta-item--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .st-share-page__save-btn--summary,
  body
    .st-share-page__pane.st-share-page__pane--summary[data-share-page][data-share-entity-type='summary']
    .button.st-share-page__summary-open-btn {
    transition: none !important;
  }
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
  --st-share-podcast-bg: color-mix(
    in srgb,
    var(--surface-container-lowest) 89%,
    var(--primary-container) 11%
  );
  --st-share-podcast-surface: color-mix(
    in srgb,
    var(--surface-container-lowest) 93%,
    var(--secondary-container) 7%
  );
  --st-share-podcast-surface-soft: color-mix(
    in srgb,
    var(--surface-container-lowest) 90%,
    var(--secondary-container) 10%
  );
  --st-share-podcast-border: color-mix(
    in srgb,
    var(--outline-variant) 42%,
    transparent
  );
  --st-share-podcast-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 36%,
    transparent
  );
  --st-share-podcast-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-podcast-muted: color-mix(
    in srgb,
    var(--on-surface) 66%,
    transparent
  );
  --st-share-podcast-chip: color-mix(
    in srgb,
    var(--secondary-container) 46%,
    var(--surface-container-lowest) 54%
  );
  --st-share-podcast-chip-text: color-mix(
    in srgb,
    var(--secondary) 82%,
    var(--on-surface) 18%
  );
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: min(100%, 980px) !important;
  max-width: 980px !important;
  margin: calc(var(--eduloo-main-offset, 122px) + 12px) auto 24px !important;
  padding: 22px !important;
  border: 1px solid var(--st-share-podcast-border) !important;
  border-radius: 24px !important;
  background: var(--st-share-podcast-bg) !important;
  box-shadow: 0 18px 30px -24px
    color-mix(in srgb, var(--on-surface) 28%, transparent) !important;
  overflow: hidden !important;
}

body.theme-dark
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast'] {
  --st-share-podcast-bg: color-mix(
    in srgb,
    var(--surface-container-high) 84%,
    var(--surface-container-highest) 16%
  );
  --st-share-podcast-surface: color-mix(
    in srgb,
    var(--surface-container-high) 82%,
    var(--surface-container-highest) 18%
  );
  --st-share-podcast-surface-soft: color-mix(
    in srgb,
    var(--surface-container-high) 76%,
    var(--secondary-container) 24%
  );
  --st-share-podcast-border: color-mix(
    in srgb,
    var(--outline-variant) 58%,
    transparent
  );
  --st-share-podcast-border-soft: color-mix(
    in srgb,
    var(--outline-variant) 50%,
    transparent
  );
  --st-share-podcast-text: color-mix(
    in srgb,
    var(--on-surface) 90%,
    transparent
  );
  --st-share-podcast-muted: color-mix(
    in srgb,
    var(--on-surface) 70%,
    transparent
  );
  --st-share-podcast-chip: color-mix(
    in srgb,
    var(--secondary-container) 38%,
    var(--surface-container-high) 62%
  );
  --st-share-podcast-chip-text: color-mix(
    in srgb,
    var(--secondary) 88%,
    var(--on-surface) 12%
  );
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::before,
body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::after {
  content: '' !important;
  position: absolute !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::before {
  width: 174px !important;
  height: 174px !important;
  top: -90px !important;
  right: -58px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 18%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']::after {
  width: 148px !important;
  height: 148px !important;
  bottom: -84px !important;
  left: -54px !important;
  background: color-mix(
    in srgb,
    var(--primary-container) 16%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  > * {
  position: relative !important;
  z-index: 1 !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__head--podcast {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-podcast-surface) !important;
  box-shadow: none !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__head-content--podcast {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !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 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(36px, 4.7vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.4px !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
  text-align: left !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .tools-section-description.st-share-page__subtitle--podcast {
  margin: 0 !important;
  max-width: 64ch !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--st-share-podcast-muted) !important;
  text-align: left !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-shell--podcast {
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 16px !important;
  background: var(--st-share-podcast-surface) !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__meta--podcast {
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !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__meta-item--podcast {
  margin: 0 !important;
  min-height: 98px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !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;
  transition:
    border-color 0.2s ease,
    transform 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__meta-item--podcast:hover {
  transform: translateY(-1px) !important;
  border-color: color-mix(
    in srgb,
    var(--secondary-container) 60%,
    transparent
  ) !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-icon--podcast {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border: 1px solid
    color-mix(in srgb, var(--secondary-container) 58%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(
    in srgb,
    var(--secondary-container) 34%,
    var(--surface-container-lowest) 66%
  ) !important;
  color: color-mix(
    in srgb,
    var(--secondary) 84%,
    var(--on-surface) 16%
  ) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-copy--podcast {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__meta-label--podcast {
  margin: 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__meta-value--podcast {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: var(--st-share-podcast-text) !important;
  overflow-wrap: anywhere !important;
}

body
  .st-share-page__pane.st-share-page__pane--podcast[data-share-page][data-share-entity-type='podcast']
  .st-share-page__stack--podcast {
  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__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 {
  margin: 0 !important;
  border: 1px solid var(--st-share-podcast-border-soft) !important;
  border-radius: 18px !important;
  background: var(--st-share-podcast-surface) !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-shell--podcast {
  padding: 18px !important;
  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__save-copy--podcast {
  margin: 0 !important;
  max-width: 48ch !important;
  font-size: 19px !important;
  line-height: 1.28 !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__save-inline--podcast {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-areas:
    'workspace subject'
    'action action' !important;
  column-gap: 14px !important;
  row-gap: 14px !important;
  align-items: stretch !important;
}