/* [project]/src/app/dashboard/(pages)/su/video-library/overview.module.css [app-client] (css) */
.overview-module__No8MuG__page {
  color: #202331;
  max-width: 1320px;
  margin: auto;
  padding: 36px 28px 64px;
}

.overview-module__No8MuG__collectionGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 22px;
  display: grid;
}

.overview-module__No8MuG__collectionCard {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e3e3ed;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 218px;
  padding: 24px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: flex;
}

.overview-module__No8MuG__collectionCard:hover {
  border-color: #9996d7;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #2525440a;
}

.overview-module__No8MuG__collectionIcon {
  color: #625ab0;
  background: #f1f0fa;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  font-size: 24px;
  display: grid;
}

.overview-module__No8MuG__collectionCard h2 {
  letter-spacing: -.025em;
  margin: 0 0 7px;
  font-size: 19px;
  font-weight: 600;
}

.overview-module__No8MuG__collectionCard p {
  color: #747888;
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.5;
}

.overview-module__No8MuG__collectionMeta {
  color: #625ab0;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  font-size: 12px;
  display: flex;
}

@media (max-width: 1000px) {
  .overview-module__No8MuG__collectionGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .overview-module__No8MuG__collectionGrid {
    grid-template-columns: 1fr;
  }

  .overview-module__No8MuG__collectionCard {
    min-height: 180px;
  }
}

.overview-module__No8MuG__styleCategory {
  text-align: left;
  cursor: pointer;
  background: linear-gradient(120deg, #f2f1ff, #fff);
  border: 1px solid #dcdcf4;
  border-radius: 18px;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin: 0 0 28px;
  padding: 24px;
  display: flex;
}

.overview-module__No8MuG__styleCategory span {
  letter-spacing: -.025em;
  font-size: 22px;
  font-weight: 600;
}

.overview-module__No8MuG__styleCategory small {
  color: #747888;
  flex: 1;
}

.overview-module__No8MuG__styleCategory strong {
  color: #484bff;
  font-size: 13px;
  font-weight: 500;
}

.overview-module__No8MuG__styleGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
  display: grid;
}

.overview-module__No8MuG__styleCard {
  background: #fff;
  border: 1px solid #e3e3ed;
  border-radius: 16px;
  overflow: hidden;
}

.overview-module__No8MuG__styleBody {
  padding: 20px;
}

.overview-module__No8MuG__styleBody small {
  color: #747888;
  font-size: 11px;
}

.overview-module__No8MuG__styleBody h2 {
  margin: 8px 0;
  font-size: 20px;
  font-weight: 600;
}

.overview-module__No8MuG__styleBody p {
  color: #747888;
  font-size: 13px;
  line-height: 1.6;
}

.overview-module__No8MuG__styleBody footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 18px 0;
  font-size: 11px;
  display: flex;
}

.overview-module__No8MuG__styleBody footer label {
  align-items: center;
  gap: 6px;
  display: flex;
}

.overview-module__No8MuG__styleBody input {
  accent-color: #158655;
}

.overview-module__No8MuG__styleBody input:disabled {
  opacity: .45;
}

@media (max-width: 700px) {
  .overview-module__No8MuG__styleGrid {
    grid-template-columns: 1fr;
  }
}

.overview-module__No8MuG__saveBar {
  z-index: 6;
  background: #fff;
  border: 1px solid #e3e3ed;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 16px;
  display: flex;
  position: sticky;
  bottom: 16px;
}

.overview-module__No8MuG__saveBar span {
  flex: 1;
  font-size: 13px;
}

.overview-module__No8MuG__saveBar button:disabled {
  opacity: .5;
  cursor: default;
}

.overview-module__No8MuG__header {
  margin: 20px 0 30px;
}

.overview-module__No8MuG__eyebrow {
  letter-spacing: .13em;
  color: #747888;
  font-size: 11px;
  font-weight: 650;
}

.overview-module__No8MuG__header h1 {
  letter-spacing: -.045em;
  margin: 10px 0;
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 650;
}

.overview-module__No8MuG__header p:not(.overview-module__No8MuG__eyebrow) {
  color: #747888;
  font-size: 14px;
  line-height: 1.6;
}

.overview-module__No8MuG__stats {
  background: #fff;
  border: 1px solid #e5e5ed;
  border-radius: 18px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 38px;
  display: grid;
}

.overview-module__No8MuG__stats div {
  gap: 7px;
  padding: 24px;
  display: grid;
}

.overview-module__No8MuG__stats strong {
  font-size: 30px;
  font-weight: 600;
}

.overview-module__No8MuG__stats span {
  color: #747888;
  font-size: 12px;
}

.overview-module__No8MuG__sectionHeading {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
}

.overview-module__No8MuG__sectionHeading h2 {
  font-size: 20px;
  font-weight: 600;
}

.overview-module__No8MuG__sectionHeading span {
  color: #747888;
  font-size: 12px;
}

.overview-module__No8MuG__packages {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  display: grid;
}

.overview-module__No8MuG__package {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e3e3ed;
  border-radius: 18px;
  transition: box-shadow .2s, transform .2s;
  overflow: hidden;
}

.overview-module__No8MuG__package:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px #2023310b;
}

.overview-module__No8MuG__package:focus-visible, .overview-module__No8MuG__page button:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #5458ff;
}

.overview-module__No8MuG__packageArt {
  color: #acafbb;
  background: #efeff3;
  height: 115px;
  position: relative;
  overflow: hidden;
}

.overview-module__No8MuG__packageArt span {
  font-size: 30px;
  font-weight: 500;
  position: absolute;
  top: 20px;
  left: 24px;
}

.overview-module__No8MuG__packageStill {
  object-fit: cover;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: block;
}

.overview-module__No8MuG__packageArt i {
  border: 1px solid #d9d9e4;
  border-radius: 10px;
  width: 52px;
  height: 80px;
  position: absolute;
  top: 40px;
  right: 20px;
  transform: rotate(-15deg);
}

.overview-module__No8MuG__packageArt i:nth-child(3) {
  top: 20px;
  right: 65px;
  transform: rotate(10deg);
}

.overview-module__No8MuG__packageArt i:nth-child(4) {
  top: 65px;
  right: 110px;
  transform: rotate(25deg);
}

.overview-module__No8MuG__package[data-ready="true"] .overview-module__No8MuG__packageArt {
  color: #fff;
  background: linear-gradient(120deg, #252544, #575ecb);
}

.overview-module__No8MuG__package[data-ready="true"] .overview-module__No8MuG__packageArt i {
  background: #ffffff24;
  border-color: #fff4;
}

.overview-module__No8MuG__packageBody {
  padding: 22px;
}

.overview-module__No8MuG__badge {
  letter-spacing: .04em;
  color: #666a7a;
  background: #f1f1f6;
  border-radius: 20px;
  padding: 5px 9px;
  font-size: 10px;
  display: inline-block;
}

.overview-module__No8MuG__packageBody h3, .overview-module__No8MuG__assetBody h3 {
  margin: 12px 0 8px;
  font-size: 19px;
  font-weight: 600;
}

.overview-module__No8MuG__packageBody p, .overview-module__No8MuG__assetBody p {
  color: #747888;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.overview-module__No8MuG__open {
  color: #5054c8;
  margin-top: 24px;
  font-size: 12px;
  display: block;
}

.overview-module__No8MuG__back, .overview-module__No8MuG__switcher button, .overview-module__No8MuG__filters button, .overview-module__No8MuG__play {
  cursor: pointer;
  color: #44485c;
  background: #fff;
  border: 1px solid #e2e2ec;
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 12px;
}

.overview-module__No8MuG__switcher {
  gap: 8px;
  margin-bottom: 24px;
  display: flex;
}

.overview-module__No8MuG__switcher button[aria-pressed="true"], .overview-module__No8MuG__filters button[aria-pressed="true"] {
  color: #474beb;
  background: #eeefff;
  border-color: #d4d7ff;
}

.overview-module__No8MuG__explanation {
  color: #747888;
  max-width: 900px;
  margin-bottom: 22px;
  font-size: 13px;
  line-height: 1.7;
}

.overview-module__No8MuG__toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin: 22px 0;
  display: flex;
}

.overview-module__No8MuG__filters {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.overview-module__No8MuG__colors {
  color: #747888;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.overview-module__No8MuG__modelFilter {
  color: #747888;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: inline-flex;
}

.overview-module__No8MuG__modelFilter select {
  color: #343545;
  min-width: 150px;
  font: inherit;
  background: #fff;
  border: 1px solid #e2e2ec;
  border-radius: 10px;
  padding: 9px 30px 9px 11px;
}

.overview-module__No8MuG__colors input {
  background: none;
  border: 0;
  width: 30px;
  height: 30px;
  padding: 0;
}

.overview-module__No8MuG__assets, .overview-module__No8MuG__unifiedAssets {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  display: grid;
}

.overview-module__No8MuG__activeSection[data-merged="true"], .overview-module__No8MuG__activeSection[data-merged="true"] .overview-module__No8MuG__assets {
  display: contents;
}

.overview-module__No8MuG__activeSection[data-merged="true"] .overview-module__No8MuG__toolbar, .overview-module__No8MuG__activeSection[data-merged="true"] .overview-module__No8MuG__notice {
  grid-column: 1 / -1;
}

.overview-module__No8MuG__asset {
  background: #fff;
  border: 1px solid #e3e3ed;
  border-radius: 16px;
  overflow: hidden;
}

.overview-module__No8MuG__preview {
  aspect-ratio: 16 / 9;
  background: #f2f2f7;
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.overview-module__No8MuG__preview iframe, .overview-module__No8MuG__preview video {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.overview-module__No8MuG__preview video {
  object-fit: contain;
}

.overview-module__No8MuG__play {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #fff5;
  border: 1px solid #fff6;
  border-radius: 20px;
  padding: 5px 9px;
  font-size: 10px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.overview-module__No8MuG__assetBody {
  padding: 20px;
}

.overview-module__No8MuG__modelTag {
  color: #666a7a;
  background: #f4f4f8;
  border-radius: 999px;
  margin-top: 12px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 1.2;
  display: inline-block;
}

.overview-module__No8MuG__assetMeta {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.overview-module__No8MuG__approvalButton {
  color: #44485c;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  padding: 3px 0;
  font-size: 11px;
  display: inline-flex;
}

.overview-module__No8MuG__approvalButton:has(input:disabled) {
  cursor: not-allowed;
  opacity: .55;
}

.overview-module__No8MuG__approvalButton input {
  accent-color: #168447;
  width: 18px;
  height: 18px;
}

.overview-module__No8MuG__approvalButton:has(input:checked) {
  color: #168447;
}

.overview-module__No8MuG__audio {
  justify-items: center;
  gap: 20px;
  width: 90%;
  display: grid;
}

.overview-module__No8MuG__audio span {
  color: #6564bb;
  font-size: 44px;
}

.overview-module__No8MuG__audio audio {
  width: 100%;
  max-width: 360px;
}

.overview-module__No8MuG__notice {
  background: #fbf8ef;
  border: 1px solid #e4d9bd;
  border-radius: 12px;
  padding: 15px;
  font-size: 13px;
  line-height: 1.6;
}

.overview-module__No8MuG__empty {
  text-align: center;
  background: #f8f8fb;
  border: 1px dashed #d6d8e3;
  border-radius: 18px;
  padding: 70px 24px;
}

.overview-module__No8MuG__empty h2 {
  margin-bottom: 16px;
  font-size: 24px;
}

.overview-module__No8MuG__empty p {
  color: #747888;
  font-size: 14px;
  line-height: 1.8;
}

@media (max-width: 1050px) {
  .overview-module__No8MuG__packages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .overview-module__No8MuG__stats div {
    padding: 18px;
  }
}

@media (max-width: 650px) {
  .overview-module__No8MuG__page {
    padding: 20px 16px;
  }

  .overview-module__No8MuG__packages, .overview-module__No8MuG__assets, .overview-module__No8MuG__unifiedAssets {
    grid-template-columns: 1fr;
  }

  .overview-module__No8MuG__stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .overview-module__No8MuG__sectionHeading {
    display: block;
  }

  .overview-module__No8MuG__header h1 {
    font-size: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .overview-module__No8MuG__package {
    transition: none;
  }

  .overview-module__No8MuG__package:hover {
    transform: none;
  }
}

.overview-module__No8MuG__styleCard[data-featured="true"] {
  grid-column: 1 / -1;
}

.overview-module__No8MuG__conceptProvenance {
  color: #687084;
  font-size: 12px;
  line-height: 1.65;
}

/* [project]/src/components/dashboard/course-editor/saga-loading-reveal.module.css [app-client] (css) */
.saga-loading-reveal-module__FLg4Sq__stage {
  aspect-ratio: 16 / 9;
  border-radius: inherit;
  isolation: isolate;
  background: #101724;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}

.saga-loading-reveal-module__FLg4Sq__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.saga-loading-reveal-module__FLg4Sq__overlay {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  color: var(--loader-ink);
  pointer-events: none;
  position: absolute;
  inset: -1px;
}

.saga-loading-reveal-module__FLg4Sq__pattern {
  opacity: .09;
  transform-origin: 640px 360px;
  animation: 16s ease-in-out infinite alternate saga-loading-reveal-module__FLg4Sq__pattern;
}

.saga-loading-reveal-module__FLg4Sq__camera, .saga-loading-reveal-module__FLg4Sq__float {
  transform-box: view-box;
  transform-origin: 641px 368px;
}

.saga-loading-reveal-module__FLg4Sq__float {
  animation: 3.2s ease-in-out infinite saga-loading-reveal-module__FLg4Sq__breathe;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-variant="drift"] .saga-loading-reveal-module__FLg4Sq__float {
  animation: 4.4s ease-in-out infinite saga-loading-reveal-module__FLg4Sq__drift;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-variant="trace"] .saga-loading-reveal-module__FLg4Sq__float {
  animation: 4s ease-in-out infinite saga-loading-reveal-module__FLg4Sq__breathe;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-variant="trace"] .saga-loading-reveal-module__FLg4Sq__baseMark {
  opacity: .26;
}

.saga-loading-reveal-module__FLg4Sq__trace {
  stroke-dasharray: .25 .75;
  animation: 2.4s linear infinite saga-loading-reveal-module__FLg4Sq__trace;
}

.saga-loading-reveal-module__FLg4Sq__aperture {
  opacity: 0;
}

.saga-loading-reveal-module__FLg4Sq__caption {
  text-align: center;
  color: var(--loader-ink);
  flex-direction: column;
  align-items: center;
  gap: clamp(12px, 2.5cqw, 28px);
  display: flex;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  transform: translateY(-50%);
}

.saga-loading-reveal-module__FLg4Sq__wordmark {
  letter-spacing: -.035em;
  text-wrap: balance;
  overflow-wrap: anywhere;
  max-width: 90%;
  font-size: clamp(22px, 4.8cqw, 60px);
  line-height: 1.12;
  animation: 3.2s ease-in-out infinite saga-loading-reveal-module__FLg4Sq__breathe;
}

.saga-loading-reveal-module__FLg4Sq__brandLogo {
  object-fit: contain;
  width: clamp(130px, 22cqw, 240px);
  max-width: 60%;
  height: auto;
  max-height: 22cqw;
  display: block;
}

.saga-loading-reveal-module__FLg4Sq__caption output {
  opacity: .8;
  font-size: clamp(10px, 1.8cqw, 14px);
}

.saga-loading-reveal-module__FLg4Sq__caption button {
  cursor: pointer;
  border: 1px solid;
  border-radius: 20px;
  padding: 6px 18px;
  font-size: 12px;
}

.saga-loading-reveal-module__FLg4Sq__dots {
  gap: 6px;
  display: flex;
}

.saga-loading-reveal-module__FLg4Sq__dots i {
  background: currentColor;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.4s ease-in-out infinite saga-loading-reveal-module__FLg4Sq__dot;
}

.saga-loading-reveal-module__FLg4Sq__dots i:nth-child(2) {
  animation-delay: .15s;
}

.saga-loading-reveal-module__FLg4Sq__dots i:nth-child(3) {
  animation-delay: .3s;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-awaiting-play="true"] .saga-loading-reveal-module__FLg4Sq__wordmark, .saga-loading-reveal-module__FLg4Sq__stage[data-awaiting-play="true"] .saga-loading-reveal-module__FLg4Sq__brandLogo, .saga-loading-reveal-module__FLg4Sq__stage[data-awaiting-play="true"] .saga-loading-reveal-module__FLg4Sq__pattern, .saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__float, .saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__trace {
  animation-play-state: paused;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__camera {
  animation: none;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__aperture {
  opacity: 0;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__overlay {
  animation: .24s ease-out both saga-loading-reveal-module__FLg4Sq__fade;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__rim {
  animation: .3s ease-out both saga-loading-reveal-module__FLg4Sq__fade;
}

.saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__caption {
  animation: .18s ease-out both saga-loading-reveal-module__FLg4Sq__fade;
}

.saga-loading-reveal-module__FLg4Sq__error {
  color: #54221c;
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  position: absolute;
  inset: auto 16px 50px;
}

@keyframes saga-loading-reveal-module__FLg4Sq__breathe {
  0%, 100% {
    transform: scale(.97);
  }

  50% {
    transform: scale(1.035);
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__drift {
  0%, 100% {
    transform: translate(-8px, 4px)rotate(-2deg);
  }

  50% {
    transform: translate(8px, -8px)rotate(2deg);
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__pattern {
  from {
    transform: rotate(-8deg)scale(.96);
  }

  to {
    transform: rotate(8deg)scale(1.04);
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__trace {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -1px;
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__dot {
  0%, 100% {
    opacity: .3;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__reveal {
  0% {
    transform: scale(1);
  }

  45% {
    transform: translate(0, -12px)scale(3);
  }

  100% {
    transform: translate(-1px, -8px)scale(24);
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__open {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes saga-loading-reveal-module__FLg4Sq__fade {
  to {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .saga-loading-reveal-module__FLg4Sq__stage[data-variant] .saga-loading-reveal-module__FLg4Sq__float, .saga-loading-reveal-module__FLg4Sq__trace, .saga-loading-reveal-module__FLg4Sq__pattern, .saga-loading-reveal-module__FLg4Sq__dots i, .saga-loading-reveal-module__FLg4Sq__wordmark, .saga-loading-reveal-module__FLg4Sq__brandLogo {
    animation: none;
  }

  .saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__camera {
    animation: none;
    transform: translate(-1px, -8px)scale(24);
  }

  .saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__overlay, .saga-loading-reveal-module__FLg4Sq__stage[data-phase="revealing"] .saga-loading-reveal-module__FLg4Sq__caption {
    animation-duration: 10ms;
  }
}

/* [project]/src/components/course-ui/steps/video-slide.module.css [app-client] (css) */
.video-slide-module__-brq8a__player {
  isolation: isolate;
  border-radius: var(--course-intro-player-radius, 18px);
  background: var(--preview-brand-main, #1b1e2a);
  overflow: hidden;
}

.video-slide-module__-brq8a__player[data-authored-intro] video {
  aspect-ratio: 16 / 9;
}

.video-slide-module__-brq8a__hitTarget {
  border-radius: inherit;
}

.video-slide-module__-brq8a__hitTarget:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: none;
  transition: box-shadow .18s;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #fff0;
}

@media (hover: hover) and (pointer: fine) {
  .video-slide-module__-brq8a__hitTarget:hover:not([data-hover-idle]):after {
    box-shadow: inset 0 0 0 2px #ffffffb3;
  }
}

.video-slide-module__-brq8a__hitTarget:focus-visible {
  outline-offset: -5px;
  outline: 3px solid #fff;
}

@media (prefers-reduced-motion: reduce) {
  .video-slide-module__-brq8a__hitTarget:after {
    transition: none;
  }
}

/* [project]/src/components/dashboard/course-editor/course-intro-video-panel.module.css [app-client] (css) */
.course-intro-video-panel-module__for-Zq__playerStack {
  display: grid;
  position: relative;
}

.course-intro-video-panel-module__for-Zq__publishedOverlay {
  z-index: 20;
  opacity: 1;
  grid-area: 1 / 1;
  align-self: start;
  padding: 24px;
  transition: opacity .26s;
  position: relative;
}

.course-intro-video-panel-module__for-Zq__publishedOverlayHidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .26s, visibility 0s linear .26s;
}

@media (prefers-reduced-motion: reduce) {
  .course-intro-video-panel-module__for-Zq__publishedOverlay {
    transition: none;
  }
}

.course-intro-video-panel-module__for-Zq__editorShell {
  opacity: 0;
  pointer-events: none;
  grid-area: 1 / 1;
  grid-template-rows: 0fr;
  align-self: start;
  min-width: 0;
  transition: grid-template-rows .42s cubic-bezier(.22, 1, .36, 1), opacity .26s;
  display: grid;
}

.course-intro-video-panel-module__for-Zq__editorShellOpen {
  opacity: 1;
  pointer-events: auto;
  grid-template-rows: 1fr;
}

.course-intro-video-panel-module__for-Zq__editorInner {
  min-height: 0;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .course-intro-video-panel-module__for-Zq__editorShell {
    transition: none;
  }
}

/* [project]/src/components/ui/sheet.module.css [app-client] (css) */
.sheet-module__P4f9lq__sheet__overlay {
  z-index: 50;
  background: #0000001a;
  background: lab(0% 0 0 / .1);
  position: fixed;
  inset: 0;
}

.sheet-module__P4f9lq__sheet__content {
  z-index: 50;
  background: var(--background);
  flex-direction: column;
  font-size: .75rem;
  line-height: 1.625;
  transition: transform .2s, opacity .2s;
  display: flex;
  position: fixed;
}

.sheet-module__P4f9lq__sheet__content[data-side="top"] {
  border-bottom: 1px solid var(--overlay-border);
  top: 0;
  left: 0;
  right: 0;
}

.sheet-module__P4f9lq__sheet__content[data-side="right"] {
  border-left: 1px solid var(--overlay-border);
  width: min(75vw, 24rem);
  top: 0;
  bottom: 0;
  right: 0;
}

.sheet-module__P4f9lq__sheet__content[data-side="bottom"] {
  border-top: 1px solid var(--overlay-border);
  bottom: 0;
  left: 0;
  right: 0;
}

.sheet-module__P4f9lq__sheet__content[data-side="left"] {
  border-right: 1px solid var(--overlay-border);
  width: min(75vw, 24rem);
  top: 0;
  bottom: 0;
  left: 0;
}

.sheet-module__P4f9lq__sheet__header {
  flex-direction: column;
  gap: .125rem;
  padding: 1rem;
  display: flex;
}

.sheet-module__P4f9lq__sheet__footer {
  flex-direction: column;
  gap: .5rem;
  margin-top: auto;
  padding: 1rem;
  display: flex;
}

.sheet-module__P4f9lq__sheet__title {
  color: var(--foreground);
  font-size: .875rem;
  font-weight: 500;
}

.sheet-module__P4f9lq__sheet__description {
  color: var(--muted-foreground);
  font-size: .75rem;
  line-height: 1.625;
}

.sheet-module__P4f9lq__sheet__closeControl {
  position: absolute;
  top: .75rem;
  right: .75rem;
}

.sheet-module__P4f9lq__srOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

/* [project]/src/components/ui/checkbox.module.css [app-client] (css) */
.checkbox-module__qBMkKa__checkbox {
  border: 1px solid var(--input);
  background: none;
  border-radius: .25rem;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 1.15rem;
  height: 1.15rem;
  transition: border-color .15s, background-color .15s, box-shadow .15s;
  display: flex;
  position: relative;
}

.checkbox-module__qBMkKa__checkbox:hover:not([data-state="checked"]):not([data-state="indeterminate"]) {
  border-color: var(--ui-border-strong);
}

.checkbox-module__qBMkKa__checkbox:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 3px var(--ui-focus-ring);
}

.checkbox-module__qBMkKa__checkbox[data-state="checked"], .checkbox-module__qBMkKa__checkbox[data-state="indeterminate"] {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
}

.checkbox-module__qBMkKa__checkbox[aria-invalid="true"] {
  border-color: var(--destructive);
}

.checkbox-module__qBMkKa__checkbox:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.checkbox-module__qBMkKa__checkbox__indicator {
  color: currentColor;
  place-content: center;
  display: grid;
}

.checkbox-module__qBMkKa__checkbox__indicator > svg {
  stroke-width: 2.75px;
  width: .8125rem;
  height: .8125rem;
}

/* [project]/src/components/ui/dialog.module.css [app-client] (css) */
.dialog-module__yini9G__dialog__overlay {
  z-index: 50;
  background: #00000080;
  background: lab(0% 0 0 / .5);
  position: fixed;
  inset: 0;
}

.dialog-module__yini9G__dialog__content {
  z-index: 50;
  overscroll-behavior: contain;
  border: 1px solid var(--overlay-border);
  border-radius: var(--overlay-radius);
  background: var(--background);
  width: min(100% - 2rem, 28rem);
  max-height: calc(100dvh - 2rem);
  box-shadow: var(--overlay-shadow);
  outline: none;
  gap: 1rem;
  padding: 1.5rem;
  display: grid;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
}

.dialog-module__yini9G__dialog__header {
  text-align: start;
  flex-direction: column;
  gap: .375rem;
  display: flex;
}

.dialog-module__yini9G__dialog__footer {
  flex-direction: column-reverse;
  gap: .5rem;
  display: flex;
}

.dialog-module__yini9G__dialog__footer .dash-btn {
  min-width: 92px;
}

@media (min-width: 640px) {
  .dialog-module__yini9G__dialog__footer {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.dialog-module__yini9G__dialog__title {
  letter-spacing: -.01em;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
}

.dialog-module__yini9G__dialog__description {
  color: var(--muted-foreground);
  font-size: .875rem;
}

.dialog-module__yini9G__dialog__closeControl {
  top: 1rem;
  position: absolute;
  inset-inline-end: 1rem;
}

.dialog-module__yini9G__srOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

/* [project]/src/components/ui/badge.module.css [app-client] (css) */
.badge-module__J5sY1G__badge {
  border: 1px solid var(--ui-border-soft);
  background: var(--muted);
  letter-spacing: .01em;
  white-space: nowrap;
  border-radius: .25rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: .3125rem;
  width: fit-content;
  min-height: 1.5rem;
  padding: .25rem .75rem;
  font-size: .75rem;
  font-weight: 600;
  transition: background-color .15s, border-color .15s, color .15s;
  display: inline-flex;
  overflow: hidden;
}

.badge-module__J5sY1G__badge:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
  outline: none;
}

.badge-module__J5sY1G__badge[aria-invalid="true"] {
  border-color: var(--destructive);
}

.badge-module__J5sY1G__badge > svg {
  pointer-events: none;
  flex-shrink: 0;
  width: .75rem;
  height: .75rem;
  display: block;
}

.badge-module__J5sY1G__badge:has([data-icon="inline-end"]) {
  padding-right: .375rem;
}

.badge-module__J5sY1G__badge:has([data-icon="inline-start"]) {
  padding-left: .375rem;
}

.badge-module__J5sY1G__badge--default {
  border-color: color-mix(in oklab, var(--primary) 30%, var(--ui-border-soft));
  background: color-mix(in oklab, var(--primary) 10%, var(--muted));
  color: var(--primary);
}

.badge-module__J5sY1G__badge--secondary {
  background: var(--muted);
  color: var(--secondary-foreground);
}

.badge-module__J5sY1G__badge--destructive {
  border-color: color-mix(in oklab,
    var(--destructive) 30%,
    var(--ui-border-soft));
  background: color-mix(in oklab, var(--destructive) 10%, var(--muted));
  color: var(--destructive);
}

.badge-module__J5sY1G__badge--outline {
  border-color: var(--ui-border-soft);
  color: var(--foreground);
  background: none;
}

.badge-module__J5sY1G__badge--ghost {
  color: var(--foreground);
  background: none;
  border-color: #0000;
}

.badge-module__J5sY1G__badge--link {
  color: var(--primary);
  background: none;
  border: 0;
  text-decoration: none;
}

.badge-module__J5sY1G__badge--link:hover {
  text-decoration: underline;
}

/* [project]/src/components/ui/button.module.css [app-client] (css) */
.button-module__HjQxJG__button {
  font-family: var(--font-heading);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 9999px;
  outline: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  transition: background-color .15s, border-color .15s, color .15s, opacity .15s;
  display: inline-flex;
}

.button-module__HjQxJG__button:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}

.button-module__HjQxJG__button[aria-invalid="true"] {
  border-color: var(--destructive);
}

.button-module__HjQxJG__button:disabled {
  pointer-events: none;
  opacity: .55;
}

.button-module__HjQxJG__button svg {
  pointer-events: none;
  flex-shrink: 0;
  display: block;
}

.button-module__HjQxJG__button svg:not([class*="size-"]) {
  width: 1rem;
  height: 1rem;
}

.button-module__HjQxJG__button--default {
  background: var(--primary);
  color: var(--primary-foreground);
  border: none;
}

.button-module__HjQxJG__button--default:hover {
  background: color-mix(in oklab, var(--primary) 85%, black);
}

.button-module__HjQxJG__button--outline {
  border-color: var(--ui-border-soft);
  color: var(--foreground);
  background: none;
}

.button-module__HjQxJG__button--outline:hover, .button-module__HjQxJG__button--outline[aria-expanded="true"] {
  border-color: var(--primary);
  background: color-mix(in oklab, var(--primary) 8%, transparent);
}

.button-module__HjQxJG__button--secondary {
  border-color: var(--ui-border-soft);
  background: var(--muted);
  color: var(--secondary-foreground);
}

.button-module__HjQxJG__button--secondary:hover, .button-module__HjQxJG__button--secondary[aria-expanded="true"] {
  background: var(--ui-surface-soft-hover);
}

.button-module__HjQxJG__button--ghost {
  color: var(--foreground);
  background: none;
}

.button-module__HjQxJG__button--ghost:hover, .button-module__HjQxJG__button--ghost[aria-expanded="true"] {
  background: var(--muted);
}

.button-module__HjQxJG__button--destructive {
  background: var(--destructive);
  color: #fff;
  border: none;
}

.button-module__HjQxJG__button--destructive:hover {
  background: color-mix(in oklab, var(--destructive) 85%, black);
}

.button-module__HjQxJG__button--link {
  color: var(--primary);
  text-underline-offset: 4px;
  background: none;
  border: 0;
  text-decoration: underline;
}

.button-module__HjQxJG__button--link:hover {
  color: color-mix(in oklab, var(--primary) 80%, black);
}

.button-module__HjQxJG__button--size-default {
  gap: .5rem;
  min-height: 2.5rem;
  padding-inline: 1rem;
}

.button-module__HjQxJG__button--size-default:has([data-icon="inline-end"]) {
  padding-right: .875rem;
}

.button-module__HjQxJG__button--size-default:has([data-icon="inline-start"]) {
  padding-left: .875rem;
}

.button-module__HjQxJG__button--size-xs {
  gap: .3125rem;
  min-height: 1.875rem;
  padding-inline: .75rem;
}

.button-module__HjQxJG__button--size-xs svg:not([class*="size-"]) {
  width: .75rem;
  height: .75rem;
}

.button-module__HjQxJG__button--size-sm {
  gap: .375rem;
  min-height: 2.125rem;
  padding-inline: .875rem;
}

.button-module__HjQxJG__button--size-sm svg:not([class*="size-"]) {
  width: .875rem;
  height: .875rem;
}

.button-module__HjQxJG__button--size-lg {
  gap: .5rem;
  min-height: 2.875rem;
  padding-inline: 1.125rem;
}

.button-module__HjQxJG__button--size-icon {
  width: 2.5rem;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0;
}

.button-module__HjQxJG__button--size-icon-xs {
  width: 1.875rem;
  min-width: 1.875rem;
  min-height: 1.875rem;
  padding: 0;
}

.button-module__HjQxJG__button--size-icon-xs svg:not([class*="size-"]) {
  width: .75rem;
  height: .75rem;
}

.button-module__HjQxJG__button--size-icon-sm {
  width: 2.125rem;
  min-width: 2.125rem;
  min-height: 2.125rem;
  padding: 0;
}

.button-module__HjQxJG__button--size-icon-lg {
  width: 2.875rem;
  min-width: 2.875rem;
  min-height: 2.875rem;
  padding: 0;
}

/* [project]/src/components/course-ui/steps/rich-text-block.module.css [app-client] (css) */
.rich-text-block-module__uDacNq__root {
  gap: var(--space-h-to-p);
  display: grid;
}

.rich-text-block-module__uDacNq__body {
  color: var(--ctx-fg);
  gap: 1.75rem;
  font-size: 1.05rem;
  line-height: 1.65;
  display: grid;
}

.rich-text-block-module__uDacNq__body :is(p, h2, h3, ul, ol) {
  margin: 0;
}

.rich-text-block-module__uDacNq__body :is(ul, ol) {
  gap: .5rem;
  padding-inline-start: 1.25rem;
  display: grid;
}

.rich-text-block-module__uDacNq__body ul {
  list-style-type: disc;
}

.rich-text-block-module__uDacNq__body ol {
  list-style-type: decimal;
}

.rich-text-block-module__uDacNq__body :is(p, ul, ol, li) {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.rich-text-block-module__uDacNq__body h2, .rich-text-block-module__uDacNq__body h3 {
  color: var(--ctx-fg);
  font-family: var(--preview-heading-font-family);
  line-height: 1.25;
}

@media (max-width: 55rem) {
  .rich-text-block-module__uDacNq__body {
    gap: 1.1rem;
    font-size: 1rem;
  }
}

/* [project]/src/components/ui/alert-dialog.module.css [app-client] (css) */
.alert-dialog-module__FCGLdW__alertDialog__overlay {
  z-index: 50;
  background: color-mix(in oklab, var(--ink) 12%, transparent);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  animation: .18s ease-out alert-dialog-module__FCGLdW__alertOverlayIn;
  position: fixed;
  inset: 0;
}

.alert-dialog-module__FCGLdW__alertDialog__content {
  z-index: 50;
  overscroll-behavior: contain;
  border: .5px solid var(--line-soft);
  background: #fff;
  border-radius: 16px;
  outline: none;
  gap: 1.25rem;
  width: min(100% - 2rem, 32rem);
  max-height: calc(100dvh - 2rem);
  padding: 1.25rem;
  animation: .22s ease-out alert-dialog-module__FCGLdW__alertContentIn;
  display: grid;
  position: fixed;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 2px #00000005, 0 8px 32px -8px #0000001f;
}

.alert-dialog-module__FCGLdW__alertDialog__content[data-size="default"] {
  max-width: 24rem;
}

@media (min-width: 640px) {
  .alert-dialog-module__FCGLdW__alertDialog__content[data-size="default"] {
    max-width: 28rem;
  }
}

.alert-dialog-module__FCGLdW__alertDialog__content[data-size="sm"] {
  max-width: 22rem;
}

.alert-dialog-module__FCGLdW__alertDialog__content[data-size="lg"] {
  width: min(100% - 2rem, 42rem);
  max-width: 42rem;
}

.alert-dialog-module__FCGLdW__alertDialog__header {
  text-align: center;
  grid-template-rows: auto 1fr;
  place-items: center;
  gap: .5rem;
  display: grid;
}

.alert-dialog-module__FCGLdW__alertDialog__header:has([data-slot="alert-dialog-media"]) {
  grid-template-rows: auto auto 1fr;
  gap: .5rem 1rem;
}

.alert-dialog-module__FCGLdW__alertDialog__footer {
  flex-direction: column-reverse;
  gap: .5rem;
  display: flex;
}

.alert-dialog-module__FCGLdW__alertDialog__footer .dash-btn {
  min-width: 92px;
  min-height: 0;
}

@media (min-width: 768px) {
  .alert-dialog-module__FCGLdW__alertDialog__footer {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.alert-dialog-module__FCGLdW__alertDialog__media {
  width: 2.75rem;
  height: 2.75rem;
  color: var(--ink-2);
  background: #0f0e0c0a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: .25rem;
  display: inline-flex;
}

.alert-dialog-module__FCGLdW__alertDialog__media svg:not([class*="size-"]) {
  stroke-width: 1.6px;
  width: 1.25rem;
  height: 1.25rem;
}

.alert-dialog-module__FCGLdW__alertDialog__media[data-tone="destructive"] {
  color: var(--tone-danger);
  background: #dc262614;
}

.alert-dialog-module__FCGLdW__alertDialog__media[data-tone="warning"] {
  color: var(--tone-warning-text);
  background: #d9770614;
}

.alert-dialog-module__FCGLdW__alertDialog__media[data-tone="success"] {
  color: var(--tone-success-text);
  background: #16a34a14;
}

.alert-dialog-module__FCGLdW__alertDialog__media[data-tone="info"] {
  color: var(--tone-info-text);
  background: #3b82f614;
}

.alert-dialog-module__FCGLdW__alertDialog__title {
  font-family: var(--font-urbanist), var(--font-instrument-sans), sans-serif;
  letter-spacing: -.01em;
  color: var(--ink);
  font-size: 1rem;
  font-weight: 600;
}

.alert-dialog-module__FCGLdW__alertDialog__description {
  color: var(--ink-muted);
  text-wrap: balance;
  font-size: .8125rem;
  line-height: 1.6;
}

.alert-dialog-module__FCGLdW__alertDialog__description a {
  text-underline-offset: 3px;
  color: var(--ink-muted);
  text-decoration: underline;
}

.alert-dialog-module__FCGLdW__alertDialog__description a:hover {
  color: var(--ink);
}

@media (prefers-reduced-motion: reduce) {
  .alert-dialog-module__FCGLdW__alertDialog__overlay, .alert-dialog-module__FCGLdW__alertDialog__content {
    animation: none;
  }
}

@keyframes alert-dialog-module__FCGLdW__alertOverlayIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes alert-dialog-module__FCGLdW__alertContentIn {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

/* [project]/src/components/ui/card.module.css [app-client] (css) */
.card-module__uAl7SW__card {
  border: 1px solid var(--ui-border-soft);
  background: var(--card);
  color: var(--card-foreground);
  border-radius: .5rem;
  flex-direction: column;
  gap: 1.125rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: .8125rem;
  line-height: 1.625;
  display: flex;
  overflow: hidden;
}

:is(.card-module__uAl7SW__card[data-size="default"]:has([data-slot="card-footer"]), .card-module__uAl7SW__card[data-size="sm"]:has([data-slot="card-footer"])) {
  padding-bottom: 0;
}

.card-module__uAl7SW__card--sm {
  gap: .75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.card-module__uAl7SW__card__header {
  grid-auto-rows: min-content;
  align-items: start;
  gap: .35rem;
  padding-inline: 1.25rem;
  display: grid;
}

.card-module__uAl7SW__card__header:has([data-slot="card-action"]) {
  grid-template-columns: 1fr auto;
}

.card-module__uAl7SW__card__header:has([data-slot="card-description"]) {
  grid-template-rows: auto auto;
}

[data-slot="card"][data-size="sm"] .card-module__uAl7SW__card__header {
  padding-inline: 1rem;
}

.card-module__uAl7SW__card__title {
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}

.card-module__uAl7SW__card__description {
  color: var(--muted-foreground);
  font-size: .8125rem;
  line-height: 1.625;
}

.card-module__uAl7SW__card__action {
  grid-area: 1 / 2 / span 2;
  place-self: start end;
}

.card-module__uAl7SW__card__content {
  padding-inline: 1.25rem;
}

[data-slot="card"][data-size="sm"] .card-module__uAl7SW__card__content {
  padding-inline: 1rem;
}

.card-module__uAl7SW__card__footer {
  border-top: 1px solid var(--ui-border-soft);
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

[data-slot="card"][data-size="sm"] .card-module__uAl7SW__card__footer {
  padding: 1rem;
}

/* [project]/src/components/ui/input-group.module.css [app-client] (css) */
.input-group-module__EUlF4a__inputGroup {
  border: 1px solid var(--input);
  border-radius: .375rem;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 2rem;
  transition: border-color .15s;
  display: flex;
  position: relative;
}

.input-group-module__EUlF4a__inputGroup:has([data-slot="input-group-control"]:focus-visible) {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}

.input-group-module__EUlF4a__inputGroup:has([data-slot][aria-invalid="true"]) {
  border-color: var(--destructive);
}

.input-group-module__EUlF4a__inputGroup:has([disabled]) {
  opacity: .5;
  background: color-mix(in oklab, var(--input) 50%, transparent);
}

:is(.input-group-module__EUlF4a__inputGroup:has([data-align="block-end"]), .input-group-module__EUlF4a__inputGroup:has([data-align="block-start"]), .input-group-module__EUlF4a__inputGroup:has(textarea)) {
  flex-direction: column;
  align-items: stretch;
  height: auto;
}

.input-group-module__EUlF4a__inputGroup__addon {
  color: var(--muted-foreground);
  cursor: text;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  font-weight: 500;
  display: flex;
}

.input-group-module__EUlF4a__inputGroup__addon > svg:not([class*="size-"]) {
  width: 1rem;
  height: 1rem;
}

.input-group-module__EUlF4a__inputGroup__addon[data-align="inline-start"] {
  order: -1;
  justify-content: center;
  padding-left: .5rem;
}

.input-group-module__EUlF4a__inputGroup__addon[data-align="inline-end"] {
  order: 1;
  justify-content: center;
  padding-right: .5rem;
}

.input-group-module__EUlF4a__inputGroup__addon[data-align="block-start"] {
  order: -1;
  justify-content: flex-start;
  width: 100%;
  padding: .5rem .625rem .375rem;
}

.input-group-module__EUlF4a__inputGroup__addon[data-align="block-end"] {
  order: 1;
  justify-content: flex-start;
  width: 100%;
  padding: .375rem .625rem .5rem;
}

.input-group-module__EUlF4a__inputGroup__text {
  color: var(--muted-foreground);
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  display: flex;
}

.input-group-module__EUlF4a__inputGroup__text svg:not([class*="size-"]) {
  pointer-events: none;
  width: 1rem;
  height: 1rem;
}

.input-group-module__EUlF4a__inputGroup__control {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: 1;
}

.input-group-module__EUlF4a__inputGroup__control--textarea {
  resize: none;
}

/* [project]/src/components/ui/input.module.css [app-client] (css) */
.input-module__7BXsdW__input {
  color: #1a1a1a;
  background: #fff;
  border: none;
  border-radius: 12px;
  outline: none;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  font-size: .8125rem;
  line-height: 1.4;
  transition: box-shadow .15s;
  display: flex;
}

.input-module__7BXsdW__input::placeholder {
  color: #9ca3af;
}

.input-module__7BXsdW__input:hover:not(:disabled):not(:focus-visible) {
  border-color: var(--ui-border-strong);
}

.input-module__7BXsdW__input:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}

.input-module__7BXsdW__input[aria-invalid="true"] {
  box-shadow: 0 0 0 2px color-mix(in oklch, var(--destructive) 25%, transparent);
}

.input-module__7BXsdW__input:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: .7;
  background: var(--muted);
}

.input-module__7BXsdW__input::file-selector-button {
  color: var(--foreground);
  background: none;
  border: 0;
  margin-right: .5rem;
  font-size: .8125rem;
  font-weight: 600;
}

/* [project]/src/components/ui/label.module.css [app-client] (css) */
.label-module__WeEVDq__label {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: .5rem;
  font-size: .75rem;
  line-height: 1;
  display: flex;
}

[data-disabled="true"] .label-module__WeEVDq__label {
  opacity: .5;
  pointer-events: none;
}

.label-module__WeEVDq__label:has( + [disabled]) {
  opacity: .5;
  pointer-events: none;
}

.label-module__WeEVDq__label:has( + [aria-disabled="true"]) {
  opacity: .5;
  pointer-events: none;
}

/* [project]/src/components/ui/popover.module.css [app-client] (css) */
.popover-module__0E79Uq__popover__content {
  z-index: 50;
  width: 18rem;
  max-width: var(--radix-popover-content-available-width, calc(100vw - 24px));
  max-height: var(--radix-popover-content-available-height, calc(100dvh - 24px));
  overscroll-behavior: contain;
  border-radius: var(--overlay-radius);
  border: 1px solid var(--overlay-border);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: var(--overlay-shadow);
  transform-origin: var(--radix-popover-content-transform-origin);
  outline: none;
  overflow-y: auto;
}

/* [project]/src/components/ui/select.module.css [app-client] (css) */
.select-module__CpdUNG__select__group {
  scroll-margin-block: .25rem;
}

.select-module__CpdUNG__select__trigger {
  border: 1px solid var(--input);
  width: fit-content;
  color: var(--foreground);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border-radius: .375rem;
  outline: none;
  justify-content: space-between;
  align-items: center;
  gap: .375rem;
  padding-block: .5rem;
  padding-inline: .625rem .5rem;
  font-size: .75rem;
  transition: border-color .15s;
  display: inline-flex;
}

.select-module__CpdUNG__select__trigger:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}

.select-module__CpdUNG__select__trigger[data-placeholder] {
  color: var(--muted-foreground);
}

.select-module__CpdUNG__select__trigger[aria-invalid="true"] {
  border-color: var(--destructive);
}

.select-module__CpdUNG__select__trigger:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.select-module__CpdUNG__select__trigger[data-size="default"] {
  min-height: 2rem;
}

.select-module__CpdUNG__select__trigger[data-size="sm"] {
  min-height: 1.75rem;
}

.select-module__CpdUNG__select__trigger [data-slot="select-value"] {
  line-clamp: 1;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.select-module__CpdUNG__select__trigger svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}

.select-module__CpdUNG__select__content {
  z-index: 50;
  min-width: var(--radix-select-trigger-width);
  max-height: var(--radix-select-content-available-height);
  border: .5px solid var(--line-soft);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  color: var(--popover-foreground);
  transform-origin: var(--radix-select-content-transform-origin);
  background: #fffffffa;
  border-radius: .6875rem;
  padding: 5px 8px;
  position: relative;
  overflow: hidden auto;
  box-shadow: 0 8px 24px -4px #00000014, 0 2px 8px -2px #0000000a;
}

.select-module__CpdUNG__select__viewport[data-position="popper"] {
  height: var(--radix-select-trigger-height);
  width: 100%;
  min-width: 0;
}

.select-module__CpdUNG__select__label {
  color: var(--muted-foreground);
  padding: .5rem;
  font-size: .75rem;
}

.select-module__CpdUNG__select__item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: .5rem;
  outline: none;
  align-items: center;
  gap: .5rem;
  width: 100%;
  margin-block: 1px;
  padding-block: 9px;
  padding-inline: 30px 10px;
  font-size: .8125rem;
  font-weight: 500;
  transition: background .12s;
  display: flex;
  position: relative;
}

.select-module__CpdUNG__select__item[data-highlighted]:not([data-state="checked"]):not([data-state="indeterminate"]), .select-module__CpdUNG__select__item:focus:not([data-state="checked"]):not([data-state="indeterminate"]) {
  color: inherit;
  background: #0f0e0c0d;
}

.select-module__CpdUNG__select__item[data-state="checked"], .select-module__CpdUNG__select__item[data-state="indeterminate"] {
  color: var(--brand-indigo);
  background: #4f46e51a;
  font-weight: 600;
}

.select-module__CpdUNG__select__item[data-disabled] {
  pointer-events: none;
  opacity: .5;
}

.select-module__CpdUNG__select__item svg:not([class*="size-"]) {
  width: 1rem;
  height: 1rem;
}

.select-module__CpdUNG__select__separator {
  pointer-events: none;
  background: var(--border);
  height: 1px;
  margin-inline: -.25rem;
}

.select-module__CpdUNG__select__scrollButton {
  z-index: 10;
  cursor: default;
  background: var(--popover);
  justify-content: center;
  align-items: center;
  padding-block: .25rem;
  display: flex;
}

.select-module__CpdUNG__select__scrollButton svg:not([class*="size-"]) {
  width: 1rem;
  height: 1rem;
}

.select-module__CpdUNG__select__icon {
  color: var(--muted-foreground);
}

.select-module__CpdUNG__select__itemIndicator {
  pointer-events: none;
  inset-inline-start: .5rem;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.select-module__CpdUNG__select__itemBody {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.select-module__CpdUNG__select__itemDescription {
  color: var(--muted-foreground);
  margin-top: 2px;
  font-size: .6875rem;
  line-height: 1.4;
}

.select-module__CpdUNG__select__checkIcon {
  pointer-events: none;
}

/* [project]/src/components/ui/separator.module.css [app-client] (css) */
.separator-module__ur5yVa__separator {
  background: var(--border);
  flex-shrink: 0;
}

.separator-module__ur5yVa__separator[data-orientation="horizontal"] {
  width: 100%;
  height: 1px;
}

.separator-module__ur5yVa__separator[data-orientation="vertical"] {
  align-self: stretch;
  width: 1px;
}

/* [project]/src/components/ui/field.module.css [app-client] (css) */
.field-module__3papsG__fieldSet {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

:is(.field-module__3papsG__fieldSet:has( > [data-slot="checkbox-group"]), .field-module__3papsG__fieldSet:has( > [data-slot="radio-group"])) {
  gap: .75rem;
}

.field-module__3papsG__fieldLegend {
  margin-bottom: .625rem;
  font-weight: 500;
}

.field-module__3papsG__fieldLegend[data-variant="label"] {
  font-size: .75rem;
}

.field-module__3papsG__fieldLegend[data-variant="legend"] {
  font-size: .875rem;
}

.field-module__3papsG__fieldGroup {
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  display: flex;
}

.field-module__3papsG__fieldGroup[data-slot="checkbox-group"] {
  gap: .75rem;
}

.field-module__3papsG__fieldGroup > [data-slot="field-group"] {
  gap: 1rem;
}

.field-module__3papsG__field {
  gap: .5rem;
  width: 100%;
  display: flex;
}

.field-module__3papsG__field[data-invalid="true"] {
  color: var(--destructive);
}

.field-module__3papsG__field[data-orientation="vertical"] {
  flex-direction: column;
}

.field-module__3papsG__field[data-orientation="vertical"] > * {
  width: 100%;
}

.field-module__3papsG__field[data-orientation="vertical"] > .sr-only {
  width: auto;
}

.field-module__3papsG__field[data-orientation="horizontal"] {
  flex-direction: row;
  align-items: center;
}

.field-module__3papsG__field[data-orientation="horizontal"] > [data-slot="field-label"] {
  flex: 1;
}

.field-module__3papsG__field[data-orientation="responsive"] {
  flex-direction: column;
}

.field-module__3papsG__field[data-orientation="responsive"] > * {
  width: 100%;
}

@media (min-width: 768px) {
  .field-module__3papsG__field[data-orientation="responsive"] {
    flex-direction: row;
    align-items: center;
  }

  .field-module__3papsG__field[data-orientation="responsive"] > * {
    width: auto;
  }

  .field-module__3papsG__field[data-orientation="responsive"] > [data-slot="field-label"] {
    flex: 1;
  }
}

.field-module__3papsG__fieldContent {
  flex-direction: column;
  flex: 1;
  gap: .125rem;
  line-height: 1.4;
  display: flex;
}

.field-module__3papsG__fieldLabel {
  align-items: center;
  gap: .5rem;
  width: fit-content;
  line-height: 1.4;
  display: flex;
}

.field-module__3papsG__fieldTitle {
  align-items: center;
  gap: .5rem;
  width: fit-content;
  font-size: .75rem;
  line-height: 1.625;
  display: flex;
}

.field-module__3papsG__fieldDescription {
  color: var(--muted-foreground);
  text-align: left;
  margin: 0;
  font-size: .75rem;
  line-height: 1.625;
}

.field-module__3papsG__fieldDescription[data-variant="legend"] + .field-module__3papsG__fieldDescription {
  margin-top: -.375rem;
}

.field-module__3papsG__fieldDescription > a {
  text-underline-offset: 4px;
  text-decoration: underline;
}

.field-module__3papsG__fieldDescription > a:hover {
  color: var(--primary);
}

.field-module__3papsG__fieldSeparator {
  height: 1.25rem;
  margin-block: -.5rem;
  font-size: .75rem;
  position: relative;
}

.field-module__3papsG__fieldSeparator__line {
  position: absolute;
  inset: 50% 0 0;
}

.field-module__3papsG__fieldSeparator__content {
  background: var(--background);
  width: fit-content;
  color: var(--muted-foreground);
  margin-inline: auto;
  padding-inline: .5rem;
  display: block;
  position: relative;
}

.field-module__3papsG__fieldError {
  color: var(--destructive);
  font-size: .75rem;
  font-weight: 400;
}

.field-module__3papsG__fieldError__list {
  flex-direction: column;
  gap: .25rem;
  margin: 0 0 0 1rem;
  list-style: outside;
  display: flex;
}

/* [project]/src/components/ui/textarea.module.css [app-client] (css) */
.textarea-module__BRUfQa__textarea {
  width: 100%;
  min-height: 5rem;
  color: var(--foreground);
  resize: vertical;
  background: #ffffffbf;
  border: none;
  border-radius: 12px;
  outline: none;
  padding: .75rem 1rem;
  font-size: .8125rem;
  line-height: 1.5;
  transition: border-color .15s, background-color .15s;
  display: flex;
}

.textarea-module__BRUfQa__textarea::placeholder {
  color: var(--muted-foreground);
}

.textarea-module__BRUfQa__textarea:hover:not(:disabled):not(:focus-visible) {
  border-color: var(--ui-border-strong);
}

.textarea-module__BRUfQa__textarea:focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ui-focus-ring);
}

.textarea-module__BRUfQa__textarea[aria-invalid="true"] {
  box-shadow: 0 0 0 2px color-mix(in oklch, var(--destructive) 25%, transparent);
}

.textarea-module__BRUfQa__textarea:disabled {
  cursor: not-allowed;
  opacity: .7;
  background: var(--muted);
}

/* [project]/src/components/course-ui/page-templates/families/action-plan/action-plan-templates.module.css [app-client] (css) */
.action-plan-templates-module__xVZdKq__surface {
  width: 100%;
  color: var(--ctx-fg, var(--foreground));
  background: var(--preview-background, var(--background));
  padding-bottom: 4rem;
}

.action-plan-templates-module__xVZdKq__surface [class~="module-info-page__content"] {
  padding-bottom: 4rem;
}

.action-plan-templates-module__xVZdKq__surface [class~="module-info-page__content-inner"] {
  width: min(100%, 51rem);
  max-width: 51rem;
  margin-inline: auto;
}

.action-plan-templates-module__xVZdKq__sourceHeader {
  text-align: center;
  justify-items: center;
  gap: .75rem;
  margin-bottom: 2rem;
  padding-top: 8rem;
  display: grid;
}

.action-plan-templates-module__xVZdKq__eyebrow {
  color: var(--ctx-fg-muted, var(--muted-foreground));
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.2;
}

.action-plan-templates-module__xVZdKq__title {
  max-width: 26ch;
  color: var(--ctx-fg, var(--foreground));
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(2rem, 3.3vw, 2.75rem);
  font-weight: 800;
  line-height: 1.05;
}

.action-plan-templates-module__xVZdKq__introduction {
  max-width: 48rem;
  color: var(--ctx-fg-muted, var(--muted-foreground));
  margin: 0;
  font-size: clamp(.98rem, 1.35vw, 1.08rem);
  line-height: 1.55;
}

.action-plan-templates-module__xVZdKq__planCard {
  gap: .7rem;
  display: grid;
}

.action-plan-templates-module__xVZdKq__commitmentGrid {
  gap: .6rem;
  display: grid;
}

.action-plan-templates-module__xVZdKq__commitment {
  white-space: normal;
  border-color: var(--border);
  border-radius: var(--radius-lg);
  height: auto;
  min-height: 4.5rem;
  color: var(--background);
  background: var(--ctx-fg, var(--foreground));
  text-align: left;
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: stretch;
  align-items: center;
  gap: .8rem;
  padding: .85rem 1rem;
  line-height: 1.4;
  display: grid;
}

.action-plan-templates-module__xVZdKq__commitment:not(:disabled):hover, .action-plan-templates-module__xVZdKq__commitment:not(:disabled):focus-visible {
  border-color: var(--primary);
  background: var(--primary);
  color: var(--primary-foreground);
}

.action-plan-templates-module__xVZdKq__commitment[aria-pressed="true"] {
  border-color: var(--primary);
  color: var(--primary-foreground);
  background: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
}

.action-plan-templates-module__xVZdKq__commitment > span:last-child, .action-plan-templates-module__xVZdKq__builderOption {
  min-width: 0;
}

.action-plan-templates-module__xVZdKq__commitment strong, .action-plan-templates-module__xVZdKq__commitment small, .action-plan-templates-module__xVZdKq__builderOption small {
  display: block;
}

.action-plan-templates-module__xVZdKq__commitment strong {
  font-weight: 750;
}

.action-plan-templates-module__xVZdKq__commitment small, .action-plan-templates-module__xVZdKq__builderOption small {
  color: var(--muted-foreground);
  margin-top: .35rem;
  font-size: .76rem;
  line-height: 1.4;
}

.action-plan-templates-module__xVZdKq__commitment small {
  color: var(--background);
  opacity: .72;
}

.action-plan-templates-module__xVZdKq__commitment[aria-pressed="true"] small {
  color: var(--primary-foreground);
  opacity: .8;
}

.action-plan-templates-module__xVZdKq__selectionMark {
  border: 1px solid var(--background);
  border-radius: var(--radius-sm);
  width: 1.7rem;
  height: 1.7rem;
  color: var(--background);
  opacity: .8;
  background: none;
  place-items: center;
  font-size: .72rem;
  font-weight: 800;
  display: grid;
}

.action-plan-templates-module__xVZdKq__commitment[aria-pressed="true"] .action-plan-templates-module__xVZdKq__selectionMark {
  border-color: var(--primary-foreground);
  color: var(--primary);
  background: var(--primary-foreground);
  opacity: 1;
}

.action-plan-templates-module__xVZdKq__selectionMark svg {
  width: 1rem;
  height: 1rem;
}

.action-plan-templates-module__xVZdKq__ownWords {
  color: var(--ctx-fg-muted, var(--muted-foreground));
  text-align: center;
}

.action-plan-templates-module__xVZdKq__ownWords > summary {
  cursor: pointer;
  margin: .3rem auto;
  font-size: .86rem;
  line-height: 1.45;
  list-style: none;
  display: inline-block;
}

.action-plan-templates-module__xVZdKq__ownWords > summary::-webkit-details-marker {
  display: none;
}

.action-plan-templates-module__xVZdKq__ownWords > summary:after {
  content: " +";
  color: var(--primary);
  font-weight: 800;
}

.action-plan-templates-module__xVZdKq__ownWords[open] > summary:after {
  content: " −";
}

.action-plan-templates-module__xVZdKq__ownWords > [data-slot="field"] {
  text-align: left;
  margin-top: .5rem;
}

.action-plan-templates-module__xVZdKq__saveRow {
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  display: flex;
}

.action-plan-templates-module__xVZdKq__selectionCount {
  color: var(--ctx-fg-muted, var(--muted-foreground));
  font-size: .82rem;
}

.action-plan-templates-module__xVZdKq__confirmation {
  border: 1px solid var(--primary);
  border-radius: var(--radius-lg);
  color: var(--ctx-fg, var(--foreground));
  background: var(--accent);
  align-items: flex-start;
  gap: .65rem;
  padding: .9rem 1rem;
  line-height: 1.5;
  display: flex;
}

.action-plan-templates-module__xVZdKq__confirmation svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--primary);
  flex: none;
}

.action-plan-templates-module__xVZdKq__builderColumns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.action-plan-templates-module__xVZdKq__optionGroup {
  border: 0;
  gap: .6rem;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.action-plan-templates-module__xVZdKq__optionGroup legend {
  color: var(--ctx-fg, var(--foreground));
  margin-bottom: .35rem;
  font-weight: 800;
}

.action-plan-templates-module__xVZdKq__builderOption {
  white-space: normal;
  border-color: var(--border);
  border-radius: var(--radius-lg);
  width: 100%;
  height: auto;
  min-height: 3.55rem;
  color: var(--ctx-fg, var(--foreground));
  background: var(--card);
  text-align: left;
  padding: .8rem 1rem;
  line-height: 1.4;
  display: block;
}

.action-plan-templates-module__xVZdKq__builderOption:hover, .action-plan-templates-module__xVZdKq__builderOption:focus-visible {
  border-color: var(--primary);
  background: var(--accent);
}

.action-plan-templates-module__xVZdKq__builderOption[aria-pressed="true"] {
  border-color: var(--ctx-fg, var(--foreground));
  color: var(--background);
  background: var(--ctx-fg, var(--foreground));
  box-shadow: inset 0 0 0 1px var(--ctx-fg, var(--foreground));
}

.action-plan-templates-module__xVZdKq__builderOption[aria-pressed="true"] small {
  color: var(--background);
  opacity: .72;
}

.action-plan-templates-module__xVZdKq__sentencePreview {
  border-radius: var(--radius-lg);
  color: var(--ctx-fg, var(--foreground));
  background: var(--card);
  box-shadow: var(--ui-shadow-soft);
  text-align: center;
  padding: 1.1rem 1.2rem;
  display: block;
}

.action-plan-templates-module__xVZdKq__sentencePreview p {
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  font-weight: 700;
  line-height: 1.45;
}

.action-plan-templates-module__xVZdKq__editorForm {
  width: 100%;
}

.action-plan-templates-module__xVZdKq__productionSurface.action-plan-templates-module__xVZdKq__productionSurface {
  --plan-paper: var(--preview-background, #f4f2ec);
  --plan-ink: var(--preview-background-foreground, var(--foreground));
  --plan-muted: var(--preview-background-muted-foreground, var(--muted-foreground));
  --plan-accent: var(--preview-brand-main, var(--primary));
  --plan-on-accent: var(--preview-brand-main-readable-foreground, var(--primary-foreground));
  --plan-card: var(--preview-card, #fff);
  background: var(--plan-paper);
  min-height: 100dvh;
  color: var(--plan-ink);
  font-family: var(--course-body-font, var(--preview-font-family));
  flex-direction: column;
  flex: 1 0 auto;
  padding: 0;
  display: flex;
}

.action-plan-templates-module__xVZdKq__productionSurface.action-plan-templates-module__xVZdKq__productionSurface [class~="module-info-page__content"] {
  flex: 1 0 auto;
  align-items: center;
  padding: 6rem 2rem;
  display: flex;
}

.action-plan-templates-module__xVZdKq__productionSurface.action-plan-templates-module__xVZdKq__productionSurface [class~="module-info-page__content-inner"] {
  width: 100%;
  max-width: 51.25rem;
  margin-inline: auto;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__sourceHeader {
  gap: .75rem;
  margin-bottom: 1.875rem;
  padding-top: 0;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__eyebrow {
  color: var(--plan-muted);
  letter-spacing: .18em;
  font-size: .8125rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__title {
  color: var(--plan-ink);
  letter-spacing: -.025em;
  font-size: clamp(2rem, 3vw, 2.5rem);
  line-height: 1.15;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__introduction {
  max-width: 38rem;
  color: var(--plan-muted);
  font-size: 1.0625rem;
  line-height: 1.6;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment {
  border-radius: calc(var(--preview-radius, var(--radius)) * 1.8);
  min-height: 4.5rem;
  color: var(--plan-ink);
  background: var(--plan-card);
  border-width: 2px;
  border-color: var(--border);
  box-shadow: none;
  gap: .875rem;
  padding: 1.125rem 1.625rem;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment strong {
  font-size: 1rem;
  font-weight: 500;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment small {
  color: inherit;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment[aria-pressed="false"]:not(:disabled):hover {
  background: var(--plan-card);
  color: var(--plan-ink);
  border-color: var(--plan-accent);
  box-shadow: none;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment[aria-pressed="true"] {
  background: var(--plan-accent);
  color: var(--plan-on-accent);
  border-color: var(--plan-accent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--plan-accent) 35%, transparent);
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__selectionMark {
  border-radius: calc(var(--preview-radius, var(--radius)) * .6);
  width: 1.875rem;
  height: 1.875rem;
  color: inherit;
  opacity: .6;
  border-width: 2px;
  border-color: currentColor;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment[aria-pressed="true"] .action-plan-templates-module__xVZdKq__selectionMark {
  background: var(--plan-on-accent);
  color: var(--plan-accent);
  border-color: var(--plan-on-accent);
  opacity: 1;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__ownWords {
  color: var(--plan-muted);
  order: 3;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__ownWords summary {
  font-size: .9375rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__saveRow {
  margin-top: .5rem;
  position: relative;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__selectionCount {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.action-plan-templates-module__xVZdKq__productionSurface [data-save-action] {
  border-radius: var(--radius-4xl);
  background: var(--plan-accent);
  min-height: 3rem;
  color: var(--plan-on-accent);
  white-space: normal;
  padding: .75rem 2.125rem;
  font-size: 1rem;
  font-weight: 700;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__confirmation {
  border-radius: calc(var(--preview-radius, var(--radius)) * 1.4);
  border-color: color-mix(in srgb, var(--plan-accent) 40%, var(--plan-paper));
  color: var(--plan-ink);
  background: var(--plan-card);
  order: 4;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__confirmation + button {
  margin-top: .75rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__builderColumns {
  gap: 1.25rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__optionGroup legend {
  color: var(--plan-ink);
  font-size: 1.0625rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__builderOption {
  --plan-ink: var(--preview-card-foreground, var(--foreground));
  --plan-muted: var(--preview-card-muted-foreground, var(--muted-foreground));
  border-radius: calc(var(--preview-radius, var(--radius)) * 1.4);
  min-height: 3.25rem;
  color: var(--plan-ink);
  background: var(--plan-card);
  font-size: 1rem;
  font-weight: 400;
  transition: background-color .15s, color .15s, border-color .15s;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__builderOption:not(:disabled):hover {
  border-color: var(--plan-ink);
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__builderOption[aria-pressed="true"] {
  color: var(--plan-card);
  background: var(--plan-ink);
  border-color: var(--plan-ink);
  box-shadow: none;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__sentencePreview {
  color: var(--plan-ink);
  background: var(--plan-card);
  border-radius: calc(var(--preview-radius, var(--radius)) * 1.8);
  margin-top: .55rem;
  padding: 1.35rem 1.25rem;
}

.action-plan-templates-module__xVZdKq__sentenceChoice {
  text-decoration-line: underline;
  -webkit-text-decoration-color: var(--plan-accent, var(--primary));
  text-decoration-color: var(--plan-accent, var(--primary));
  text-underline-offset: .3em;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 3px;
}

.action-plan-templates-module__xVZdKq__productionSurface button:focus-visible, .action-plan-templates-module__xVZdKq__productionSurface summary:focus-visible {
  outline: 3px solid var(--plan-accent);
  outline-offset: 4px;
}

@media (max-width: 560px) {
  .action-plan-templates-module__xVZdKq__productionSurface.action-plan-templates-module__xVZdKq__productionSurface [class~="module-info-page__content"] {
    padding: 4.5rem 1.25rem;
  }

  .action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment {
    padding: 1rem;
  }
}

@media (max-width: 820px) {
  .action-plan-templates-module__xVZdKq__builderColumns {
    grid-template-columns: 1fr;
  }

  .action-plan-templates-module__xVZdKq__commitment {
    min-height: auto;
  }
}

@media (max-width: 560px) {
  .action-plan-templates-module__xVZdKq__sourceHeader {
    padding-top: 4rem;
  }

  .action-plan-templates-module__xVZdKq__saveRow {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: reduce) {
  .action-plan-templates-module__xVZdKq__commitment, .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__commitment, .action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__builderOption {
    --plan-ink: var(--preview-card-foreground, var(--foreground));
    --plan-muted: var(--preview-card-muted-foreground, var(--muted-foreground));
    transition: none;
  }
}

.action-plan-templates-module__xVZdKq__habitBuilder {
  gap: 1.5rem;
  max-width: 48rem;
  margin-inline: auto;
}

.action-plan-templates-module__xVZdKq__habitSuggestions {
  border: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  min-width: 0;
  padding: 0;
  display: grid;
}

.action-plan-templates-module__xVZdKq__habitSuggestions legend {
  color: var(--plan-muted);
  margin-bottom: .75rem;
  font-size: .875rem;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption {
  height: 100%;
  padding: 1rem;
  line-height: 1.5;
}

.action-plan-templates-module__xVZdKq__productionSurface .action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption[aria-pressed="true"] {
  background: var(--preview-brand-main, var(--primary));
  color: var(--preview-brand-main-readable-foreground, var(--primary-foreground));
  border-color: #0000;
}

.action-plan-templates-module__xVZdKq__habitSentence {
  text-align: center;
  text-wrap: balance;
  max-width: 40rem;
  color: var(--plan-muted);
  overflow-wrap: anywhere;
  justify-self: center;
  margin: 0;
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  line-height: 1.5;
}

.action-plan-templates-module__xVZdKq__habitSentenceReady {
  color: #16704c;
  font-size: clamp(1.4rem, 2.8vw, 1.85rem);
  font-weight: 500;
  animation: .6s cubic-bezier(.22, 1, .36, 1) both action-plan-templates-module__xVZdKq__habit-sentence-in;
}

@keyframes action-plan-templates-module__xVZdKq__habit-sentence-in {
  from {
    opacity: .35;
    transform: translateY(8px)scale(.96);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .action-plan-templates-module__xVZdKq__habitSentenceReady {
    animation: none;
  }
}

@media (max-width: 640px) {
  .action-plan-templates-module__xVZdKq__habitSuggestions {
    grid-template-columns: 1fr;
  }
}

.action-plan-templates-module__xVZdKq__choiceHint {
  text-align: center;
  color: var(--plan-muted);
  margin: 0 0 .5rem;
  line-height: 1.5;
}

.action-plan-templates-module__xVZdKq__choiceSelected {
  border-left: 3px solid var(--plan-accent);
  color: var(--plan-ink);
  margin: 0;
  padding: .75rem 1rem;
  line-height: 1.5;
}

.action-plan-templates-module__xVZdKq__habitConfirmed {
  margin-bottom: .5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  display: block;
}

.action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment) {
  --habit-tilt: -1deg;
  transform-origin: bottom;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1.2), box-shadow .22s, border-color .18s, background-color .18s, color .18s;
}

.action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):nth-of-type(2) {
  --habit-tilt: .7deg;
}

.action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):nth-of-type(3) {
  --habit-tilt: -.6deg;
}

@media (hover: hover) and (pointer: fine) {
  .action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):not(:disabled):hover {
    transform: translateY(-5px) rotate(var(--habit-tilt));
    border-color: var(--preview-brand-main, var(--primary));
    box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--preview-brand-main, var(--primary)) 30%, transparent);
  }
}

.action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):not(:disabled):focus-visible {
  outline: 2px solid var(--preview-brand-main, var(--primary));
  outline-offset: 4px;
}

.action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):not(:disabled):active {
  box-shadow: none;
  transform: translateY(1px)scale(.98);
}

@media (prefers-reduced-motion: reduce) {
  .action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment) {
    transition: none;
  }

  .action-plan-templates-module__xVZdKq__productionSurface :is(.action-plan-templates-module__xVZdKq__habitSuggestions .action-plan-templates-module__xVZdKq__builderOption, .action-plan-templates-module__xVZdKq__commitmentGrid .action-plan-templates-module__xVZdKq__commitment):not(:disabled):is(:hover, :active) {
    transform: none;
  }
}

/* [project]/src/components/course-ui/page-templates/families/fixed-family-template.module.css [app-client] (css) */
.fixed-family-template-module__nyumfq__surface {
  width: 100%;
}

.fixed-family-template-module__nyumfq__frame {
  flex-direction: column;
  gap: clamp(1rem, 2.2vw, 1.75rem);
  width: 100%;
  display: flex;
}

.fixed-family-template-module__nyumfq__intro {
  max-width: 54rem;
  color: var(--ctx-fg-muted);
  margin: 0;
  font-size: clamp(.95rem, 1.4vw, 1.1rem);
  line-height: 1.65;
}

.fixed-family-template-module__nyumfq__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__gridTwo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__card, .fixed-family-template-module__nyumfq__metric, .fixed-family-template-module__nyumfq__scenario, .fixed-family-template-module__nyumfq__definition, .fixed-family-template-module__nyumfq__comparisonColumn {
  border: 1px solid var(--ctx-border);
  border-radius: var(--radius-xl);
  background: var(--ctx-bg);
  box-shadow: var(--ctx-shadow-soft);
  position: relative;
  overflow: hidden;
}

.fixed-family-template-module__nyumfq__card {
  min-height: 11.5rem;
  padding: clamp(1.1rem, 2.3vw, 1.75rem);
}

.fixed-family-template-module__nyumfq__card:before {
  background: var(--ctx-accent);
  content: "";
  width: .28rem;
  position: absolute;
  inset: 0 auto 0 0;
}

.fixed-family-template-module__nyumfq__card:nth-child(2):before {
  opacity: .7;
}

.fixed-family-template-module__nyumfq__card:nth-child(3):before {
  opacity: .45;
}

.fixed-family-template-module__nyumfq__cardTitle, .fixed-family-template-module__nyumfq__metricLabel, .fixed-family-template-module__nyumfq__featureLabel, .fixed-family-template-module__nyumfq__comparisonTitle {
  color: var(--ctx-fg);
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

.fixed-family-template-module__nyumfq__cardText, .fixed-family-template-module__nyumfq__featureText, .fixed-family-template-module__nyumfq__body, .fixed-family-template-module__nyumfq__scenarioText {
  color: var(--ctx-fg-muted);
  margin: .7rem 0 0;
  font-size: .92rem;
  line-height: 1.55;
}

.fixed-family-template-module__nyumfq__callout {
  border: 1px solid color-mix(in srgb, var(--ctx-accent) 28%, transparent);
  border-radius: var(--radius-lg);
  color: var(--ctx-fg);
  background: color-mix(in srgb, var(--ctx-accent) 10%, var(--ctx-bg));
  align-items: flex-start;
  gap: .8rem;
  padding: 1rem 1.1rem;
  font-size: .9rem;
  line-height: 1.55;
  display: flex;
}

.fixed-family-template-module__nyumfq__calloutMark {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--ctx-accent-fg);
  background: var(--ctx-accent);
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-size: .75rem;
  font-weight: 800;
  display: grid;
}

.fixed-family-template-module__nyumfq__helper {
  color: var(--ctx-fg-muted);
  margin: -.65rem 0 0;
  font-size: .78rem;
  line-height: 1.45;
}

.fixed-family-template-module__nyumfq__definition {
  grid-template-columns: minmax(11rem, .7fr) minmax(0, 1.3fr);
  align-items: stretch;
  display: grid;
}

.fixed-family-template-module__nyumfq__definitionTerm {
  color: var(--ctx-accent-fg);
  background: var(--ctx-accent);
  align-items: center;
  padding: clamp(1.25rem, 3vw, 2rem);
  font-size: clamp(1.3rem, 2.8vw, 2rem);
  font-weight: 750;
  line-height: 1.12;
  display: flex;
}

.fixed-family-template-module__nyumfq__definitionCopy {
  flex-direction: column;
  justify-content: center;
  gap: .85rem;
  padding: clamp(1.25rem, 3vw, 2rem);
  display: flex;
}

.fixed-family-template-module__nyumfq__definitionCopy p {
  color: var(--ctx-fg);
  margin: 0;
  line-height: 1.55;
}

.fixed-family-template-module__nyumfq__definitionCopy p + p {
  color: var(--ctx-fg-muted);
}

.fixed-family-template-module__nyumfq__featureList {
  gap: .75rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__feature {
  border-bottom: 1px solid var(--ctx-border);
  grid-template-columns: 8.5rem minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  padding: 0 0 .8rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__feature:last-child {
  border-bottom: 0;
}

.fixed-family-template-module__nyumfq__featureText {
  margin: 0;
}

.fixed-family-template-module__nyumfq__metricRow {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 1rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__metric {
  text-align: center;
  min-height: 8rem;
  padding: 1.25rem;
}

.fixed-family-template-module__nyumfq__metric:first-child {
  background: color-mix(in srgb, var(--ctx-accent) 8%, var(--ctx-bg));
  flex-direction: column;
  grid-row: span 2;
  justify-content: center;
  min-height: 17rem;
  display: flex;
}

.fixed-family-template-module__nyumfq__metricValue {
  color: var(--ctx-accent);
  letter-spacing: -.06em;
  margin-bottom: .45rem;
  font-size: clamp(2.2rem, 5vw, 4rem);
  font-weight: 800;
  line-height: 1;
  display: block;
}

.fixed-family-template-module__nyumfq__metricContext {
  color: var(--ctx-fg-muted);
  margin: .55rem auto 0;
  font-size: .8rem;
  line-height: 1.45;
}

.fixed-family-template-module__nyumfq__comparison {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.fixed-family-template-module__nyumfq__comparisonColumn {
  padding: 1.25rem;
}

.fixed-family-template-module__nyumfq__comparisonColumn[data-tone="after"] {
  border-color: color-mix(in srgb, var(--ctx-accent) 42%, transparent);
  background: color-mix(in srgb, var(--ctx-accent) 9%, var(--ctx-bg));
}

.fixed-family-template-module__nyumfq__comparisonList {
  gap: .75rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.fixed-family-template-module__nyumfq__comparisonItem {
  color: var(--ctx-fg-muted);
  gap: .65rem;
  font-size: .88rem;
  line-height: 1.5;
  display: flex;
}

.fixed-family-template-module__nyumfq__comparisonItem:before {
  color: var(--ctx-accent);
  content: "•";
  font-weight: 800;
}

.fixed-family-template-module__nyumfq__scenario {
  background: color-mix(in srgb, var(--ctx-accent) 7%, var(--ctx-bg));
  padding: clamp(1.15rem, 2.5vw, 1.7rem);
}

.fixed-family-template-module__nyumfq__scenarioLabel {
  color: var(--ctx-accent);
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: .45rem;
  font-size: .72rem;
  font-weight: 800;
  display: block;
}

.fixed-family-template-module__nyumfq__scenarioText {
  color: var(--ctx-fg);
  margin: 0;
  font-size: clamp(.95rem, 1.4vw, 1.08rem);
}

.fixed-family-template-module__nyumfq__mediaSplit {
  grid-template-columns: minmax(0, 1.2fr) minmax(16rem, .8fr);
  align-items: stretch;
  gap: clamp(1.25rem, 3vw, 2.5rem);
  display: grid;
}

.fixed-family-template-module__nyumfq__contentColumn {
  min-width: 0;
}

.fixed-family-template-module__nyumfq__mediaPortrait, .fixed-family-template-module__nyumfq__mediaBand {
  border-radius: var(--radius-xl);
  background: color-mix(in srgb, var(--ctx-fg) 6%, var(--ctx-bg));
  box-shadow: var(--ctx-shadow-soft);
  margin: 0;
  position: relative;
  overflow: hidden;
}

.fixed-family-template-module__nyumfq__mediaPortrait {
  min-height: 31rem;
}

.fixed-family-template-module__nyumfq__mediaBand {
  aspect-ratio: 16 / 9;
}

.fixed-family-template-module__nyumfq__mediaImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fixed-family-template-module__nyumfq__blockScope {
  width: 100%;
}

.fixed-family-template-module__nyumfq__supplemental {
  gap: 1rem;
  padding-top: .5rem;
  display: grid;
}

@media (max-width: 760px) {
  .fixed-family-template-module__nyumfq__grid, .fixed-family-template-module__nyumfq__gridTwo, .fixed-family-template-module__nyumfq__metricRow, .fixed-family-template-module__nyumfq__comparison, .fixed-family-template-module__nyumfq__definition, .fixed-family-template-module__nyumfq__mediaSplit {
    grid-template-columns: 1fr;
  }

  .fixed-family-template-module__nyumfq__card, .fixed-family-template-module__nyumfq__metric, .fixed-family-template-module__nyumfq__metric:first-child {
    min-height: auto;
  }

  .fixed-family-template-module__nyumfq__metric:first-child {
    grid-row: auto;
  }

  .fixed-family-template-module__nyumfq__mediaPortrait {
    aspect-ratio: 16 / 9;
    min-height: auto;
  }

  .fixed-family-template-module__nyumfq__feature {
    grid-template-columns: 1fr;
    gap: .3rem;
  }
}

/* [project]/src/components/course-ui/page-templates/families/check-in/check-in-templates.module.css [app-client] (css) */
.check-in-templates-module__QCU1iW__surface {
  --ctx-fg: var(--preview-background-foreground, var(--foreground));
  --ctx-fg-muted: var(--preview-background-muted-foreground, var(--muted-foreground));
  --ctx-border: var(--preview-background-border, var(--border));
  --family-page-bg: var(--preview-background, #f4f2ec);
  --family-dark-bg: var(--preview-brand-main);
  --family-panel-radius: calc(var(--preview-radius, .625rem) * 2.4);
  --family-answer-radius: calc(var(--preview-radius, .625rem) * 1.6);
  --family-dark-fg: var(--preview-brand-main-foreground, var(--background));
  font-family: var(--course-body-font, var(--preview-font-family));
  background: var(--family-page-bg);
  width: 100%;
  min-height: 0;
  color: var(--ctx-fg, var(--foreground));
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.check-in-templates-module__QCU1iW__surface > [data-slot="fixed-page-template-surface"] {
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 0;
  display: flex;
}

.check-in-templates-module__QCU1iW__surface.check-in-templates-module__QCU1iW__surface .module-info-page__content {
  padding: clamp(1rem, 2.5vh, 1.5rem) 1.25rem
    max(5.5rem, calc(env(safe-area-inset-bottom, 0px) + 1rem));
  flex: 1 0 auto;
  align-items: center;
  min-height: 0;
  display: flex;
}

.check-in-templates-module__QCU1iW__surface.check-in-templates-module__QCU1iW__surface .module-info-page__content-inner {
  gap: 0;
  width: 100%;
  max-width: 51.25rem;
  margin-inline: auto;
}

.check-in-templates-module__QCU1iW__surface.check-in-templates-module__QCU1iW__surface [data-page-family="check-in"] {
  gap: clamp(1rem, 2.5vh, 1.5rem);
  padding-block: 0;
}

.check-in-templates-module__QCU1iW__sourceHeader {
  text-align: center;
  gap: .75rem;
  width: 100%;
  margin: 0;
  display: grid;
}

.check-in-templates-module__QCU1iW__sourceEyebrow {
  color: var(--ctx-fg-muted, var(--muted-foreground));
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 800;
  line-height: 1;
}

.check-in-templates-module__QCU1iW__sourceTitle {
  color: var(--ctx-fg, var(--foreground));
  font-family: var(--course-heading-font, var(--preview-heading-font-family));
  letter-spacing: -.025em;
  text-wrap: balance;
  margin: 0;
  font-size: 2.75rem;
  font-weight: 800;
  line-height: 1.15;
}

.check-in-templates-module__QCU1iW__sourceIntro {
  max-width: 36rem;
  color: var(--ctx-fg-muted, var(--muted-foreground));
  margin: 0 auto;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5;
}

.check-in-templates-module__QCU1iW__blockScope {
  width: 100%;
  margin-inline: auto;
}

.check-in-templates-module__QCU1iW__helper {
  color: var(--ctx-fg-muted, var(--muted-foreground));
  text-align: center;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll {
  color: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  gap: 1.375rem;
  padding: 0;
  display: grid;
}

:is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__head, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__title) {
  display: none;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__question {
  color: inherit;
  text-align: center;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.4;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__options {
  counter-reset: check-in-answer;
  grid-template-columns: minmax(0, 1fr);
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.check-in-templates-module__QCU1iW__blockScope .inline-poll__options li {
  counter-increment: check-in-answer;
}

:is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt) {
  border: 1px solid color-mix(in srgb, var(--family-dark-fg) 30%, transparent);
  border-radius: var(--family-answer-radius);
  background: color-mix(in srgb,
    var(--family-dark-fg) 8%,
    var(--family-dark-bg));
  width: 100%;
  color: var(--family-dark-fg);
  align-items: center;
  gap: .75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-poll__option"]:before, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"]:before {
  border-radius: var(--radius-full, 50%);
  background: var(--family-dark-fg);
  width: 2rem;
  height: 2rem;
  color: var(--family-dark-bg);
  content: counter(check-in-answer, upper-alpha);
  flex: none;
  place-items: center;
  font-size: .875rem;
  font-weight: 800;
  display: grid;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope button:focus-visible {
  outline: 3px solid var(--ctx-accent, var(--ring));
  outline-offset: 4px;
}

:is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option--active, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt[data-selected="true"]) {
  outline: 2px solid var(--family-dark-fg);
  outline-offset: 2px;
}

:is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option:hover, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt:hover:not(:disabled)) {
  background: color-mix(in srgb,
    var(--family-dark-fg) 18%,
    var(--family-dark-bg));
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] {
  --ctx-bg: var(--family-dark-bg);
  --ctx-fg: var(--family-dark-fg);
  --ctx-fg-muted: var(--preview-brand-main-muted-foreground, var(--family-dark-fg));
  --ctx-border: var(--preview-brand-main-border, var(--family-dark-fg));
  border-radius: var(--family-panel-radius);
  background: var(--family-dark-bg);
  color: var(--family-dark-fg);
  box-shadow: 0 20px 40px
    color-mix(in srgb, var(--family-dark-bg) 24%, transparent);
  border: 0;
  gap: 1.25rem;
  padding: 2.25rem;
  display: grid;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1b"] .inline-fillblank {
  --ctx-bg: var(--family-dark-bg);
  --ctx-fg: var(--family-dark-fg);
  --ctx-fg-muted: var(--preview-brand-main-muted-foreground, var(--family-dark-fg));
  --ctx-border: var(--preview-brand-main-border, var(--family-dark-fg));
  border-radius: var(--family-panel-radius);
  background: var(--family-dark-bg);
  color: var(--family-dark-fg);
  box-shadow: 0 20px 40px
    color-mix(in srgb, var(--family-dark-bg) 24%, transparent);
  border: 0;
  gap: 1.25rem;
  padding: 2.25rem;
  display: grid;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] .inline-poll__options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .875rem;
  width: 100%;
  max-width: 30rem;
  margin-inline: auto;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] .inline-poll__option {
  justify-content: center;
  min-height: 4rem;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] .inline-poll__acknowledgement {
  color: var(--family-dark-bg);
  background: var(--family-dark-fg);
  border-radius: var(--radius-lg);
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1b"] .inline-fillblank__instruction {
  color: var(--ctx-fg-muted);
  text-align: center;
  margin: 0;
  font-size: .95rem;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__passage {
  color: inherit;
  text-align: center;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.6;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__blank {
  vertical-align: baseline;
  border: 0;
  border-bottom: 3px solid var(--warning, var(--ctx-accent));
  min-width: 5ch;
  color: inherit;
  font: inherit;
  background: none;
  border-radius: 0;
  margin-inline: .3rem;
  padding: 0;
  line-height: 1.1;
  display: inline-block;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__blank[data-state="empty"] {
  vertical-align: .3em;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__blank[data-state="correct"] {
  border-bottom-color: var(--success, var(--ctx-accent));
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__blank[data-state="wrong"] {
  border-bottom-color: var(--warning, var(--ctx-accent));
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__bank {
  counter-reset: check-in-answer;
  border: 0;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  padding: 0;
  display: flex;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt {
  counter-increment: check-in-answer;
  width: auto;
  min-height: 3.25rem;
  padding: .75rem 1.25rem;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"]:before {
  width: 1.625rem;
  height: 1.625rem;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt:disabled {
  opacity: 1;
  text-decoration: none;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="correct"] {
  background: var(--success);
  border-color: var(--success);
  color: var(--success-content, var(--primary-foreground));
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="incorrect"] {
  background: var(--destructive);
  border-color: var(--destructive);
  color: var(--destructive-foreground, var(--primary-foreground));
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="correct"]:before, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="incorrect"]:before {
  background: var(--card);
  color: var(--card-foreground);
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="correct"]:before {
  content: "✓";
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope [class~="inline-fillblank__opt"][data-answer-state="incorrect"]:before {
  content: "×";
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__question {
  display: none;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__option {
  border-radius: calc(var(--preview-radius, .625rem) * 2);
  background: var(--family-dark-bg);
  min-height: 5rem;
  color: var(--family-dark-fg);
  border-width: 2px;
  padding: 1.25rem 1.75rem;
}

.check-in-templates-module__QCU1iW__surface [data-source-variant="1c"] > .check-in-templates-module__QCU1iW__helper {
  margin-top: -1rem;
}

@media (max-width: 760px) {
  .check-in-templates-module__QCU1iW__surface.check-in-templates-module__QCU1iW__surface .module-info-page__content {
    padding-top: 5.5rem;
  }

  .check-in-templates-module__QCU1iW__surface.check-in-templates-module__QCU1iW__surface [data-page-family="check-in"] {
    gap: 1.25rem;
    padding-block: 0;
  }

  .check-in-templates-module__QCU1iW__sourceTitle {
    font-size: 2.125rem;
  }

  .check-in-templates-module__QCU1iW__sourceIntro {
    font-size: 1rem;
  }

  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] {
    padding: 1.5rem 1rem;
  }

  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1b"] .inline-fillblank {
    padding: 1.5rem 1rem;
  }

  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__opt {
    width: 100%;
  }

  :is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__question, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-fillblank__passage) {
    font-size: 1.125rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .check-in-templates-module__QCU1iW__blockScope button {
    transition: none;
  }
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__option--active {
  border-color: var(--preview-button);
  background: var(--preview-button);
  color: var(--preview-button-foreground);
  outline-color: var(--preview-button);
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__option--active:before {
  content: "✓";
  background: var(--preview-button-foreground);
  color: var(--preview-button);
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__acknowledgement {
  border-radius: calc(var(--preview-radius, .625rem) * 1.6);
  background: var(--family-dark-bg);
  color: var(--family-dark-fg);
  margin: 1.25rem 0 0;
  padding: 1.25rem 1.625rem;
  font-size: 1rem;
  line-height: 1.6;
  animation: .24s ease-out check-in-templates-module__QCU1iW__check-in-response-enter;
}

@keyframes check-in-templates-module__QCU1iW__check-in-response-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1c"] .inline-poll__acknowledgement {
    animation: none;
  }
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__response-reveal {
  overflow: hidden;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option {
  transition: transform .16s, box-shadow .18s, background-color .18s, border-color .18s;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option--active:before {
  animation: .24s ease-out check-in-templates-module__QCU1iW__check-in-mark-confirm;
}

@keyframes check-in-templates-module__QCU1iW__check-in-mark-confirm {
  from {
    opacity: 0;
    transform: translateY(6px)scale(.75);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@media (hover: hover) {
  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option:not(:disabled):hover {
    box-shadow: 0 5px 14px color-mix(in srgb, var(--family-dark-bg) 15%, transparent);
    transform: translateY(-2px);
  }
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option:not(:disabled):active {
  transform: translateY(0)scale(.985);
}

@media (prefers-reduced-motion: reduce) {
  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option {
    transition: none;
  }

  .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option--active:before {
    animation: none;
  }

  :is(.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option:not(:disabled):hover, .check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__option:not(:disabled):active) {
    transform: none;
  }
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__response-slot {
  display: grid;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__response-slot > * {
  grid-area: 1 / 1;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__response-measure {
  visibility: hidden;
  pointer-events: none;
  animation: none;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope .inline-poll__response-measure:before {
  content: attr(data-response-text);
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] .inline-poll__response-measure {
  display: none;
}

.check-in-templates-module__QCU1iW__surface .check-in-templates-module__QCU1iW__blockScope[data-autosearch-coordinate="check_in:1a"] .inline-poll__response-slot:not(:has(.inline-poll__response-reveal)) {
  display: none;
}

/* [project]/src/components/course-ui/page-templates/families/classic-mistakes/classic-mistakes-templates.module.css [app-client] (css) */
.classic-mistakes-templates-module__WY15Pa__surface.classic-mistakes-templates-module__WY15Pa__surface {
  --classic-ink: color-mix(in srgb,
    var(--preview-brand-main) 50%,
    var(--preview-brand-main-light));
  --classic-reason: color-mix(in srgb, var(--warning) 78%, var(--classic-ink));
  --classic-replacement: color-mix(in srgb,
    var(--success) 75%,
    var(--classic-ink));
  width: 100%;
  min-height: 100dvh;
  font-weight: 500;
  font-family: var(--course-body-font, var(--preview-font-family));
  background: var(--preview-background, #f4f2ec);
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.classic-mistakes-templates-module__WY15Pa__surface.classic-mistakes-templates-module__WY15Pa__surface [data-slot="fixed-page-template-surface"] {
  --ctx-card: var(--preview-card, var(--card));
  --ctx-fg: var(--preview-background-foreground, var(--foreground));
  --ctx-fg-muted: var(--preview-background-muted-foreground, var(--muted-foreground));
  --page-template-card-radius: calc(var(--preview-radius, .625rem) * 2);
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.classic-mistakes-templates-module__WY15Pa__surface.classic-mistakes-templates-module__WY15Pa__surface [class~="module-info-page__content"] {
  flex: 1 0 auto;
  align-items: center;
  padding: 5rem 2rem;
  display: flex;
}

.classic-mistakes-templates-module__WY15Pa__surface.classic-mistakes-templates-module__WY15Pa__surface [class~="module-info-page__content-inner"] {
  width: 100%;
  max-width: 51.25rem;
  margin-inline: auto;
  display: block;
}

.classic-mistakes-templates-module__WY15Pa__surface [data-page-family="classic-mistakes"] {
  gap: 2.25rem;
}

.classic-mistakes-templates-module__WY15Pa__surface [data-page-family="classic-mistakes"] > :last-child:empty {
  display: none;
}

.classic-mistakes-templates-module__WY15Pa__surface [data-source-variant="1c"] {
  gap: 1.25rem;
}

.classic-mistakes-templates-module__WY15Pa__surface [data-source-variant="1c"] .classic-mistakes-templates-module__WY15Pa__sourceHeader {
  margin-bottom: 1rem;
}

.classic-mistakes-templates-module__WY15Pa__surface [data-source-variant="2a"] .classic-mistakes-templates-module__WY15Pa__sourceTitle {
  max-width: 46rem;
  font-size: 3.5rem;
}

.classic-mistakes-templates-module__WY15Pa__sourceHeader {
  gap: 1.5rem;
  width: 100%;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__sourceEyebrow {
  color: var(--ctx-fg-muted);
  font-family: var(--preview-heading-font-family, var(--font-heading));
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  gap: .65rem;
  margin: 0;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
}

.classic-mistakes-templates-module__WY15Pa__sourceDot {
  border-radius: calc(var(--preview-radius) / 5);
  background: var(--destructive);
  flex: none;
  width: .55rem;
  height: .55rem;
}

.classic-mistakes-templates-module__WY15Pa__sourceTitle {
  max-width: 28ch;
  color: var(--ctx-fg);
  font-family: var(--preview-heading-font-family, var(--font-heading));
  letter-spacing: -.015em;
  margin: 0;
  font-size: clamp(2.5rem, 4.4vw, 3.1875rem);
  font-weight: 800;
  line-height: 1.04;
}

.classic-mistakes-templates-module__WY15Pa__sourceIntro {
  max-width: 44rem;
  color: var(--ctx-fg-muted);
  margin: 0;
  font-size: 1.1875rem;
  line-height: 1.5;
}

.classic-mistakes-templates-module__WY15Pa__richText {
  width: 100%;
  max-width: 48rem;
}

.classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] {
  gap: var(--space-h-to-p, 1rem);
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] > div {
  color: var(--ctx-fg-muted);
  gap: 1.35rem;
  font-size: clamp(1rem, 1.45vw, 1.2rem);
  line-height: 1.62;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] > div h2, .classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] > div h3 {
  color: var(--ctx-fg);
  font-family: var(--preview-heading-font-family, var(--font-heading));
  margin: .3rem 0 -.45rem;
  font-size: clamp(1.25rem, 1.9vw, 1.55rem);
  font-weight: 800;
  line-height: 1.25;
}

.classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] > div p {
  margin: 0;
}

.classic-mistakes-templates-module__WY15Pa__richText [data-slot="rich-text-block"] > div > p:first-child {
  font-size: 1.3125rem;
  line-height: 1.52;
}

.classic-mistakes-templates-module__WY15Pa__correctionRows {
  gap: 1rem;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__correctionRow {
  border-radius: var(--page-template-card-radius);
  background: var(--ctx-card);
  box-shadow: var(--ctx-shadow-soft);
  border: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  overflow: hidden;
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div {
  min-width: 0;
  color: var(--ctx-fg);
  background: var(--ctx-card);
  padding: 1.5rem 1.75rem;
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="reason"] {
  background: color-mix(in oklch, var(--warning) 12%, var(--ctx-bg));
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="replacement"] {
  background: color-mix(in oklch, var(--success) 12%, var(--ctx-bg));
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="action"] strong {
  color: var(--destructive);
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="reason"] strong {
  color: var(--warning);
}

.classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="replacement"] strong {
  color: var(--success);
}

.classic-mistakes-templates-module__WY15Pa__correctionRow strong {
  margin-bottom: .375rem;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.1;
  display: block;
}

.classic-mistakes-templates-module__WY15Pa__correctionRow p, .classic-mistakes-templates-module__WY15Pa__story p, .classic-mistakes-templates-module__WY15Pa__reasonAndReversal p {
  color: var(--ctx-fg);
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.45;
}

.classic-mistakes-templates-module__WY15Pa__correctionRow p {
  font-size: 1.01563rem;
}

.classic-mistakes-templates-module__WY15Pa__accordion {
  --ctx-fg: var(--preview-card-foreground, var(--card-foreground));
  --ctx-fg-muted: var(--preview-card-muted-foreground, var(--muted-foreground));
  border-radius: var(--page-template-card-radius);
  background: var(--ctx-card);
  box-shadow: var(--ctx-shadow-soft);
  border: 0;
  overflow: hidden;
}

.classic-mistakes-templates-module__WY15Pa__accordionItem + .classic-mistakes-templates-module__WY15Pa__accordionItem {
  border-top: 1px solid var(--ctx-border);
}

.classic-mistakes-templates-module__WY15Pa__accordionItem summary {
  min-height: 5.8rem;
  color: var(--ctx-fg);
  cursor: pointer;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  align-items: center;
  gap: 1.25rem;
  padding: 1.625rem 2rem;
  font-size: 1.25rem;
  font-weight: 800;
  list-style: none;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__accordionItem summary::-webkit-details-marker {
  display: none;
}

.classic-mistakes-templates-module__WY15Pa__accordionItem summary:focus-visible {
  outline: 3px solid var(--ring);
  outline-offset: -3px;
}

.classic-mistakes-templates-module__WY15Pa__toggle {
  width: 2.75rem;
  height: 2.75rem;
  color: var(--ctx-fg);
  background: color-mix(in srgb, var(--ctx-fg) 4%, var(--ctx-bg));
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: relative;
}

.classic-mistakes-templates-module__WY15Pa__toggle:before, .classic-mistakes-templates-module__WY15Pa__toggle:after {
  content: "";
  background: currentColor;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.classic-mistakes-templates-module__WY15Pa__toggle:after {
  transition: transform .16s;
  transform: rotate(90deg);
}

.classic-mistakes-templates-module__WY15Pa__accordionItem[open] .classic-mistakes-templates-module__WY15Pa__toggle {
  color: var(--ctx-accent-fg);
  background: var(--preview-button, var(--ctx-accent));
}

.classic-mistakes-templates-module__WY15Pa__accordionItem[open] .classic-mistakes-templates-module__WY15Pa__toggle:after {
  transform: rotate(0);
}

.classic-mistakes-templates-module__WY15Pa__accordionBody {
  gap: .7rem;
  padding: 0 2rem 1.375rem 6rem;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__accordionBody p {
  color: var(--ctx-fg);
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .8rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__accordionBody strong {
  color: var(--ctx-fg);
  background: var(--muted);
  text-align: center;
  border: 0;
  border-radius: 999px;
  padding: .35rem 1rem;
  font-size: .8125rem;
  font-weight: 800;
}

.classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="reason"] strong {
  border-color: color-mix(in oklch, var(--warning) 24%, var(--ctx-border));
  color: var(--warning);
  background: color-mix(in oklch, var(--warning) 12%, var(--ctx-bg));
}

.classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="replacement"] strong {
  border-color: color-mix(in oklch, var(--success) 24%, var(--ctx-border));
  color: var(--success);
  background: color-mix(in oklch, var(--success) 12%, var(--ctx-bg));
}

.classic-mistakes-templates-module__WY15Pa__story {
  border-radius: var(--page-template-card-radius);
  color: var(--ctx-bg);
  background: var(--ctx-fg);
  padding: 2.625rem 2.875rem;
}

.classic-mistakes-templates-module__WY15Pa__story > strong {
  color: var(--ctx-bg);
  background: color-mix(in srgb, var(--ctx-bg) 12%, var(--ctx-fg));
  border-radius: 999px;
  margin-bottom: 1.1rem;
  padding: .4rem 1.1rem;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
}

.classic-mistakes-templates-module__WY15Pa__story p {
  max-width: 42rem;
  color: var(--ctx-bg);
  font-size: 1.5rem;
  font-weight: 650;
  line-height: 1.45;
}

.classic-mistakes-templates-module__WY15Pa__reasonAndReversal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.classic-mistakes-templates-module__WY15Pa__reasonAndReversal article {
  --ctx-fg: var(--preview-card-foreground, var(--foreground));
  --ctx-fg-muted: var(--preview-card-muted-foreground, var(--muted-foreground));
  --ctx-card: var(--preview-card, var(--card));
  color: var(--ctx-fg);
  border-radius: var(--page-template-card-radius);
  background: var(--ctx-card);
  box-shadow: var(--ctx-shadow-soft);
  border: 0;
  padding: 1.5rem 1.875rem;
}

.classic-mistakes-templates-module__WY15Pa__reasonAndReversal strong {
  color: var(--ctx-fg);
  margin-bottom: .5rem;
  font-size: 1.375rem;
  font-weight: 800;
  display: block;
}

.classic-mistakes-templates-module__WY15Pa__reasonAndReversal article[data-tone="reason"] strong {
  color: var(--warning);
}

.classic-mistakes-templates-module__WY15Pa__reasonAndReversal article[data-tone="reversal"] strong {
  color: var(--success);
}

.classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="reason"], .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="reason"] strong {
  background: color-mix(in srgb, var(--warning) 6%, var(--ctx-card));
}

.classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="replacement"], .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="replacement"] strong {
  background: color-mix(in srgb, var(--success) 8%, var(--ctx-card));
}

.classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="reason"] strong, .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="reason"] strong, .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__reasonAndReversal article[data-tone="reason"] strong {
  color: var(--classic-reason);
}

.classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__correctionRow > div[data-column="replacement"] strong, .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__accordionBody p[data-detail="replacement"] strong, .classic-mistakes-templates-module__WY15Pa__surface .classic-mistakes-templates-module__WY15Pa__reasonAndReversal article[data-tone="reversal"] strong {
  color: var(--classic-replacement);
}

@media (max-width: 720px) {
  .classic-mistakes-templates-module__WY15Pa__surface.classic-mistakes-templates-module__WY15Pa__surface [class~="module-info-page__content"] {
    padding: 5rem 1.25rem 3rem;
  }

  .classic-mistakes-templates-module__WY15Pa__surface [data-source-variant="2a"] .classic-mistakes-templates-module__WY15Pa__sourceTitle {
    font-size: 2.25rem;
  }

  .classic-mistakes-templates-module__WY15Pa__story {
    padding: 1.5rem;
  }

  .classic-mistakes-templates-module__WY15Pa__story p {
    font-size: 1.25rem;
  }

  .classic-mistakes-templates-module__WY15Pa__sourceTitle {
    overflow-wrap: anywhere;
    max-width: 19ch;
    font-size: clamp(2.25rem, 11vw, 3rem);
  }

  .classic-mistakes-templates-module__WY15Pa__correctionRow, .classic-mistakes-templates-module__WY15Pa__reasonAndReversal {
    grid-template-columns: 1fr;
  }

  .classic-mistakes-templates-module__WY15Pa__correctionRow > div + div {
    border-top: 1px solid var(--ctx-border);
  }

  .classic-mistakes-templates-module__WY15Pa__accordionItem summary {
    grid-template-columns: 2.25rem minmax(0, 1fr);
    min-height: 4.75rem;
    padding: .9rem;
  }

  .classic-mistakes-templates-module__WY15Pa__toggle {
    width: 2.25rem;
    height: 2.25rem;
  }

  .classic-mistakes-templates-module__WY15Pa__accordionBody {
    padding: 0 .9rem 1.1rem 4rem;
  }

  .classic-mistakes-templates-module__WY15Pa__accordionBody p {
    grid-template-columns: 1fr;
    gap: .4rem;
  }

  .classic-mistakes-templates-module__WY15Pa__accordionBody strong {
    justify-self: start;
  }
}

/* [project]/src/components/ui/skeleton.module.css [app-client] (css) */
@keyframes skeleton-module__Cuawza__skeleton-pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .55;
  }
}

.skeleton-module__Cuawza__skeleton {
  background: var(--muted);
  border-radius: .25rem;
  animation: 1.5s ease-in-out infinite skeleton-module__Cuawza__skeleton-pulse;
}