/* /C4L/Components/C4LHeader/C4LHeaderWidget.razor.rz.scp.css */
.loading-studentgroup[b-9yd93ksk6t] {
  width: 16ch;
  height: 2.625rem;
}

.c4l-header-widget-skeleton-text[b-9yd93ksk6t] {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
  inset: 0;
  animation: skeleton-pulse-b-9yd93ksk6t 1.5s ease-in-out infinite;
}

@keyframes skeleton-pulse-b-9yd93ksk6t {
  0% {
    background-color: var(--info-100);
  }

  50% {
    background-color: var(--info-200);
  }

  100% {
    background-color: var(--info-100);
  }
}
/* /C4L/Components/CurriculumFidelityChecklist/CurriculumFidelityChecklistComponent.razor.rz.scp.css */
.curriculum-fidelity-checklist-section[b-txhopc286b] {
  width: min(100%, 64.1875rem);
  margin-inline: auto;
}

.pdf-content-embed-grid[b-txhopc286b] {
  grid-template-columns: 1fr;
}

.pdf-content-card[b-txhopc286b] {
  background-color: var(--white);
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-200);
  padding: 1.5rem;
}

.pdf-content-card-title[b-txhopc286b] {
  font-size: 1.125rem;
  line-height: 1.125;
  overflow: hidden;
  text-overflow: ellipsis;
}

.curriculum-checklist-heading[b-txhopc286b] {
  font-size: 1rem;
  line-height: 1.5;
}

.file-name-text[b-txhopc286b] {
  font-size: 0.75rem;
}

@media (min-width: 64rem) {
  .pdf-content-embed-grid[b-txhopc286b] {
    grid-template-columns: repeat(2, 1fr);
  }

.pdf-content-card[b-txhopc286b] {
    &.curriculum-checklist-card {
      width: 20.0625rem;
    }
  }
}
/* /C4L/Components/DigitalContentLibrary/DigitalContentLibraryComponent.razor.rz.scp.css */
.digital-content-library-section[b-aa1zkx8a57] {
  grid-template-columns: 14.5625rem 1fr;
  gap: 2rem;
}

.digital-content-links-wrapper[b-aa1zkx8a57] {
  position: sticky;
  top: 9rem;
  z-index: 99;
}

.content-links-heading[b-aa1zkx8a57] {
  font-size: 1.25rem;
  line-height: 1.125;
}

.content-links-wrapper[b-aa1zkx8a57] {
  border-inline-start: 1px solid var(--c4l-primary-300);
}

.content-link[b-aa1zkx8a57] {
  background-color: transparent;
  padding: 0.5rem;
  color: var(--neutral-600);
  border: none;
  border-radius: 0;
  transition: 
    border var(--transition-speed) ease, 
    color var(--transition-speed) ease;

  &:before {
    content: '';
    display: block;
    width: 0.125rem;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: -1px;
    background-color: var(--c4l-primary-500);
    transform: scaleY(0);
    transition: transform var(--transition-speed) ease;
  }

  &.active[b-aa1zkx8a57] {
    &::before {
      transform: scaleY(1);
    }
  }

  &.active[b-aa1zkx8a57],
  &:active[b-aa1zkx8a57],
  &:hover[b-aa1zkx8a57],
  &:focus[b-aa1zkx8a57] {
    color: var(--neutral-900);
  }
}

.digital-content-embed-grid[b-aa1zkx8a57] {
  grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
  gap: 1.5rem;

}

.digital-content-embed-wrapper[b-aa1zkx8a57] {
  scroll-margin-block-start: 9rem;
}

.digital-content-card[b-aa1zkx8a57] {
  background-color: var(--white);
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-200);
  padding: 1.5rem;
}

.digital-content-card-pdf-link[b-aa1zkx8a57] {
  font-size: 1.125rem;
  line-height: 1.125;
}

.file-name-text[b-aa1zkx8a57] {
  font-size: 0.75rem;
}

.pdf-content-card-title[b-aa1zkx8a57] {
  font-size: 1.125rem;
  line-height: 1.125;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdf-content-card-pdf-link[b-aa1zkx8a57] {
  align-self: flex-start;
}

.digital-content-card-image-wrapper[b-aa1zkx8a57] {
  min-height: 256px;
}

.digital-content-card-image[b-aa1zkx8a57] {
  object-fit: contain;
  width: 100%;
}

.digital-content-card-image-loading[b-aa1zkx8a57] {
  inline-size: min(100%, 150px);
  min-block-size: 6px;
  --gradient-color: no-repeat linear-gradient(var(--c4l-primary-500) 0 0);
  background: var(--gradient-color), var(--gradient-color), var(--c4l-primary-100);
  background-size: 60% 100%;
  animation: pdf-image-loading-b-aa1zkx8a57 3s infinite;
  border-radius: 0.25rem;
  border: 1px solid var(--c4l-primary-500);
}

@keyframes pdf-image-loading-b-aa1zkx8a57 {
  0% {
    background-position: -150% 0, -150% 0
  }

  66% {
    background-position: 250% 0, -150% 0
  }

  100% {
    background-position: 250% 0, 250% 0
  }
}
/* /C4L/Components/FamilyEngagementLetters/FamilyEngagementComponent.razor.rz.scp.css */
.family-engagement-letters-section[b-46rqfeu95w] {
  grid-template-columns: 14.5625rem 1fr;
}

.content-links-heading[b-46rqfeu95w] {
  font-size: 1.25rem;
  line-height: 1.125;
}

.pdf-content-embed-grid[b-46rqfeu95w] {
  grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
}

.pdf-content-card[b-46rqfeu95w] {
  background-color: var(--white);
  width: 100%;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-200);
  padding: 1.5rem;
  overflow: hidden;
}

.pdf-content-card-pdf-link[b-46rqfeu95w] {
  width: fit-content;
}

.pdf-content-card-title[b-46rqfeu95w] {
  font-size: 1.125rem;
  line-height: 1.125;
  overflow: hidden;
  text-overflow: ellipsis;
}

.family-engagement-letters-section[b-46rqfeu95w] {
  & .file-name-text {
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.family-engagement-links-wrapper[b-46rqfeu95w] {
  position: sticky;
  top: 9rem;
  z-index: 99;
}

.content-links-heading[b-46rqfeu95w] {
  font-size: 1.25rem;
  line-height: 1.125;
}

.content-links-wrapper[b-46rqfeu95w] {
  border-inline-start: 1px solid var(--c4l-primary-300);
}

.content-link[b-46rqfeu95w] {
  background-color: transparent;
  padding: 0.5rem;
  color: var(--neutral-600);
  border: none;
  border-radius: 0;
  transition:
    border var(--transition-speed) ease,
    color var(--transition-speed) ease;

  &:before {
    content: '';
    display: block;
    width: 0.125rem;
    height: 100%;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: -1px;
    background-color: var(--c4l-primary-500);
    transform: scaleY(0);
    transition: transform var(--transition-speed) ease;
  }

  &.active[b-46rqfeu95w] {
    &::before {
      transform: scaleY(1);
    }
  }

  &.active[b-46rqfeu95w],
  &:active[b-46rqfeu95w],
  &:hover[b-46rqfeu95w],
  &:focus[b-46rqfeu95w] {
    color: var(--neutral-900);
  }
}

.pdf-embed-wrapper[b-46rqfeu95w] {
  scroll-margin-block-start: 9rem;
}
/* /C4L/Components/FeatureCards/C4L_StudentFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-2h8d9zyt6h] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /C4L/Components/FeatureCards/C4L_StudentGroupFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-fuwp2n02xe] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /C4L/Components/LessonDetails/C4L_LessonDetailsOverviewComponent.razor.rz.scp.css */
.lesson-overview-wrapper[b-yks9t3nafa] {
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
}

.lesson-overview-card[b-yks9t3nafa] {
  background-color: var(--white);
  color: var(--neutral-800);
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  padding: 1.5rem;
  align-self: self-start;
  min-block-size: 100%;

  &.lesson-instructions-wrapper {
    grid-column: 1 / 3;
  }

  &.materials-card-wrapper[b-yks9t3nafa] {
    min-block-size: auto;
  }
}

.preparation-message-wrapper[b-yks9t3nafa] {
  top: -8rem;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 1rem;
  border-radius: 0.25rem;
  inline-size: min(100%, 40.75rem);
  background-color: var(--white);
  box-shadow: 
    0px 0px 0px 1px rgba(24, 26, 27, 0.10), 
    0px -6px 16px -6px rgba(24, 26, 27, 0.04), 
    0px 8px 16px -8px rgba(24, 26, 27, 0.10),
    0px 12px 24px -6px rgba(24, 26, 27, 0.10);
  border: 1px solid var(--info-700);
  border-inline-start-width: 0.25rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 100;
  transition:
    transform var(--transition-speed) ease,
    opacity var(--transition-speed) ease,
    visibility var(--transition-speed) ease;
  
  &.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%, 3rem);
  }
}

.preparation-status-text[b-yks9t3nafa] {
  color: var(--c4l-primary-500);
}

.close-message-button[b-yks9t3nafa] {
  padding: 0;
  background-color: var(--white);
}
/* /C4L/Components/LessonDetails/LessonDetailsReflectionComponent.razor.rz.scp.css */
.lesson-details-reflection-section[b-xyak6pmrot] {
  inline-size: min(100%, 48rem);
  margin-inline: auto;
  border: 1px solid var(--neutral-600);
  padding: clamp(1rem, 0.586rem + 1.768vw, 2rem);
  border-radius: 0.25rem;
  background-color: var(--white);
  gap: 2rem;
}

.reflection-note-heading[b-xyak6pmrot] {
  font-size: 1.25rem;
  font-weight: 550;
  line-height: 1.125;
  color: var(--neutral-800);
  margin-block-end: 0.75rem;
}

.reflection-note-subheading[b-xyak6pmrot] {
  font-size: 0.875rem;
  line-height: 1.5;
}

.reflection-note-text[b-xyak6pmrot] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  background-color: var(--white);
  color: var(--neutral-900);
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  inline-size: 100%;

  &:focus,
  &:focus-visible {
    outline-color: var(--c4l-primary-500);
  }
}

.draggable-list-heading[b-xyak6pmrot] {
  font-size: 1.25rem;
  font-weight: 550;
  line-height: 1.125;
  color: var(--neutral-800);
  margin-block-end: 0.75rem;
}

.draggable-list-subheading[b-xyak6pmrot] {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--neutral-800);
  margin-block: 0 1.5rem;
}

.draggable-list-wrapper[b-xyak6pmrot] {
  list-style: none;
  padding-inline: 0;
  margin-block: 0;
}

.draggable-list-item[b-xyak6pmrot] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  opacity: 1;
  transition: 
    opacity var(--transition-speed) ease,
    background-color var(--transition-speed) ease;

  &[data-is-dragging="true"] {
    opacity: 0.5;
    background-color: var(--c4l-primary-100);
  }

  &[data-is-dragover="true"][b-xyak6pmrot] {
    background-color: var(--info-100);
    border: 2px dashed var(--info-600);
  }
}

.drag-handle-wrapper[b-xyak6pmrot] {
  padding: 0.625rem 0.125rem;
  background-color: var(--neutral-100);
  border-radius: 0.25rem 0 0 0.25rem;
  cursor: grab;

  &:active {
    cursor: grabbing;
  }
}

.draggable-item-wrapper[b-xyak6pmrot] {
  padding: clamp(1rem, 0.793rem + 0.884vw, 1.5rem);
  inline-size: 100%;
}

.draggable-item-input[b-xyak6pmrot] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  padding: 0.5rem 1rem;
  color: var(--neutral-900);
  flex: auto;

  &:focus,
  &:focus-visible {
    outline: 1px solid var(--c4l-primary-500);
    border-color: var(--c4l-primary-500);
  }
}

.add-draggable-item-button[b-xyak6pmrot] {
  margin-block-start: 0.5rem;
}

.reflection-buttons-wrapper[b-xyak6pmrot] {
  border-block-start: 1px solid var(--neutral-300);
  padding-block: 1.5rem 0;
}

/* TODO: update generic alert styles, remove from here */
.alert[b-xyak6pmrot] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 1rem;
  margin-block-end: 16px;
  border: 1px solid transparent;
  border-inline-start-width: 0.25rem;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  box-shadow: 
    0px 0px 0px 1px rgba(24, 26, 27, 0.10), 
    0px -6px 16px -6px rgba(24, 26, 27, 0.04), 
    0px 8px 16px -8px rgba(24, 26, 27, 0.10), 
    0px 12px 24px -6px rgba(24, 26, 27, 0.10);

  &.alert-success {
    background-color: var(--success-100);
    border-color: var(--success-700);
    color: var(--success-800);
  }

  &.alert-error[b-xyak6pmrot] {
    background-color: var(--error-100);
    border-color: var(--error-700);
    color: var(--error-800);
  }
}
/* /C4L/Components/LiteracyChecklist/C4L_LiteracyObjectiveComponent.razor.rz.scp.css */
.literacy-objective-component[b-6ct4cl80ow] {
  grid-template-columns: 1fr;
}

.delete-literacy-objective-button[b-6ct4cl80ow] {
  min-height: 2.625rem
}

.c4l-literacy-date-input[b-6ct4cl80ow],
.c4l-literacy-objective-notes[b-6ct4cl80ow] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
}

.c4l-literacy-objective-notes[b-6ct4cl80ow] {
  min-height: 2.625rem;
}

.c4l-literacy-objective-label[b-6ct4cl80ow] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem;
  border-radius: 0;
  border: 1px solid var(--neutral-300);
  border-inline-start: none;
  background-color: var(--white);
  width: 100%;
  isolation: isolate;
  cursor: pointer;
  transition:
    background-color var(--transition-speed) ease,
    color var(--transition-speed) ease;

  &:active,
  &:hover,
  &:focus-within {
    background-color: var(--c4l-primary-400);
    color: var(--neutral-100);
  }

  &:first-of-type[b-6ct4cl80ow] {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-inline-start: 1px solid var(--neutral-300);
  }

  &:last-of-type[b-6ct4cl80ow] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-inline-end: 1px solid var(--neutral-300);
  }
}

.c4l-literacy-objective-checkbox[b-6ct4cl80ow] {
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-image: none;
  z-index: -1;
}

.c4l-literacy-objective-label:has(.c4l-literacy-objective-checkbox:checked)[b-6ct4cl80ow] {
  background-color: var(--c4l-primary-600);
  color: var(--neutral-100);
}

@media(min-width: 90rem) {
  .literacy-objective-component[b-6ct4cl80ow] {
    grid-template-columns: 0.5fr 1fr 0.5fr;
  }
}

@media(min-width: 100rem) {
  .literacy-objective-component[b-6ct4cl80ow] {
    grid-template-columns: 16.875rem 1fr 20.625rem;
  }
}
/* /C4L/Components/LiteracyChecklist/C4L_StudentLiteracyObjectivesComponent.razor.rz.scp.css */
.literacy-divider[b-0czu7us2hk] {
  height: 1px;
  background-color: var(--neutral-300);

  &:last-of-type {
    display: none;
  }
}
/* /C4L/Components/ProfessionalDevelopment/ProfessionalDevelopmentComponent.razor.rz.scp.css */
.professional-development-section[b-fd48eqxxgl] {
  width: min(100%, 64.1875rem);
  margin-inline: auto;
}
/* /C4L/Components/StudentAssessments/C4L_LearningObjectiveComponent.razor.rz.scp.css */
.c4l-learning-objective-label[b-yq3yz757ok] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem;
  border-radius: 0;
  border: 1px solid var(--neutral-300);
  border-inline-start: none;
  background-color: var(--white);
  width: 11.8125rem;
  isolation: isolate;
  cursor: pointer;
  transition:
    background-color var(--transition-speed) ease,
    color var(--transition-speed) ease;

  &:active,
  &:hover,
  &:focus {
    background-color: var(--c4l-primary-400);
    color: var(--neutral-100);
  }

  &:first-of-type[b-yq3yz757ok] {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-inline-start: 1px solid var(--neutral-300);
  }

  &:last-of-type[b-yq3yz757ok] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-inline-end: 1px solid var(--neutral-300);
  }
}

.c4l-learning-objective-checkbox[b-yq3yz757ok] {
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-image: none;
  z-index: -1;
}

.c4l-learning-objective-label:has(.c4l-learning-objective-checkbox:checked)[b-yq3yz757ok] {
  background-color: var(--c4l-primary-600);
  color: var(--neutral-100);
}

.c4l-learning-objective-date-wrapper[b-yq3yz757ok] {
  width: min(100%, 21.25rem);
}

.c4l-assessment-date-input[b-yq3yz757ok],
.c4l-assessment-notes[b-yq3yz757ok] {
  border: 1px solid var(--neutral-300);
  border-radius: var(--button-border-radius);
  color: var(--neutral-900);
  min-height: 2.625rem;
}
/* /C4L/Components/StudentAssessments/C4L_LiteracyAlphabetPercentageComponent.razor.rz.scp.css */
.assessment-chart-container-compact[b-wzwz4f04f7] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-width: 100%;
}

.chart-legend-wrapper[b-wzwz4f04f7] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
}

.chart-section[b-wzwz4f04f7] {
  flex-shrink: 0;
}

.donut-chart[b-wzwz4f04f7] {
  display: block;
}

.legend-section[b-wzwz4f04f7] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}

.legend-item[b-wzwz4f04f7] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.75rem;
}

.legend-indicator[b-wzwz4f04f7] {
  width: 0.5rem;
  min-height: 0.5rem;
  border-radius: 0;
  flex-shrink: 0;
}

.legend-label[b-wzwz4f04f7] {
  flex: 1;
  color: var(--neutral-700);
}

.legend-percentage[b-wzwz4f04f7] {
  color: var(--neutral-700);
  min-width: 2.5rem;
  text-align: right;
}

.pie-slice[b-wzwz4f04f7] {
  transition: opacity var(--transition-speed) ease;
}

.pie-slice:hover[b-wzwz4f04f7] {
  opacity: 0.8;
  cursor: pointer;
}

@media (min-width: 90rem) {
  .chart-legend-wrapper[b-wzwz4f04f7] {
    gap: 0.25rem;
    max-width: 20rem;
  }
}
/* /C4L/Components/StudentAssessments/C4L_LiteracyVocabularyPercentageComponent.razor.rz.scp.css */
.assessment-chart-container-compact[b-xlftiqc97m] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-width: 100%;
}

.chart-legend-wrapper[b-xlftiqc97m] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
}

.chart-section[b-xlftiqc97m] {
  flex-shrink: 0;
}

.donut-chart[b-xlftiqc97m] {
  display: block;
}

.legend-section[b-xlftiqc97m] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}

.legend-item[b-xlftiqc97m] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.75rem;
}

.legend-indicator[b-xlftiqc97m] {
  width: 0.5rem;
  min-height: 0.5rem;
  border-radius: 0;
  flex-shrink: 0;
}

.legend-label[b-xlftiqc97m] {
  flex: 1;
  color: var(--neutral-700);
}

.legend-percentage[b-xlftiqc97m] {
  color: var(--neutral-700);
  min-width: 2.5rem;
  text-align: right;
}

.pie-slice[b-xlftiqc97m] {
  transition: opacity var(--transition-speed) ease;
}

.pie-slice:hover[b-xlftiqc97m] {
  opacity: 0.8;
  cursor: pointer;
}

@media (min-width: 90rem) {
  .chart-legend-wrapper[b-xlftiqc97m] {
    gap: 0.25rem;
    max-width: 20rem;
  }
}
/* /C4L/Components/StudentAssessments/C4L_ObjectiveDomainPercentageComponent.razor.rz.scp.css */
.assessment-chart-container-compact[b-52sse1nf3j] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-width: 100%;
}

.chart-legend-wrapper[b-52sse1nf3j] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
}

.chart-section[b-52sse1nf3j] {
  flex-shrink: 0;
}

.donut-chart[b-52sse1nf3j] {
  display: block;
}

.legend-section[b-52sse1nf3j] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
}

.legend-item[b-52sse1nf3j] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.75rem;
}

.legend-indicator[b-52sse1nf3j] {
  width: 0.5rem;
  min-height: 0.5rem;
  border-radius: 0;
  flex-shrink: 0;
}

.legend-label[b-52sse1nf3j] {
  flex: 1;
  color: var(--neutral-700);
}

.legend-percentage[b-52sse1nf3j] {
  color: var(--neutral-700);
  min-width: 2.5rem;
  text-align: right;
}

.pie-slice[b-52sse1nf3j] {
  transition: opacity var(--transition-speed) ease;
}

.pie-slice:hover[b-52sse1nf3j] {
  opacity: 0.8;
  cursor: pointer;
}

@media (min-width: 90rem) {
  .chart-legend-wrapper[b-52sse1nf3j] {
    gap: 0.25rem;
    max-width: 20rem;
  }
}
/* /C4L/Components/StudentAssessments/C4L_StudentLiteracyObjectivesDetailsComponent.razor.rz.scp.css */
.objective-details-component-wrapper[b-8xtcdnzmho] {
    position: fixed;
    top: 0;
    right: -100%;
    width: min(100%, 39.5625rem);
    height: 100%;
    z-index: 100;
    background-color: var(--white);
    padding: 1.5rem;
    border-inline-start: 1px solid var(--neutral-300);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: right var(--transition-speed) ease;
    visibility: hidden;
}

.objective-details-component-wrapper.active[b-8xtcdnzmho] {
    right: 0;
    visibility: visible;
}

.objective-details-sticky-wrapper[b-8xtcdnzmho] {
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 1;
}

.objective-details-sticky-wrapper[b-8xtcdnzmho]::before {
    content: '';
    position: absolute;
    inset: -1.5rem;
    bottom: 0;
    background-color: var(--white);
    z-index: -1;
}

.objective-details-component-heading-wrapper[b-8xtcdnzmho] {
    padding-block-end: 1.5rem;
    margin-block-end: 1.5rem;
    border-block-end: 1px solid var(--neutral-300);
}

.objective-details-content-wrapper[b-8xtcdnzmho] {
    padding-block-start: 0;
}

.objective-details-title[b-8xtcdnzmho] {
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0;
}

.objective-assessment-card[b-8xtcdnzmho] {
    padding: 1rem;
    border-radius: 0.5rem;
}

.objective-date[b-8xtcdnzmho] {
    font-size: 1rem;
    line-height: 1.5;
}

.objective-note-button[b-8xtcdnzmho] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    border: none;
}

.objective-note-button-icon[b-8xtcdnzmho] {
    flex-shrink: 0;
}

.objective-note-content[b-8xtcdnzmho] {
    padding: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: 0.25rem;
    margin-block-start: 0.5rem;
}

.objective-note-text[b-8xtcdnzmho] {
    font-size: 0.875rem;
    line-height: 1.5;
}
/* /C4L/Components/StudentAssessments/C4L_StudentObjectivesDetailsComponent.razor.rz.scp.css */
.objective-details-component-wrapper[b-n25k1q6sd3] {
    position: fixed;
    top: 0;
    right: -100%;
    width: min(100%, 39.5625rem);
    height: 100%;
    z-index: 100;
    background-color: var(--white);
    padding: 1.5rem;
    border-inline-start: 1px solid var(--neutral-300);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: right var(--transition-speed) ease;
    visibility: hidden;
}

.objective-details-component-wrapper.active[b-n25k1q6sd3] {
    right: 0;
    visibility: visible;
}

.objective-details-sticky-wrapper[b-n25k1q6sd3] {
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 1;
}

.objective-details-sticky-wrapper[b-n25k1q6sd3]::before {
    content: '';
    position: absolute;
    inset: -1.5rem;
    bottom: 0;
    background-color: var(--white);
    z-index: -1;
}

.objective-details-component-heading-wrapper[b-n25k1q6sd3] {
    padding-block-end: 1.5rem;
    margin-block-end: 1.5rem;
    border-block-end: 1px solid var(--neutral-300);
}

.objective-details-content-wrapper[b-n25k1q6sd3] {
    padding-block-start: 0;
}

.objective-details-title[b-n25k1q6sd3] {
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0;
}

.objective-assessment-card[b-n25k1q6sd3] {
    padding: 1rem;
    border-radius: 0.5rem;
}

.objective-unit-week-day[b-n25k1q6sd3] {
    font-size: 0.875rem;
    line-height: 1.5;
}

.objective-title[b-n25k1q6sd3] {
    font-size: 1rem;
    line-height: 1.5;
}

.objective-date[b-n25k1q6sd3] {
    font-size: 1rem;
    line-height: 1.5;
}

.objective-note-button[b-n25k1q6sd3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    border: none;
}

.objective-note-button-icon[b-n25k1q6sd3] {
    flex-shrink: 0;
}

.objective-note-content[b-n25k1q6sd3] {
    padding: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: 0.25rem;
    margin-block-start: 0.5rem;
}

.objective-note-text[b-n25k1q6sd3] {
    font-size: 0.875rem;
    line-height: 1.5;
}
/* /C4L/Components/StudentAssessments/ObjectiveDetailsComponent.razor.rz.scp.css */
.objective-details-component-wrapper[b-3kh3da1a1b] {
  position: fixed;
  top: 0;
  right: 0;
  width: min(100%, 39.5625rem);
  height: 100%;
  z-index: 100;
  background-color: var(--white);
  padding: 1.5rem;
  box-shadow: 0 0 0 1px rgba(24, 26, 27, 0.10), 0 -10px 32px -16px rgba(24, 26, 27, 0.05), 0 12px 24px -12px rgba(24, 26, 27, 0.10), 0 32px 62px -16px rgba(24, 26, 27, 0.10);
  overflow-y: auto;
}

.objective-details-sticky-wrapper[b-3kh3da1a1b] {
  position: sticky;
  top: 0;
  background-color: var(--white);

  &::before {
    content: '';
    position: absolute;
    inset: -1.5rem;
    bottom: 0;
    background-color: var(--white);
    z-index: -1;
  }
}

.objective-details-component-heading-wrapper[b-3kh3da1a1b] {
  padding-block-end: 1.5rem;
  margin-block-end: 1.5rem;
  border-block-end: 1px solid var(--neutral-300);
}

.objective-lesson-date-range[b-3kh3da1a1b] {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
}
/* /C4L/Pages/C4L_Assessments.razor.rz.scp.css */
.c4l-assessments-section[b-7woth24ek3] {
  padding: 1.5rem;
  background-color: var(--white);
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
}

.c4l-assessment-options-wrapper[b-7woth24ek3] {
  flex-direction: column-reverse;
  gap: 2rem;
  margin-block-end: 2rem;
}

.c4l-assessment-unit-select[b-7woth24ek3] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem 1rem;
  appearance: none;
  background-image: url(/images/icons/caret-down.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-inline-end: 2rem;
  width: 12.5rem;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
}

.c4l-assessment-discipline-label[b-7woth24ek3] {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.5rem;
  border-radius: 0;
  border: 1px solid var(--neutral-300);
  border-inline-start: none;
  background-color: var(--white);
  width: 11.8125rem;
  isolation: isolate;
  cursor: pointer;
  transition: 
    background-color var(--transition-speed) ease,
    color var(--transition-speed) ease;

  &:active,
  &:hover,
  &:focus  {
    background-color: var(--c4l-primary-400);
    color: var(--neutral-100);

    & .c4l-checkbox-icon-path {
      fill: var(--neutral-100);
    }
  }

  &:first-of-type[b-7woth24ek3] {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-inline-start: 1px solid var(--neutral-300);
  }

  &:last-of-type[b-7woth24ek3] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-inline-end: 1px solid var(--neutral-300);
  }
}

.c4l-assessment-checkbox[b-7woth24ek3] {
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-image: none;
  z-index: -1;
}

.c4l-assessment-discipline-label:has(.c4l-assessment-checkbox:checked)[b-7woth24ek3] {
  background-color: var(--c4l-primary-600);
  color: var(--neutral-100);

  & .c4l-checkbox-icon-path {
    fill: var(--neutral-100);
  }
}

.c4l-checkbox-icon-path[b-7woth24ek3] {
  transition: fill var(--transition-speed) ease;
}

.c4l-assessments-table-wrapper[b-7woth24ek3] {
  --_assessments-table-max-height: 65vh;
  max-block-size: var(--_assessments-table-max-height);
}

.assessments-title-cell[b-7woth24ek3] {
  max-inline-size: 53.125rem;
}

.assessments-objective-title[b-7woth24ek3] {
  font-size: 1rem;
  line-height: 1.5;
}

.objective-details-facade[b-7woth24ek3] {
  position: fixed;
  inset: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.625);
}

@media (min-width: 87.5rem) {
  .c4l-assessment-options-wrapper[b-7woth24ek3] {
    flex-direction: row;
    align-items: center;
  }
}
/* /C4L/Pages/C4L_LearningCenterDetails.razor.rz.scp.css */
.learning-center-details-section[b-ro337qk9tp] {
  width: min(100%, 64rem);
  margin-inline: auto;
}

.learning-center-activities-heading[b-ro337qk9tp] {
  margin-block-end: 1.5rem;
}

.learning-center-activities-subheading[b-ro337qk9tp] {
  margin-block-end: 2rem;
}

.learning-center-activities-wrapper[b-ro337qk9tp] {
  margin-block-start: 2rem;
}

.learning-center-activity[b-ro337qk9tp] {
  padding: 1.5rem;
  background-color: var(--white);
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
}

.select-activity-label[b-ro337qk9tp] {
  font-size: 1rem;
  line-height: 1.5;
}
/* /C4L/Pages/C4L_LearningCenters.razor.rz.scp.css */
.learning-centers-tab-list[b-lajo5lfcji] {
  border-color: var(--neutral-300);
}

.learning-centers-tab[b-lajo5lfcji]  {
  font-size: 1rem;
  font-weight: 350;
  line-height: 1.5;
  margin-block: 0;
  border: none;
  padding: 0.5rem 1rem;
  background-color: transparent;
  transition: color var(--transition-speed) ease;

  &::before {
    content: '';
    position: absolute;
    inset: auto auto -1px 0;
    inline-size: 100%;
    block-size: 0.125rem;
    background-color: var(--c4l-primary-500);
    transform: scaleX(0);
    transition: transform var(--transition-speed) ease;
  }

  &.active[b-lajo5lfcji] {
    background-color: transparent;
    color: var(--c4l-primary-500);

    &::before {
      transform: scaleX(1);
    }
  }

  &:active[b-lajo5lfcji],
  &:hover[b-lajo5lfcji],
  &:focus[b-lajo5lfcji] {
    color: var(--c4l-primary-500);
  }
}

.learning-centers-cards-wrapper[b-lajo5lfcji] {
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  gap: 2rem;
  margin-block-start: 2rem;
}

.learning-centers-card[b-lajo5lfcji] {
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  padding: clamp(1rem, 0.793rem + 0.884vw, 1.5rem);
  background-color: var(--white);
}

.learning-center-card-title[b-lajo5lfcji] {
  font-size: 1.5rem;
  font-weight: 550;
  line-height: 1.125;
}

.learning-center-card-button[b-lajo5lfcji] {
  background-color: var(--white);
  padding: 0.5rem;
}

.learning-center-card-subheading[b-lajo5lfcji] {
  font-size: 1rem;
  line-height: 1.5;
  margin-block: 0;
}
/* /C4L/Pages/C4L_LessonDetails.razor.rz.scp.css */
.lesson-title-content[b-w91hgtg8jb] {
  margin-block-end: 2rem;
}

.lesson-unit-info[b-w91hgtg8jb] {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.125;
  color: var(--neutral-600);
}

.lesson-type[b-w91hgtg8jb] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: var(--info-100);
  color: var(--info-900);
  padding: 0.375rem 0.75rem;
  border-radius: 100rem;
  border: 1px solid var(--info-500);
}

.lesson-tabs[b-w91hgtg8jb] {
  margin-block-end: 2rem;
}

.lesson-tab[b-w91hgtg8jb] {
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  border: none;

  &::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: var(--c4l-primary-500);
    transform: scaleX(0);
    transition: transform var(--transition-speed) ease;
  }

  &.active[b-w91hgtg8jb] {
    font-weight: 700;
    color: var(--c4l-primary-500);

    &::after {
      transform: scaleX(1);
    }
  }
}
/* /C4L/Pages/C4L_Lessons.razor.rz.scp.css */
.lessons-calendar-section[b-6jn0ku1bn9] {
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  padding: 2rem;
  background-color: var(--white);
  gap: 0.5rem;
}

.calendar-header-wrapper[b-6jn0ku1bn9] {
  justify-content: space-between;
  margin-block-end: 1.5rem;
}

.c4l-week-navigation-wrapper[b-6jn0ku1bn9] {
  gap: 1rem;
}

.c4l-week-nav-button[b-6jn0ku1bn9] {
  background: var(--white);
  border: none;
  padding: 0.5rem;
  inline-size: 2.5rem;
  aspect-ratio: 1;
}

.c4l-lessons-buttons-wrapper[b-6jn0ku1bn9] {
  font-size: 1rem;
  line-height: 1.5;
  background-color: var(--white);
  color: var(--neutral-900);
  padding: 0.5rem 0.75rem;
  border-radius: var(--button-border-radius) 0.25rem;
  border: 1px solid var(--neutral-300);
  transition: background-color var(--transition-speed) ease;

  &:hover,
  &:focus {
    background-color: var(--neutral-100);
  }
}

.jump-to-date-input[b-6jn0ku1bn9] {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: none;

  &::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
}

.c4l-lesson-calendar-heading[b-6jn0ku1bn9] {
  font-size: clamp(1.375rem, 1.22rem + 0.663vw, 1.75rem);
  color: var(--black);
}

.lesson-calendar-grid-wrapper[b-6jn0ku1bn9] {
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}

.calendar-heading-card[b-6jn0ku1bn9] {
  background-color: var(--neutral-100);
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;

  &.active {
    background-color: var(--c4l-primary-500);
    border: none;

    .calendar-heading-date,
    .calendar-unit,
    .calendar-weekday,
    .non-contact-days-description {
      color: var(--white);
    }

    .calendar-reschedule-button[b-6jn0ku1bn9] {
      color: var(--neutral-200);
    }

    .calendar-icon-path[b-6jn0ku1bn9] {
      fill: var(--neutral-200);
    }

    .outside-range-heading[b-6jn0ku1bn9] {
      color: var(--white);
    }
  }
}

.calendar-heading-date[b-6jn0ku1bn9] {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-600);
}

.calendar-unit[b-6jn0ku1bn9] {
  font-size: 1.5rem;
  line-height: 1.125;
  color: var(--black);
}

.calendar-weekday[b-6jn0ku1bn9] {
  font-size: 1.25rem;
  line-height: 1.125;
  color: var(--neutral-800);
  margin-block: 0;
}

.calendar-reschedule-button[b-6jn0ku1bn9] {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--neutral-900);
  background-color: transparent;
  padding: 0.5rem;
  gap: 0.5rem;
  border: none;
}

.lesson-type-wrapper[b-6jn0ku1bn9] {
  padding: 0.75rem 0.5rem;
  margin-block-end: 0.5rem;
  background-color: var(--c4l-primary-100);
  color: var(--neutral-800);
  border-radius: 0.25rem;
}

.lesson-type[b-6jn0ku1bn9] {
  font-size: 1rem;
  line-height: 1.125;
}

.lesson-title-link[b-6jn0ku1bn9] {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--info-500);
  background-color: var(--white);
  border: none;
  padding: 0;
  text-wrap: pretty;
}

.lesson-card[b-6jn0ku1bn9] {
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  padding: 0.5rem;
  background-color: white;
  min-block-size: 10rem;

  &.empty {
    border: none;
    background-color: var(--neutral-100);
  }
}

.outside-range-heading[b-6jn0ku1bn9],
.non-contact-days-description[b-6jn0ku1bn9] {
  font-size: 1.125rem;
}
/* /C4L/Pages/C4L_LessonWeekPreparations.razor.rz.scp.css */
.c4l-week-prep-nav-button[b-vz7va9441d] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  inline-size: 2.5rem;
  aspect-ratio: 1;
  cursor: pointer;

  &:hover {
    background-color: var(--white);
  }

  &:focus[b-vz7va9441d] {
    outline: 0.25rem solid var(--c4l-primary-300);
  }
}

.c4l-prep-card[b-vz7va9441d] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background: var(--white);
  padding: 1.5rem;
}

.completed-checkbox-wrapper[b-vz7va9441d] {
  padding-block-end: 1.5rem;

  &::before {
    content: '';
    position: absolute;
    left: 2.5rem;
    bottom: 0;
    inline-size: calc(100% - 2.5rem);
    block-size: 1px;
    background-color: var(--neutral-300);
  }
}

.c4l-lesson-title[b-vz7va9441d] {
  font-size: 1.5rem;
  line-height: 1.125;
  color: var(--neutral-800);
}

.c4l-prep-card-checkbox[b-vz7va9441d] {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  border: 1px solid var(--neutral-400);

  &:checked {
    background-color: var(--c4l-primary-500);
  }
}

.prep-card-description-wrapper[b-vz7va9441d] {
  max-inline-size: calc(100% - 2.5rem);
  margin-inline-start: auto;
  inline-size: 100%;
}

.prep-card-completion-date[b-vz7va9441d],
.prep-card-preparation-tasks[b-vz7va9441d] {
  font-size: 1rem;
  line-height: 1.5;
}

.prep-card-completion-date[b-vz7va9441d] {
  font-weight: 500;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-600);
}

.prep-card-preparation-tasks[b-vz7va9441d] {
  color: var(--neutral-900);
}

.no-preparations-message[b-vz7va9441d] {
  font-size: 1.25rem;
  font-weight: 650;
}
/* /C4L/Pages/Student/C4L_StudentAlphabetAssessments.razor.rz.scp.css */
.alphabet-page-description[b-71pjhy8eer] {
    margin-block-end: 1.5rem;
}

.alphabet-description-text[b-71pjhy8eer] {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-block: 0;
}

.alphabet-table-header[b-71pjhy8eer] {
    margin-block-end: 1rem;
}

.alphabet-student-name[b-71pjhy8eer] {
    font-size: 1rem;
    line-height: 1.5;
    margin-block: 0;
}

.alphabet-assessments-section[b-71pjhy8eer] {
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: 0.25rem;
    border: 1px solid var(--neutral-300);
}

.alphabet-table-wrapper[b-71pjhy8eer] {
    overflow-x: auto;
    padding-inline: 0.5rem;
}

.alphabet-table[b-71pjhy8eer] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--white);
}

.alphabet-table-row[b-71pjhy8eer] {
    border-block-end: 1px solid var(--neutral-300);
}

.alphabet-table-row:last-child[b-71pjhy8eer] {
    border-block-end: none;
}

.alphabet-letter-cell[b-71pjhy8eer] {
    padding: 0.75rem 0;
    padding-inline-end: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    width: 50%;
}

.alphabet-button-cell[b-71pjhy8eer] {
    padding: 0.5rem 0.5rem;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 10rem;
}

.alphabet-button-cell-first[b-71pjhy8eer],
.alphabet-button-cell-middle[b-71pjhy8eer] {
    padding-inline-end: 0.5rem;
}

.alphabet-button-cell-last[b-71pjhy8eer] {
    padding-inline-end: 0;
}

.alphabet-label[b-71pjhy8eer] {
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    border-radius: var(--button-border-radius);
    border: 1px solid var(--neutral-300);
    background-color: var(--white);
    color: var(--neutral-900);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;

    &:hover {
        background-color: var(--neutral-100);
    }

    &:focus-within[b-71pjhy8eer] {
        outline: 0.25rem solid var(--c4l-primary-300);
        outline-offset: 0.125rem;
    }
}

.alphabet-checkbox[b-71pjhy8eer] {
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-image: none;
    z-index: -1;
}

.alphabet-label:has(.alphabet-checkbox:checked)[b-71pjhy8eer],
.alphabet-label.checked[b-71pjhy8eer] {
    background-color: var(--c4l-primary-600);
    color: var(--white);
    border-color: var(--c4l-primary-600);

    &:hover {
        background-color: var(--c4l-primary-700);
        border-color: var(--c4l-primary-700);
    }
}

.alphabet-status-message-wrapper[b-71pjhy8eer] {
    text-align: center;
    padding: 2rem;
}
/* /C4L/Pages/Student/C4L_StudentAssessmentsSummary.razor.rz.scp.css */
.assessment-categories-wrapper[b-s8o1api5ei] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-start: 1rem;
  max-width: 100%;
}

.assessment-category-card[b-s8o1api5ei] {
  background-color: var(--white);
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.category-title[b-s8o1api5ei] {
  font-size: 1.5rem;
  color: var(--black);
  margin: 0;
  padding: 0;
}

.literacy-card[b-s8o1api5ei] {
  gap: 0.5rem;
  width: 100%;
}

.literacy-subsections[b-s8o1api5ei] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  width: 100%;
}

.literacy-subsection[b-s8o1api5ei] {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0.25rem;
  background-color: transparent;
  position: relative;
}

.subsection-title[b-s8o1api5ei] {
  font-size: 0.875rem;
  color: var(--black);
  margin: 0;
  margin-block-end: 0.25rem;
  padding: 0;
}

.assessment-content[b-s8o1api5ei] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1;
  min-width: 0;
}

.details-button-wrapper[b-s8o1api5ei] {
  display: flex;
  justify-content: flex-end;
  margin-block-start: 0.25rem;
  padding-block-start: 0;
}

.details-button[b-s8o1api5ei] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: transparent;
  border: 1px solid var(--neutral-300);
  color: var(--neutral-700);
  font-size: 0.875rem;
  padding: 0.35rem 0.525rem;
}

.details-button:hover[b-s8o1api5ei] {
  background-color: var(--neutral-100);
  border-color: var(--neutral-400);
}

.other-categories-grid[b-s8o1api5ei] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
  max-width: 100%;
}

.school-year-select[b-s8o1api5ei] {
  width: auto;
}

@media (min-width: 90rem) {
  .literacy-subsections[b-s8o1api5ei] {
    gap: 3rem;
  }
}
/* /C4L/Pages/Student/C4L_StudentAssessmentSummaryByDomain.razor.rz.scp.css */
.c4l-domain-main-content-container[b-penxf8dm4p] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: 0.25rem;
    padding: 1.5rem;
}

.c4l-domain-table-container[b-penxf8dm4p] {
    border-radius: 0;
    margin-block-end: 0;
}

.c4l-domain-content-area-row[b-penxf8dm4p] {
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.c4l-domain-content-area-row:first-of-type .c4l-domain-content-area-cell[b-penxf8dm4p] {
    border-top: none;
}

.c4l-domain-content-area-row:last-of-type[b-penxf8dm4p] {
    border-block-end: none;
}

.c4l-domain-content-area-row:hover[b-penxf8dm4p] {
    background-color: var(--info-100);
}

.c4l-domain-content-area-cell[b-penxf8dm4p] {
    border-top: 1px solid var(--neutral-300);
    border-block-end: none;
}

.c4l-domain-content-area-cell.c4l-domain-expanded-cell-above[b-penxf8dm4p] {
    border-block-end: none;
}

.c4l-domain-content-area-expanded-row[b-penxf8dm4p] {
    border: none;
}

.c4l-domain-caret-column[b-penxf8dm4p] {
    width: 3rem;
    padding-inline-end: 1.5rem;
}

.c4l-domain-expanded-cell-content[b-penxf8dm4p] {
    padding: 0;
    border-top: 1px solid var(--neutral-300);
    border-block-end: none;
}

.c4l-domain-expanded-content[b-penxf8dm4p] {
    padding: 1.5rem 0;
}

.c4l-domain-student-objectives-sub-table[b-penxf8dm4p] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--white);
    border: none;
    border-radius: 0;
}

.c4l-domain-student-objectives-sub-table .c4l-domain-objective-row[b-penxf8dm4p] {
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    border: none;
}

.c4l-domain-student-objectives-sub-table .c4l-domain-objective-row:hover[b-penxf8dm4p] {
    background-color: var(--info-100);
}

.c4l-domain-objective-title[b-penxf8dm4p] {
    width: 70%;
}

.c4l-domain-objective-pill-cell[b-penxf8dm4p] {
    width: 30%;
    text-align: center;
}

.c4l-domain-checkbox-label[b-penxf8dm4p] {
    cursor: pointer;
}

.c4l-domain-first-column[b-penxf8dm4p] {
    padding-inline-start: 1.5rem;
}

.c4l-domain-last-column[b-penxf8dm4p] {
    padding-inline-end: 1.5rem;
}

.c4l-domain-summary-table[b-penxf8dm4p] {
    width: 100%;
    min-width: 53rem;
    border-collapse: collapse;
    background-color: var(--white);
    border: none;
    margin-block-end: 0;
    table-layout: fixed;
}

.c4l-domain-header-content-area[b-penxf8dm4p] {
    width: 12rem;
}

.c4l-domain-header-independent[b-penxf8dm4p] {
    width: 10rem;
}

.c4l-domain-header-proficiency[b-penxf8dm4p] {
    width: 7rem;
}

.c4l-domain-header-total-objectives[b-penxf8dm4p] {
    width: 8rem;
}

.c4l-domain-header-caret[b-penxf8dm4p] {
    width: 2rem;
}
/* /C4L/Pages/Student/C4L_StudentVocabularyAssessments.razor.rz.scp.css */
.vocabulary-page-description[b-8yktmjr7tb] {
    margin-block-end: 1.5rem;
}

.vocabulary-description-text[b-8yktmjr7tb] {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;
    margin-block: 0;
}

.vocabulary-table-header[b-8yktmjr7tb] {
    margin-block-end: 1rem;
}

.vocabulary-student-name[b-8yktmjr7tb] {
    font-size: 1rem;
    line-height: 1.5;
    margin-block: 0;
}

.vocabulary-assessments-section[b-8yktmjr7tb] {
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: 0.25rem;
    border: 1px solid var(--neutral-300);
}

.vocabulary-table-wrapper[b-8yktmjr7tb] {
    overflow-x: auto;
    padding-inline: 0.5rem;
}

.vocabulary-table[b-8yktmjr7tb] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--white);
    table-layout: fixed;
}

.vocabulary-table-row[b-8yktmjr7tb] {
    border-block-end: 1px solid var(--neutral-300);
}

.vocabulary-table-row:last-child[b-8yktmjr7tb] {
    border-block-end: none;
}

.vocabulary-word-cell[b-8yktmjr7tb] {
    padding: 0.75rem 0;
    padding-inline-end: 1rem;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    width: 66.67%;
}

.vocabulary-button-cell[b-8yktmjr7tb] {
    padding: 0.5rem;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 10rem;
}

.vocabulary-button-cell-first[b-8yktmjr7tb] {
    padding-inline-end: 0.5rem;
}

.vocabulary-button-cell-last[b-8yktmjr7tb] {
    padding-inline-end: 0;
}

.vocabulary-label[b-8yktmjr7tb] {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    border-radius: var(--button-border-radius);
    border: 1px solid var(--neutral-300);
    background-color: var(--white);
    color: var(--neutral-900);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease,
    color var(--transition-speed) ease,
    border-color var(--transition-speed) ease;
    width: 100%;
    display: block;
    isolation: isolate;
    position: relative;
    text-align: center;

    &:hover {
        background-color: var(--neutral-100);
    }

    &:focus-within[b-8yktmjr7tb] {
        outline: 0.25rem solid var(--c4l-primary-300);
        outline-offset: 0.125rem;
    }
}

.vocabulary-checkbox[b-8yktmjr7tb] {
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-image: none;
    z-index: -1;
}

.vocabulary-label:has(.vocabulary-checkbox:checked)[b-8yktmjr7tb],
.vocabulary-label.checked[b-8yktmjr7tb] {
    background-color: var(--c4l-primary-600);
    color: var(--white);
    border-color: var(--c4l-primary-600);

    &:hover {
        background-color: var(--c4l-primary-700);
        border-color: var(--c4l-primary-700);
    }
}

.vocabulary-status-message-wrapper[b-8yktmjr7tb] {
    text-align: center;
    padding: 2rem;
}
/* /C4L/Pages/Student/GameCenter.razor.rz.scp.css */
.classroom-selection-form[b-a6hl3gseqc] {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.classroom-option[b-a6hl3gseqc] {
    padding: 0.5rem 0;
}

.classroom-option-label[b-a6hl3gseqc] {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
}

/* /Common/Components/CompassButton/CompassButtonComponent.razor.rz.scp.css */
.compass-button-component[b-dx04vb9xkx] {
  color: var(--white);
  background-color: var(--app-theme-color-500);

  &:active {
    background-color: var(--app-theme-color-500);
  }

  &:hover[b-dx04vb9xkx] {
    background-color: var(--app-theme-color-700);
  }

  &:focus[b-dx04vb9xkx] {
    outline: 0.25rem solid var(--app-theme-color-300);
  }

  &.secondary-button[b-dx04vb9xkx] {
    background-color: var(--white);
    color: var(--neutral-900);
    border: 1px solid var(--neutral-300);

    &:hover {
      background-color: var(--neutral-100);
    }

    &:disabled[b-dx04vb9xkx],
    &[disabled][b-dx04vb9xkx] {
      background-color: var(--white);
      color: var(--neutral-400);
      border: 1px solid var(--neutral-400);
    }
  }

  &.tertiary-button[b-dx04vb9xkx] {
    background-color: var(--white);
    color: var(--neutral-900);

    &:hover {
      background-color: var(--neutral-100);
    }

    &:disabled[b-dx04vb9xkx],
    &[disabled][b-dx04vb9xkx] {
      background-color: var(--white);
      color: var(--neutral-400);
    }
  }
}
/* /Common/Components/EntitySummary/EntityTeacherSummaryComponent.razor.rz.scp.css */
.contact-summary-section[b-1vuf4clmwn] {
  background-color: var(--white);
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  border: 1px solid var(--neutral-300);
}

.noinfo-message-wrapper[b-1vuf4clmwn] {
  padding: 1rem;
  border-radius: 0.25rem;
  inline-size: 100%;
  background-color: var(--white);
  box-shadow: 
    0 0 0 1px rgba(24, 26, 27, 0.10),
    0 2px 8px -2px rgba(24, 26, 27, 0.10),
    0 6px 12px -6px rgba(24, 26, 27, 0.10);
  border: 1px solid var(--info-700);
  border-inline-start-width: 0.25rem;
}

.summary-info-heading[b-1vuf4clmwn] {
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
}
/* /Common/Components/FeatureCards/FeatureCard.razor.rz.scp.css */
.feature-card[b-d8m6nh2xzq] {
  padding: 1.5rem;
  border-radius: var(--compass-border-radius);
  border: 1px solid var(--neutral-300);
  background-color: var(--white);

  &:active,
  &:hover,
  &:focus {
    border-color: var(--app-theme-color-500);
  }
}

.feature-card-heading[b-d8m6nh2xzq] {
  font-size: 1.5rem;
  line-height: 1.125;
}
/* /Common/Components/Footer/FooterComponent.razor.rz.scp.css */
.footer[b-pm2wtsifxp] {
  padding-block: 1.75rem;
}

.footer-content-wrapper[b-pm2wtsifxp] {
  flex-direction: column;
  align-items: center;
}

.footer-links-wrapper[b-pm2wtsifxp] {
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

[b-pm2wtsifxp] .footer-link {
  font-size: 1.125rem;
  margin-block: 0;
  text-decoration: none;
  transition: color var(--transition-speed) ease;
}

[b-pm2wtsifxp] .footer-link.c4l-footer-link {
  &:hover {
    color: var(--c4l-primary-500);
  }
}

[b-pm2wtsifxp] .footer-link.deca-footer-link {
  &:hover {
    color: var(--deca-primary-500);
  }
}

[b-pm2wtsifxp] .footer-link.lap-footer-link {
  &:hover {
    color: var(--lap-primary-500);
  }
}

.footer-copyright-text[b-pm2wtsifxp],
.footer-version-text[b-pm2wtsifxp] {
  font-size: 0.75rem;
}

@media (min-width: 80rem) {
  .footer-links-wrapper[b-pm2wtsifxp] {
    flex-direction: row;
    justify-content: flex-start;
  }
}
/* /Common/Components/Modals/AssignBox.razor.rz.scp.css */
.assign-modal-wrapper[b-axaoso8i9l] {
  width: calc(100vw - 2rem);
  max-width: 1600px;
  margin-inline: auto;
  min-height: 475px;
  text-align: left;
}

@media (min-width: 80rem) {
  .assign-modal-wrapper[b-axaoso8i9l] {
    min-height: 400px;
  }
}
/* /Common/Components/Modals/FormModal.razor.rz.scp.css */
.modal-scroll-wrapper[b-bj21rfbnm6] {
  &.form-modal-scroll-wrapper {
    width: min(100%, 700px);
  }
}

.dialog-box[b-bj21rfbnm6] {
  &.form-modal-wrapper {
    width: 100%;
    text-align: left;
  }
}

.no-border-form[b-bj21rfbnm6] {
  & .compass-form {
    border: none;
    padding: 0;
  }
}
/* /Common/Components/NavMenu/ContactUserNavMenu.razor.rz.scp.css */
.navbar-toggler[b-eaj7qpwict] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler[b-eaj7qpwict] {
    &:checked {
        background-color: rgba(255, 255, 255, 0.5);

        & ~ .nav-scrollable {
            display: block;
            background-color: var(--neutral-900);
            border-block-start: 1px solid var(--neutral-500);
        }
    }
}

.sidebar-nav[b-eaj7qpwict] {
    --_nav-link-text-icon-gap: 0.75rem;
    background-color: var(--neutral-900);
}

.sidebar-dropdown-wrapper[b-eaj7qpwict] {
    height: 3.5rem;
    background-color: var(--neutral-900);
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
}

[b-eaj7qpwict] .nav-app-link {
    font-size: 1.25rem;
    color: var(--white);
    text-decoration: none;
}

.bi[b-eaj7qpwict] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.nav-links-wrapper[b-eaj7qpwict] {
    display: flex;
    gap: 0.75rem;
}

.nav-item[b-eaj7qpwict]  .nav-link {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    gap: var(--_nav-link-text-icon-gap);
    align-items: center;
    background: none;
    border: none;
    border-radius: 0.25rem;
    width: 100%;
    height: 3rem;
    line-height: 1.375;
    padding-inline: 0.5rem;
    transition:
        color var(--transition-speed) ease,
        background-color var(--transition-speed) ease,
        border-color var(--transition-speed) ease;

    &.active {
        font-weight: 600;
        color: var(--white);
    }
}

.nav-item[b-eaj7qpwict]  .nav-link {
    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }

    &.active[b-eaj7qpwict] {
        background-color: var(--app-theme-color-500);
    }
}

.nav-item[b-eaj7qpwict]  .nav-link {
    &.active {
        background-color: var(--app-theme-color-500);
    }
}

.selected-app-logo[b-eaj7qpwict] {
    max-width: 180px;
}

.nav-scrollable[b-eaj7qpwict] {
    display: none;
    z-index: 99;
    padding: 1rem;
}

.account-sidebar-nav-link[b-eaj7qpwict],
.login-sidebar-nav-link[b-eaj7qpwict],
.logout-sidebar-nav-link[b-eaj7qpwict] {
    display: block;
}

.account-links-wrapper[b-eaj7qpwict] {
    display: none;
}

.account-settings-link[b-eaj7qpwict],
.account-logout-link[b-eaj7qpwict] {
    background-color: transparent;
    gap: var(--_nav-link-text-icon-gap);
    border-radius: 0.25rem;
    border: none;
    padding: 0.5rem;
    position: relative;
    z-index: 20;

    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }
}

.sidebar-user-account-wrapper[b-eaj7qpwict] {
    overflow: auto;
}

.sidebar-user-info-wrapper[b-eaj7qpwict] {
    display: none;
    gap: 0.75rem;
    padding: 0.5rem;
}

.sidebar-user-avatar[b-eaj7qpwict] {
    width: 2.625rem;
    flex: 0 0 2.625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--app-theme-color-500);
    line-height: 1.5;
}

.sidebar-user-fullname[b-eaj7qpwict] {
    font-size: 1rem;
    line-height: 1.5;
}

.sidebar-username[b-eaj7qpwict] {
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 80rem) {
    .sidebar-nav[b-eaj7qpwict] {
        height: 100vh;
        overflow-y: auto;
    }

    .sidebar-dropdown-wrapper[b-eaj7qpwict] {
        padding: 1rem;
        height: 5.375rem;

        & .dropdown,
        & .dropdown-toggle,
        & .dropdown-menu {
            width: 100%;
        }

        & .compass-app-link[b-eaj7qpwict] {
            color: var(--white);
            background-color: var(--neutral-900);
            border: none;
            padding: 0.5rem;

            &::after {
                content: none;
            }
        }

        & .dropdown-menu[b-eaj7qpwict] {
            padding: 0.5rem;
            border: none;
            top: 60px;
        }

        & .dropdown-menu-li[b-eaj7qpwict] {
            padding: 0.5rem 1rem;
            background-color: var(--white);
            transition: background-color var(--transition-speed) ease;
            border-radius: 0.25rem;

            &:active,
            &:hover,
            &:focus {
                background-color: var(--neutral-100);
            }
        }

        &[b-eaj7qpwict]  .dropdown-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0;
            border-radius: 0.25rem;

            &.active,
            &:active,
            &:focus,
            &:hover {
                background-color: transparent;
            }
        }
    }

    [b-eaj7qpwict] .dropdown-item:hover {
        text-decoration: none;
        cursor: pointer;
        color: var(--neutral-900);
    }

    .navbar-toggler[b-eaj7qpwict] {
        display: none;

        &:checked {
            & ~ .nav-scrollable {
                border: none;
            }
        }
    }

    .nav-scrollable[b-eaj7qpwict] {
        display: block;
        max-height: calc(100% - 15.5rem);
        overflow-y: auto;
    }

    .nav-item[b-eaj7qpwict]  .nav-link:hover {
        text-decoration: none;
    }

    .sidebar-user-info-wrapper[b-eaj7qpwict] {
        display: flex;
    }

    .sidebar-account-wrapper[b-eaj7qpwict] {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

    .account-sidebar-nav-link[b-eaj7qpwict],
    .login-sidebar-nav-link[b-eaj7qpwict],
    .logout-sidebar-nav-link[b-eaj7qpwict] {
        display: none;
    }

    .account-links-wrapper[b-eaj7qpwict] {
        display: flex;
        gap: 0.5rem;
        border-block-start: 1px solid var(--neutral-500);
        padding: 1rem;
    }
}
/* /Common/Components/NavMenu/RoleNavMenu.razor.rz.scp.css */
.navbar-toggler[b-pt4jbxo80t] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler[b-pt4jbxo80t] {
    &:checked {
        background-color: rgba(255, 255, 255, 0.5);

        & ~ .nav-scrollable {
            display: block;
            background-color: var(--neutral-900);
            border-block-start: 1px solid var(--neutral-500);
        }
    }
}

.sidebar-nav[b-pt4jbxo80t] {
    --_nav-link-text-icon-gap: 0.75rem;
    background-color: var(--neutral-900);
}

.sidebar-dropdown-wrapper[b-pt4jbxo80t] {
    height: 3.5rem;
    background-color: var(--neutral-900);
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
}

[b-pt4jbxo80t] .nav-app-link {
    font-size: 1.25rem;
    color: var(--white);
    text-decoration: none;
}

.bi[b-pt4jbxo80t] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.nav-links-wrapper[b-pt4jbxo80t] {
    display: flex;
    gap: 0.75rem;
}

.nav-item[b-pt4jbxo80t]  .nav-link {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    gap: var(--_nav-link-text-icon-gap);
    align-items: center;
    background: none;
    border: none;
    border-radius: 0.25rem;
    width: 100%;
    height: 3rem;
    line-height: 1.375;
    padding-inline: 0.5rem;
    transition:
        color var(--transition-speed) ease,
        background-color var(--transition-speed) ease,
        border-color var(--transition-speed) ease;

    &.active {
        font-weight: 600;
        color: var(--white);
    }
}

.nav-item[b-pt4jbxo80t]  .nav-link {
    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }

    &.active[b-pt4jbxo80t] {
        background-color: var(--app-theme-color-500);
    }
}

.nav-item[b-pt4jbxo80t]  .nav-link {
    &.active {
        background-color: var(--app-theme-color-500);
    }
}

.selected-app-logo[b-pt4jbxo80t] {
    max-width: 180px;
}

.nav-scrollable[b-pt4jbxo80t] {
    display: none;
    z-index: 99;
    padding: 1rem;
}

.account-sidebar-nav-link[b-pt4jbxo80t],
.login-sidebar-nav-link[b-pt4jbxo80t],
.logout-sidebar-nav-link[b-pt4jbxo80t] {
    display: block;
}

.account-links-wrapper[b-pt4jbxo80t] {
    display: none;
}

.account-settings-link[b-pt4jbxo80t],
.account-logout-link[b-pt4jbxo80t] {
    background-color: transparent;
    gap: var(--_nav-link-text-icon-gap);
    border-radius: 0.25rem;
    border: none;
    padding: 0.5rem;
    position: relative;
    z-index: 20;

    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }
}

.sidebar-user-account-wrapper[b-pt4jbxo80t] {
    overflow: auto;
}

.sidebar-user-info-wrapper[b-pt4jbxo80t] {
    display: none;
    gap: 0.75rem;
    padding: 0.5rem;
}

.sidebar-user-avatar[b-pt4jbxo80t] {
    width: 2.625rem;
    flex: 0 0 2.625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--app-theme-color-500);
    line-height: 1.5;
}

.sidebar-user-fullname[b-pt4jbxo80t] {
    font-size: 1rem;
    line-height: 1.5;
}

.sidebar-username[b-pt4jbxo80t] {
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 80rem) {
    .sidebar-nav[b-pt4jbxo80t] {
        height: 100vh;
        overflow-y: auto;
    }

    .sidebar-dropdown-wrapper[b-pt4jbxo80t] {
        padding: 1rem;
        height: 5.375rem;

        & .dropdown,
        & .dropdown-toggle,
        & .dropdown-menu {
            width: 100%;
        }

        & .compass-app-link[b-pt4jbxo80t] {
            color: var(--white);
            background-color: var(--neutral-900);
            border: none;
            padding: 0.5rem;

            &::after {
                content: none;
            }
        }

        & .dropdown-menu[b-pt4jbxo80t] {
            padding: 0.5rem;
            border: none;
            top: 60px;
        }

        & .dropdown-menu-li[b-pt4jbxo80t] {
            padding: 0.5rem 1rem;
            background-color: var(--white);
            transition: background-color var(--transition-speed) ease;
            border-radius: 0.25rem;

            &:active,
            &:hover,
            &:focus {
                background-color: var(--neutral-100);
            }
        }

        &[b-pt4jbxo80t]  .dropdown-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0;
            border-radius: 0.25rem;

            &.active,
            &:active,
            &:focus,
            &:hover {
                background-color: transparent;
            }
        }
    }

    [b-pt4jbxo80t] .dropdown-item:hover {
        text-decoration: none;
        cursor: pointer;
        color: var(--neutral-900);
    }

    .navbar-toggler[b-pt4jbxo80t] {
        display: none;

        &:checked {
            & ~ .nav-scrollable {
                border: none;
            }
        }
    }

    .nav-scrollable[b-pt4jbxo80t] {
        display: block;
        max-height: calc(100% - 15.5rem);
        overflow-y: auto;
    }

    .nav-item[b-pt4jbxo80t]  .nav-link:hover {
        text-decoration: none;
    }

    .sidebar-user-info-wrapper[b-pt4jbxo80t] {
        display: flex;
    }

    .sidebar-account-wrapper[b-pt4jbxo80t] {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

    .account-sidebar-nav-link[b-pt4jbxo80t],
    .login-sidebar-nav-link[b-pt4jbxo80t],
    .logout-sidebar-nav-link[b-pt4jbxo80t] {
        display: none;
    }

    .account-links-wrapper[b-pt4jbxo80t] {
        display: flex;
        gap: 0.5rem;
        border-block-start: 1px solid var(--neutral-500);
        padding: 1rem;
    }
}
/* /Common/Components/NavMenu/RoleSidebarNavigationComponent.razor.rz.scp.css */
.navbar-toggler[b-0zis0ynvq9] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler[b-0zis0ynvq9] {
    &:checked {
        background-color: rgba(255, 255, 255, 0.5);

        & ~ .nav-scrollable {
            display: block;
            background-color: var(--neutral-900);
            border-block-start: 1px solid var(--neutral-500);
        }
    }
}

.sidebar-nav[b-0zis0ynvq9] {
    --_nav-link-text-icon-gap: 0.75rem;
    background-color: var(--neutral-900);
}

.sidebar-dropdown-wrapper[b-0zis0ynvq9] {
    height: 3.5rem;
    background-color: var(--neutral-900);
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
}

[b-0zis0ynvq9] .nav-app-link {
    font-size: 1.25rem;
    color: var(--white);
    text-decoration: none;
}

.bi[b-0zis0ynvq9] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.organization-name-only[b-0zis0ynvq9] {
    gap: 0.75rem;
}

.nav-links-wrapper[b-0zis0ynvq9] {
    display: flex;
    gap: 0.75rem;
}

.nav-item[b-0zis0ynvq9]  .nav-link {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    gap: var(--_nav-link-text-icon-gap);
    align-items: center;
    background: none;
    border: none;
    border-radius: 0.25rem;
    width: 100%;
    height: 3rem;
    line-height: 1.375;
    padding-inline: 0.5rem;
    transition:
        color var(--transition-speed) ease,
        background-color var(--transition-speed) ease,
        border-color var(--transition-speed) ease;

    &.active {
        font-weight: 600;
        color: var(--white);
    }
}

.nav-item[b-0zis0ynvq9]  .nav-link {
    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }

    &.active[b-0zis0ynvq9] {
        background-color: var(--app-theme-color-500);
    }
}

.nav-item[b-0zis0ynvq9]  .nav-link {
    &.active {
        background-color: var(--app-theme-color-500);
    }
}

.nav-scrollable[b-0zis0ynvq9] {
    display: none;
    z-index: 99;
    padding: 1rem;
}

.account-sidebar-nav-link[b-0zis0ynvq9],
.login-sidebar-nav-link[b-0zis0ynvq9],
.logout-sidebar-nav-link[b-0zis0ynvq9] {
    display: block;
}

.account-links-wrapper[b-0zis0ynvq9] {
    display: none;
}

.account-settings-link[b-0zis0ynvq9],
.account-logout-link[b-0zis0ynvq9] {
    background-color: transparent;
    gap: var(--_nav-link-text-icon-gap);
    border-radius: 0.25rem;
    border: none;
    padding: 0.5rem;
    position: relative;
    z-index: 20;

    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }
}

.sidebar-user-account-wrapper[b-0zis0ynvq9] {
    overflow: auto;
}

.sidebar-user-info-wrapper[b-0zis0ynvq9] {
    display: none;
    gap: 0.75rem;
    padding: 0.5rem;
}

.sidebar-user-avatar[b-0zis0ynvq9] {
    width: 2.625rem;
    flex: 0 0 2.625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--app-theme-color-500);
    line-height: 1.5;
}

.sidebar-user-fullname[b-0zis0ynvq9] {
    font-size: 1rem;
    line-height: 1.5;
}

.sidebar-username[b-0zis0ynvq9] {
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 80rem) {
    .sidebar-nav[b-0zis0ynvq9] {
        height: 100vh;
        overflow-y: auto;
    }

    .sidebar-dropdown-wrapper[b-0zis0ynvq9] {
        padding: 1rem;
        height: 5.375rem;

        & .dropdown,
        & .dropdown-toggle,
        & .dropdown-menu {
            width: 100%;
        }

        & .compass-app-link[b-0zis0ynvq9] {
            color: var(--white);
            background-color: var(--neutral-900);
            border: none;
            padding: 0.5rem;

            &::after {
                content: none;
            }
        }

        & .dropdown-menu[b-0zis0ynvq9] {
            padding: 0.5rem;
            border: none;
            top: 60px;
        }

        & .dropdown-menu-li[b-0zis0ynvq9] {
            padding: 0.5rem 1rem;
            background-color: var(--white);
            transition: background-color var(--transition-speed) ease;
            border-radius: 0.25rem;

            &:active,
            &:hover,
            &:focus {
                background-color: var(--neutral-100);
            }
        }

        &[b-0zis0ynvq9]  .dropdown-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0;
            border-radius: 0.25rem;

            &.active,
            &:active,
            &:focus,
            &:hover {
                background-color: transparent;
            }
        }
    }

    [b-0zis0ynvq9] .dropdown-item:hover {
        text-decoration: none;
        cursor: pointer;
        color: var(--neutral-900);
    }

    .navbar-toggler[b-0zis0ynvq9] {
        display: none;

        &:checked {
            & ~ .nav-scrollable {
                border: none;
            }
        }
    }

    .nav-scrollable[b-0zis0ynvq9] {
        display: block;
        max-height: calc(100% - 15.5rem);
        overflow-y: auto;
    }

    .nav-item[b-0zis0ynvq9]  .nav-link:hover {
        text-decoration: none;
    }

    .sidebar-user-info-wrapper[b-0zis0ynvq9] {
        display: flex;
    }

    .sidebar-account-wrapper[b-0zis0ynvq9] {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

    .account-sidebar-nav-link[b-0zis0ynvq9],
    .login-sidebar-nav-link[b-0zis0ynvq9],
    .logout-sidebar-nav-link[b-0zis0ynvq9] {
        display: none;
    }

    .account-links-wrapper[b-0zis0ynvq9] {
        display: flex;
        gap: 0.5rem;
        border-block-start: 1px solid var(--neutral-500);
        padding: 1rem;
    }
}
/* /Common/Components/PasswordRequirements/PasswordRequirementsInfo.razor.rz.scp.css */
.password-requirements-ul[b-25ubwtsife] {
  list-style: none;
}

.password-requirements-li[b-25ubwtsife] {
  padding-inline-start: 2rem;

  &.requirement-met {
    font-weight: 600;
    color: var(--success-800);
  }
}

.password-requirement-icon[b-25ubwtsife] {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
/* /Common/Components/Photos/PhotosSidebarComponent.razor.rz.scp.css */
.photo-filters-wrapper[b-eaviuu43cb] {
  padding-block-end: 1rem;
  border-block-end: 1px solid var(--neutral-300);

  &:last-of-type {
    padding-block-end: 0;
    border-block-end: none;
  }
}

.photos-filters-select[b-eaviuu43cb] {
  border-radius: var(--compass-border-radius);
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  appearance: none;
}

.photo-checkbox-wrapper[b-eaviuu43cb] {
  gap: 0.375rem;
}

.select-dropdown-icon[b-eaviuu43cb] {
  top: 50%;
  right: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
}
/* /Common/Components/PublicPagesHeader/PublicPagesHeaderComponent.razor.rz.scp.css */
.public-page-header[b-5jm4klshfq] {
  border-bottom: none;
  padding: 1.5rem;
  gap: 2rem;
  flex-direction: column;
} 

@media (min-width: 80rem) {
  .public-page-header[b-5jm4klshfq] {
    padding: 2rem;
    flex-direction: row;
  }
}
/* /Common/Components/Reports/ReportCardComponent.razor.rz.scp.css */
.report-card-component[b-u9w8d19lyf] {
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    cursor: pointer;
    outline: 0.25rem solid transparent;
    outline-offset: 0.125rem;
    transition:
        border-color var(--transition-speed) ease,
        box-shadow var(--transition-speed) ease;
    text-align: left;
}

.report-card-component:hover[b-u9w8d19lyf] {
    border-color: var(--neutral-500);
}

.report-card-component:focus[b-u9w8d19lyf] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--c4l-primary-300);
}

.report-card-component:active[b-u9w8d19lyf] {
    border-color: var(--neutral-600);
}

.report-card-title[b-u9w8d19lyf] {
    font-size: 1.5rem;
    color: var(--neutral-900);
}

.report-card-description[b-u9w8d19lyf] {
    color: var(--neutral-700);
}
/* /Common/Components/Reports/ReportComponent.razor.rz.scp.css */
.report-component-wrapper[b-xcamdeyod1] {
    width: 100%;
    max-width: 100%;
}

.report-navigation-wrapper[b-xcamdeyod1] {
    background-color: var(--bs-light);
    border-radius: 0.375rem;
    padding: 0.75rem;
}

.report-navigation-buttons[b-xcamdeyod1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-selector[b-xcamdeyod1] {
    width: auto;
    min-width: 120px;
    max-width: 150px;
}

.report-content-wrapper[b-xcamdeyod1] {
    min-height: 400px;
}

.report-content[b-xcamdeyod1] {
    background-color: white;
    min-height: 400px;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 800px;
}

.report-content table[b-xcamdeyod1] {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
}

.report-content table tr[b-xcamdeyod1] {
    border: none !important;
    background-color: transparent !important;
}

.report-content table th[b-xcamdeyod1] {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: inherit !important;
    overflow-wrap: normal !important;
}

.report-content table td[b-xcamdeyod1] {
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    overflow-wrap: normal !important;
}

.report-content img[b-xcamdeyod1] {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-info .badge[b-xcamdeyod1] {
    font-size: 0.875rem;
}


@media print {
    .report-navigation-wrapper[b-xcamdeyod1] {
        display: none;
    }

    .report-content[b-xcamdeyod1] {
        border: none;
        box-shadow: none;
        max-height: none;
        overflow: visible;
    }
}
/* /Common/Components/Reports/ReportSinglePageComponent.razor.rz.scp.css */
.report-iframe[b-2o51ulzva1] {
    width: 100%;
    height: 100%;
    min-height: 37.5rem;
    border: none;
    display: block;
    box-sizing: border-box;
}

.report-no-data-banner[b-2o51ulzva1] {
    background-color: var(--info-100);
    color: var(--info-800);
    padding: 0.75rem 1rem 0.75rem 1.375rem;
    font-size: 0.875rem;
    border-left: 0.375rem solid var(--info-700);
}

.report-error-banner[b-2o51ulzva1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    margin-block: 1rem;
    margin-inline: auto;
    background-color: var(--error-100);
    border: 0.0625rem solid var(--error-700);
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.5rem rgba(220, 53, 69, 0.1);
    width: fit-content;
}

.report-error-content[b-2o51ulzva1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
}

.report-error-icon[b-2o51ulzva1] {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}

.report-error-text[b-2o51ulzva1] {
    color: var(--error-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.report-error-close[b-2o51ulzva1] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--error-600);
    transition: background-color var(--transition-speed) ease;
    min-width: 2.75rem;
    min-height: 2.75rem;
}

.report-error-close:hover[b-2o51ulzva1] {
    background-color: var(--error-200);
}

.report-error-close:focus[b-2o51ulzva1] {
    outline: 0.125rem solid var(--error-600);
    outline-offset: 0.125rem;
}

.report-error-close-icon[b-2o51ulzva1] {
    width: 1rem;
    height: 1rem;
}

:host[b-2o51ulzva1] {
    display: block;
    width: 100%;
    height: 100%;
}
/* /Common/Components/Reports/ReportSinglePageParentComponent/ReportSinglePageParentComponent.razor.rz.scp.css */
.report-single-page-wrapper[b-wnl84fb8xf] {
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
}

.report-single-page-layout[b-wnl84fb8xf] {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 1.5rem;
}

.report-single-page-settings-column[b-wnl84fb8xf],
.report-single-page-preview-column[b-wnl84fb8xf] {
    display: flex;
    flex-direction: column;
}

.report-single-page-settings-card[b-wnl84fb8xf] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    overflow: visible;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.report-single-page-preview-card[b-wnl84fb8xf] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.report-single-page-settings-header[b-wnl84fb8xf],
.report-single-page-preview-header[b-wnl84fb8xf] {
    background-color: var(--white);
    padding-block: 1rem;
    padding-inline: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.report-single-page-settings-title[b-wnl84fb8xf],
.report-single-page-preview-title[b-wnl84fb8xf] {
    font-size: 1.25rem;
    color: var(--neutral-900);
    margin: 0;
}

.report-single-page-settings-body[b-wnl84fb8xf] {
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
    flex: 1;
    overflow: visible;
}

.report-single-page-preview-body[b-wnl84fb8xf] {
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
    flex: 1;
    overflow-y: auto;
}

.report-single-page-preview-placeholder[b-wnl84fb8xf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 6rem;
    text-align: center;
}

.report-single-page-container[b-wnl84fb8xf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.report-single-page-actions-bar[b-wnl84fb8xf] {
    display: flex;
    gap: 0.5rem;
    padding-block: 0.75rem;
    padding-inline: 0.75rem;
    background-color: var(--neutral-100);
    border-bottom: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
}

.report-single-page-content[b-wnl84fb8xf] {
    flex: 1;
    overflow: auto;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--neutral-200);
}

.report-single-page-alert[b-wnl84fb8xf] {
    position: relative;
    margin-block-start: 1.5rem;
}

.report-single-page-alert-close-button[b-wnl84fb8xf] {
    position: absolute;
    inset-block-start: 0.5rem;
    inset-inline-end: 0.5rem;
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity var(--transition-speed) ease;
}

.report-single-page-alert-close-button:hover[b-wnl84fb8xf] {
    opacity: 1;
}
/* /Common/Components/Reports/SchoolYearSelectorComponent.razor.rz.scp.css */
.school-year-dropdown-wrapper[b-b058i7knvq] {
    position: relative;
    width: 100%;
}

.school-year-dropdown-toggle[b-b058i7knvq] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.school-year-dropdown-toggle:hover[b-b058i7knvq] {
    border-color: var(--neutral-300);
}

.school-year-dropdown-toggle:focus[b-b058i7knvq] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.school-year-dropdown-text[b-b058i7knvq] {
    flex: 1;
    color: var(--neutral-900);
}

.school-year-dropdown-icon[b-b058i7knvq] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform var(--transition-speed) ease;
}

.school-year-dropdown-menu[b-b058i7knvq] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.school-year-dropdown-item[b-b058i7knvq] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.school-year-dropdown-item:hover[b-b058i7knvq] {
    background-color: var(--neutral-300);
}
/* /Common/Components/Reports/StringListIntReturnSelector.razor.rz.scp.css */
.string-list-dropdown-wrapper[b-sb3sq04qbb] {
    position: relative;
    width: 100%;
}

.string-list-dropdown-toggle[b-sb3sq04qbb] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.string-list-dropdown-toggle:hover[b-sb3sq04qbb] {
    border-color: var(--neutral-300);
}

.string-list-dropdown-toggle:focus[b-sb3sq04qbb] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.string-list-dropdown-text[b-sb3sq04qbb] {
    flex: 1;
    color: var(--neutral-900);
}

.string-list-dropdown-icon[b-sb3sq04qbb] {
    flex-shrink: 0;
}

.string-list-dropdown-menu[b-sb3sq04qbb] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.string-list-dropdown-item[b-sb3sq04qbb] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.string-list-dropdown-item:hover[b-sb3sq04qbb] {
    background-color: var(--neutral-300);
}
/* /Common/Components/Reports/StudentGroupSelectorComponent.razor.rz.scp.css */
.student-group-dropdown-wrapper[b-nzegqaq5nd] {
    position: relative;
    width: 100%;
}

.student-group-dropdown-toggle[b-nzegqaq5nd] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.student-group-dropdown-toggle:hover[b-nzegqaq5nd] {
    border-color: var(--neutral-300);
}

.student-group-dropdown-toggle:focus[b-nzegqaq5nd] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.student-group-dropdown-text[b-nzegqaq5nd] {
    flex: 1;
    color: var(--neutral-900);
}

.student-group-dropdown-icon[b-nzegqaq5nd] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform var(--transition-speed) ease;
}

.student-group-dropdown-menu[b-nzegqaq5nd] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.student-group-dropdown-item[b-nzegqaq5nd] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.student-group-dropdown-item:hover[b-nzegqaq5nd] {
    background-color: var(--neutral-300);
}
/* /Common/Components/SkipLinkComponent/SkipLinkComponent.razor.rz.scp.css */
.compass-skip-link[b-r427gwmieh] {
  position: absolute;
  top: -100px;
  left: 1rem;
  background-color: var(--c4l-primary-500);
  color: var(--white);
  padding: 1rem 2rem;
  z-index: 999;
  text-decoration: none;
  transition: 
    top var(--transition-speed) ease,
    outline var(--transition-speed) ease;
  outline: 3px solid transparent;
  outline-offset: 2px;

  &.show,
  &:focus {
    top: 1rem;
    outline-color: var(--warning-400);
  }
}
/* /Common/Components/Widgets/BinaryToggle.razor.rz.scp.css */
.binary-toggle-group[b-13syoro6z8] {
    display: flex;
    flex-direction: column;
}

.binary-toggle-options-wrapper[b-13syoro6z8] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.binary-toggle-radio[b-13syoro6z8] {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--white);
  border: 1px solid var(--neutral-400);
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;

  &:focus {
    outline: 1px solid var(--app-theme-color-500, #0d6efd);
    outline-offset: 1px;
  }

  &:checked[b-13syoro6z8] {
    border-color: var(--app-theme-color-500, #0d6efd);
    background-color: var(--white);
    background-image: radial-gradient(circle, var(--app-theme-color-500, #0d6efd) 40%, transparent 45%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  &.large-radio[b-13syoro6z8] {
    width: 1.625rem;
    height: 1.625rem;
  }

  &:disabled[b-13syoro6z8] {
    background-color: var(--neutral-100);
    border-color: var(--neutral-200);
    cursor: not-allowed;

    &:checked {
      background-image: radial-gradient(circle, var(--neutral-400) 40%, transparent 45%);
      border-color: var(--neutral-400);
    }
  }
}

:global(.c4l-app) .binary-toggle-radio[b-13syoro6z8] {
  &:checked {
    border-color: var(--c4l-primary-500);
    background-image: radial-gradient(circle, var(--c4l-primary-500) 40%, transparent 45%);
  }
  &:focus[b-13syoro6z8] {
    outline-color: var(--c4l-primary-500);
  }
}

:global(.deca-app) .binary-toggle-radio[b-13syoro6z8] {
  &:checked {
    border-color: var(--deca-primary-500);
    background-image: radial-gradient(circle, var(--deca-primary-500) 40%, transparent 45%);
  }
  &:focus[b-13syoro6z8] {
    outline-color: var(--deca-primary-500);
  }
}

:global(.lap-app) .binary-toggle-radio[b-13syoro6z8] {
  &:checked {
    border-color: var(--lap-primary-500);
    background-image: radial-gradient(circle, var(--lap-primary-500) 40%, transparent 45%);
  }
  &:focus[b-13syoro6z8] {
    outline-color: var(--lap-primary-500);
  }
}
/* /Common/Components/Widgets/FileUpload/FileUploadWidget.razor.rz.scp.css */
.remove-image-button-wrapper[b-9fvuuwuqvm] {
    top: 1rem;
    right: 1rem;
    z-index: 10;
    background-color: hsla(0, 0%, 100%, 0.8);
    border-radius: var(--compass-border-radius);
    width: 3rem;
    height: 3rem;
}

.photo-delete-button[b-9fvuuwuqvm] {
    appearance: none;
    width: 100%;
    height: 100%;
    isolation: isolate;
}

.photo-delete-icon[b-9fvuuwuqvm] {
    z-index: -1;
    pointer-events: none;
}

.photo-upload-drag-drop-wrapper[b-9fvuuwuqvm] {
    border: 0.25rem dashed var(--neutral-300);
    border-radius: var(--compass-border-radius);
    background-color: var(--white);
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: 
        background-color var(--transition-speed) ease,
        border var(--transition-speed) ease;

    &:hover {
        border-color: var(--app-theme-color-500);
        background-color: var(--app-theme-color-100);
    }

    &.dragging[b-9fvuuwuqvm] {
        border-color: var(--info-500);
        border-style: solid;
        background-color: var(--info-100);
    }

    &.image-selected[b-9fvuuwuqvm] {
        border: 1px solid var(--neutral-300);
        background-color: var(--white);
    }
}

.drag-drop-content-wrapper[b-9fvuuwuqvm] {
    display: flex;
    cursor: grab;
}

.file-upload-input-wrapper[b-9fvuuwuqvm] {
    width: 3rem;
    height: 3rem;
}

.file-upload-label[b-9fvuuwuqvm] {
    cursor: pointer;
    outline: 0.25rem solid transparent;
    outline-offset: 0.125rem;

    &:focus {
        outline: 0.25rem solid var(--app-theme-color-300);
        outline-offset: 2px;
    }
}

.file-upload-input-icon[b-9fvuuwuqvm] {
    pointer-events: none;
    mask-image: url(/images/icons/upload-icon-white.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: var(--app-theme-color-500);
}

.drag-drop-input-heading[b-9fvuuwuqvm] {
    font-size: 1.5rem;
    font-weight: 550;
    color: var(--neutral-800);
}

.drag-drop-input-subheading[b-9fvuuwuqvm] {
    font-size: 1rem;
    font-weight: 300;
}

.file-preview-wrapper[b-9fvuuwuqvm] {
    inset: 0;
}

.uploaded-file-preview-image[b-9fvuuwuqvm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: var(--compass-border-radius);
}

.edit-photo-wrapper[b-9fvuuwuqvm] {
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    border: 1px solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    overflow: hidden;
    opacity: 1;
    transition: opacity var(--transition-speed) ease;

    &:hover {
        & .edit-image-overlay {
            opacity: 1;
        }
    }
}

.existing-image-label[b-9fvuuwuqvm] {
    cursor: pointer;
    background-color: var(--neutral-100);
}

.existing-thumbnail[b-9fvuuwuqvm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: var(--compass-border-radius);
}

.edit-image-overlay[b-9fvuuwuqvm] {
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity var(--transition-speed) ease;
}

.photo-uploading-wrapper[b-9fvuuwuqvm] {
    inset: 0;
    z-index: 10;
    opacity: 1;
}

.photo-upload-loading[b-9fvuuwuqvm] {
    inline-size: min(100%, 150px);
    block-size: 0.5rem;
    --gradient-color: no-repeat linear-gradient(var(--app-theme-color-500) 0 0);
    background: var(--gradient-color), var(--gradient-color), var(--app-theme-color-100);
    background-size: 60% 100%;
    animation: photo-viewer-image-loading-b-9fvuuwuqvm 3s infinite;
    border-radius: var(--compass-border-radius);
    border: 1px solid var(--app-theme-color-500);
}

@keyframes photo-viewer-image-loading-b-9fvuuwuqvm {
    0% {
        background-position: -150% 0, -150% 0;
    }

    66% {
        background-position: 250% 0, -150% 0;
    }

    100% {
        background-position: 250% 0, 250% 0;
    }
}
/* /Common/Components/Widgets/MultiSelectDropBox.razor.rz.scp.css */
.multi-select-form-group[b-007bipu7en] {
    display: flex;
    flex-direction: column;
}

.multi-select-dropdown-wrapper[b-007bipu7en] {
    position: relative;
    width: 100%;
}

.multi-select-dropdown-toggle[b-007bipu7en] {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: 0.375rem;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    transition: border-color var(--transition-speed) ease;
}

.multi-select-dropdown-toggle:hover[b-007bipu7en] {
    border-color: var(--neutral-300);
}

.multi-select-dropdown-toggle:focus[b-007bipu7en] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.multi-select-dropdown-icon[b-007bipu7en] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform var(--transition-speed) ease;
}

.multi-select-dropdown-toggle[aria-expanded="true"] .multi-select-dropdown-icon[b-007bipu7en] {
    transform: rotate(180deg);
}

.multi-select-dropdown-text[b-007bipu7en] {
    flex: 1;
    color: var(--neutral-900);
    text-align: left;
}

.multi-select-dropdown-menu[b-007bipu7en] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.multi-select-dropdown-item[b-007bipu7en] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.25rem 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.multi-select-dropdown-item:hover[b-007bipu7en] {
    background-color: var(--neutral-300);
}

.multi-select-dropdown-checkbox[b-007bipu7en] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    flex-shrink: 0;
}

.multi-select-dropdown-label[b-007bipu7en] {
    flex: 1;
    color: var(--neutral-900);
    font-size: 1rem;
}
/* /Common/Controls/Generic/CompassAlert.razor.rz.scp.css */
.compass-alert-wrapper[b-i4r62js3pg] {
  padding: 1rem;
  border-radius: 0.25rem;
  border: 1px solid;
  border-inline-start-width: 0.25rem;
  box-shadow:
    0px 0px 0px 1px rgba(24, 26, 27, 0.10),
    0px -6px 16px -6px rgba(24, 26, 27, 0.04),
    0px 8px 16px -8px rgba(24, 26, 27, 0.10),
    0px 12px 24px -6px rgba(24, 26, 27, 0.10);
  inline-size: min(100%, 40.75rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: -8rem;
  left: 50%;
  transform: translate(-50%, 0);
  transition:
    transform var(--transition-speed) ease,
    opacity var(--transition-speed) ease,
    visibility var(--transition-speed) ease;

  &.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translate(-50%, 3rem);
  }

  &.info-alert[b-i4r62js3pg] {
    border-color: var(--info-700);
    background-color: var(--white);
    color: var(--neutral-900);
  }

  &.success-alert[b-i4r62js3pg] {
    border-color: var(--success-700);
    background-color: var(--success-100);
    color: var(--success-800);
  }

  &.warning-alert[b-i4r62js3pg] {
    border-color: var(--warning-700);
    background-color: var(--warning-100);
    color: var(--warning-800);
  }

  &.error-alert[b-i4r62js3pg] {
    border-color: var(--error-700);
    background-color: var(--error-100);
    color: var(--error-800);
  }
}

.compass-alert-icon[b-i4r62js3pg] {
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1;

  &.info-alert-icon {
    background-image: url(/images/icons/info-icon.svg);
  }

  &.success-alert-icon[b-i4r62js3pg] {
    background-image: url(/images/icons/success-icon.svg);
  }

  &.warning-alert-icon[b-i4r62js3pg] {
    background-image: url(/images/icons/warning-icon.svg);
  }

  &.error-alert-icon[b-i4r62js3pg] {
    background-image: url(/images/icons/error-icon.svg);
  }
}

.compass-alert-message[b-i4r62js3pg] {
  font-weight: 450;
  line-height: 1.5;
  color: var(--neutral-900);

  &.success-alert-message {
    color: var(--success-800);
  }

  &.warning-alert-message[b-i4r62js3pg] {
    color: var(--warning-800);
  }

  &.error-alert-message[b-i4r62js3pg] {
    color: var(--error-800);
  }
}

.close-alert-button[b-i4r62js3pg] {
  padding: 0;
  border: none;
  background-color: transparent;
}
/* /Common/Controls/Generic/LoaderComponent.razor.rz.scp.css */
.loader-wrapper[b-9k7n9yygxl] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-spinner[b-9k7n9yygxl] {
  width: clamp(2.5rem, 1.055rem + 6.163vw, 5rem);
  height: clamp(2.5rem, 1.055rem + 6.163vw, 5rem);
  border-radius: 50%;
  border: clamp(0.25rem, 0.069rem + 0.77vw, 0.563rem) solid;
  border-color: hsl(200 40% 90%);
  border-right-color: var(--info-500);
  animation: loading-spinner-b-9k7n9yygxl 2.5s infinite linear;
}

@keyframes loading-spinner-b-9k7n9yygxl {
  to {
    transform: rotate(1turn);
  }
}

@media (prefers-reduced-motion: reduce) {
  .loading-spinner[b-9k7n9yygxl] {
    animation: none;
  }
}
/* /Common/Controls/Generic/NoTableDataMessage.razor.rz.scp.css */
.no-data-message-wrapper[b-y7duacshej] {
  --_info-text-color: hsl(236.4, 68.6%, 23.7%);
  --_info-bg-color: hsl(190 89.7% 87.5%);
  --_info-success-text-color: hsl(152 69% 19%);
  --_info-success-bg-color: hsl(151, 100%, 95%);
  --_info-warning-text-color: hsl(45 94% 21%);
  --_info-warning-bg-color: hsl(46, 100%, 97%);
  --_info-danger-text-color: hsl(354 79.4% 21%);
  --_info-danger-bg-color: hsl(354, 100%, 97%);
  background-color: var(--_info-bg-color);
  color: var(--_info-text-color);
  border-radius: 0.25rem;
  border-inline-start: 0.375rem solid var(--_info-text-color);
  padding: 1rem;

  & a {
    font-weight: 500;
    color: currentColor;
  }

  &.success-message[b-y7duacshej] {
    background-color: var(--_info-success-bg-color);
    border-color: var(--_info-success-text-color);
    color: var(--_info-success-text-color);

    & a {
      color: currentColor;
    }
  }

  &.warning-message[b-y7duacshej] {
    background-color: var(--_info-warning-bg-color);
    border-color: var(--_info-warning-text-color);
    color: var(--_info-warning-text-color);

    & a {
      color: currentColor;
    }
  }

  &.danger-message[b-y7duacshej] {
    background-color: var(--_info-danger-bg-color);
    border-color: var(--_info-danger-text-color);
    color: var(--_info-danger-text-color);

    & a {
      color: currentColor;
    }
  }
}
/* /Common/Controls/Generic/SearchComponent.razor.rz.scp.css */
:where(.search-input-wrapper)[b-hbfytmyz9d] {
  width: 100%;
  gap: 0.75rem;
  margin-block-end: 2rem;

  &.no-bottom-margin {
    margin-block-end: 0;
  }
}

:where(.input-wrapper)[b-hbfytmyz9d] {
  isolation: isolate;

  &::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: transparent;
    border-radius: 0.25rem;
    box-shadow: 0 0 8px 0 var(--info-400);
    opacity: 0;
    transition: opacity var(--transition-speed) ease;
  }

  &:has(.form-control:active)[b-hbfytmyz9d] {
    &::before {
      opacity: 1;
    }
  }

  &:has(.form-control:focus)[b-hbfytmyz9d] {
    &::before {
      opacity: 1;
    }
  }
}

:where(.search-button)[b-hbfytmyz9d] {
  width: 100%;
  background-color: var(--app-theme-color-500);
  color: var(--white);

  &:active {
    background-color: var(--app-theme-color-500);
  }

  &:hover[b-hbfytmyz9d] {
    background-color: var(--app-theme-color-700);
  }

  &:focus[b-hbfytmyz9d] {
    background-color: var(--app-theme-color-500);
    outline: 0.25rem solid var(--app-theme-color-300);
  }
}

.search-input-field[b-hbfytmyz9d] {
  background-color: var(--white);
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  transition: border var(--transition-speed) ease;

  &:active,
  &:hover,
  &:focus {
    border: 1px solid var(--info-700);
  }

  &[b-hbfytmyz9d]::placeholder {
    color: var(--neutral-600);
  }
}

@media (min-width: 48rem) {
  :where(.search-input-wrapper)[b-hbfytmyz9d] {
    width: 25rem;
  }

  :where(.search-button)[b-hbfytmyz9d] {
    width: fit-content;
  }
}
/* /Common/Controls/Generic/TooltipText.razor.rz.scp.css */
.c4l-tooltip-content[b-gml6luaeic] {
  cursor: help;
}

.tooltip-wrapper[b-gml6luaeic] {
  font-size: 0.875rem;
  font-weight: 500;
  display: block;
  position: absolute;
  padding: 0.5rem 0.75rem;
  top: 1.75rem;
  left: 0;
  background: var(--c4l-primary-500);
  color: var(--white);
  border-radius: var(--border-radius, 0.25rem);
  z-index: 100;
  width: max-content;
  max-width: 300px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--transition-speed) ease, visibility var(--transition-speed) ease;

  &.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
}

.tooltip-arrow[b-gml6luaeic] {
  --_arrow-size: 0.5rem;
  border-color: var(--c4l-primary-500) transparent;
  border-style: solid;
  border-width: 0px var(--_arrow-size) var(--_arrow-size) var(--_arrow-size);
  height: 0px;
  width: 0px;
  display: block;
  position: absolute;
  left: 3rem;

  &.up-arrow {
    top: calc(var(--_arrow-size) * -1);
  }

  &.down-arrow[b-gml6luaeic] {
    top: auto;
    bottom: calc(var(--_arrow-size) * -1);
    border-width: var(--_arrow-size) var(--_arrow-size) 0px var(--_arrow-size);
  }
}
/* /Common/Controls/Pagination/PaginationComponent.razor.rz.scp.css */
.compass-pagination-wrapper[b-hpt2th2fw6] {
    padding: 1rem;
    background-color: var(--white);
}

.compass-pagination-page-size-dropdown[b-hpt2th2fw6] {
    padding: 0.5rem;
    border: 0.0625rem solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    background-color: var(--white);
    color: var(--neutral-700);
}

.compass-pagination-button[b-hpt2th2fw6] {
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: var(--compass-border-radius);
    background-color: var(--white);
    color: var(--neutral-900);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.compass-pagination-button:hover:not(:disabled):not(.compass-pagination-current-page)[b-hpt2th2fw6] {
    background-color: var(--app-theme-color-100);
}

.compass-pagination-button:disabled[b-hpt2th2fw6] {
    opacity: 0.5;
    cursor: not-allowed;
}

.compass-pagination-page-button[b-hpt2th2fw6] {
    border: 0.0625rem solid var(--neutral-900);
}

.compass-pagination-current-page[b-hpt2th2fw6] {
    cursor: default;
    color: var(--white);
    background-color: var(--app-theme-color-500);
    border-color: var(--app-theme-color-500);

    &.info-current-page {
        background-color: var(--info-600);
        border-color: var(--info-600);
    }
}

@media (min-width: 48rem) {
    .compass-pagination-button[b-hpt2th2fw6] {
        width: 3.25rem;
        height: 3.25rem;
    }
}
/* /Common/Pages/Accessibility/Accessibility.razor.rz.scp.css */
.accessibility-contact-list[b-t5krfhx9wv] {
  font-size: 1.125rem;
  list-style: none;
  padding-inline-start: 1rem;
}

.accessibility-contact-li[b-t5krfhx9wv] {
  position: relative;

  &::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1rem;
    transform: translateY(-50%);
    background-color: var(--c4l-primary-500);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
  }
}
/* /Common/Pages/Account/AcceptInvite.razor.rz.scp.css */
.accept-invite-wrapper[b-tu1hmnfhog] {
  width: min(100% - 2rem, 34rem);
  margin-inline: auto;
  max-height: calc(100vh - 5rem);
  overflow: auto;
}

[b-tu1hmnfhog] .accept-invite-input {
  border-color: var(--neutral-300);
}

[b-tu1hmnfhog] .form-password-input {
  padding-inline-end: 3rem;
}

.toggle-password-visibility[b-tu1hmnfhog] {
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
}
/* /Common/Pages/Admin/General/EditUserRolePrompt.razor.rz.scp.css */
/* /Common/Pages/Admin/General/UserDetails.razor.rz.scp.css */
.user-summary-section[b-qiq5bhph9q] {
  gap: 1rem;
}

.user-details-wrapper[b-qiq5bhph9q] {
  flex-direction: column;
}

@media (min-width: 40rem) {
  .user-details-wrapper[b-qiq5bhph9q] {
    flex-direction: row;
    gap: 0.75rem;
  }
}
/* /Common/Pages/Admin/Site/SiteSummaryComponent.razor.rz.scp.css */
.site-information-card-wrapper[b-lrhya0gfmr] {
  margin-block-end: 2rem;
}

.site-inforation-grid-wrapper[b-lrhya0gfmr] {
  grid-template-columns: 1fr;
  gap: 2rem;
  margin-block-start: 2rem;
}

.site-information-classroom-wrapper[b-lrhya0gfmr] {
  border-block-start: 1px solid var(--neutral-300);
  padding-block-start: 2rem;
}

.site-information-data[b-lrhya0gfmr] {
  border-block-end: 1px solid var(--neutral-300);
}

.site-information-heading[b-lrhya0gfmr] {
  font-size: 0.75rem;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}

@media (min-width: 80rem) {
  .site-inforation-grid-wrapper[b-lrhya0gfmr] {
    grid-template-columns: 1fr 30rem;
  }

  .site-information-classroom-wrapper[b-lrhya0gfmr] {
    border-block-start: none;
    border-inline-start: 1px solid var(--neutral-300);
    padding-block-start: 0;
    padding-inline-start: 2rem;
  }
}
/* /Common/Pages/Admin/StudentContact/StudentContactAddEdit.razor.rz.scp.css */
.student-contact-form[b-btj0kjjhje] {
    inline-size: min(100%, 50rem);
}

.student-contact-title[b-btj0kjjhje] {
    margin-block-end: 5rem;
}
/* /Common/Pages/Admin/StudentContact/StudentContactSummary.razor.rz.scp.css */
.student-contacts-table-wrapper[b-w9lf1v2lh5] {
    border: none;
    overflow: auto;
}

.student-contact-th[b-w9lf1v2lh5] {
    background-color: var(--white);
}

.student-contact-body-tr[b-w9lf1v2lh5] {
    border-block-end: 1px solid var(--neutral-300);
}

.student-contact-heading[b-w9lf1v2lh5] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.03125rem;
    text-transform: uppercase;
    color: var(--neutral-600);
}

.student-contact-name[b-w9lf1v2lh5] {
    font-size: 1.25rem;
}
/* /Common/Pages/Admin/StudentGroup/StudentGroupRoster.razor.rz.scp.css */
.studentgroup-table-row[b-mg5yf3z77i] {
  cursor: pointer;

  &:hover {
    background-color: var(--info-100);
  }
}
/* /Common/Pages/Admin/StudentGroup/StudentGroupSummaryComponent.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-4ykd322bvf] {
  grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
  gap: 2rem;
}
/* /Common/Pages/Admin/Student/Notes/AddEditStudentNoteComponent.razor.rz.scp.css */
.addedit-student-note-section[b-nxb8ewn1mx] {
  margin-block-end: 1rem;
}

.edit-note-date-wrapper[b-nxb8ewn1mx] {
  padding: 0.5rem 0;
}

.add-rating-form-dropdown[b-nxb8ewn1mx] {
  padding: 0.5rem 1rem;
  padding-inline-start: 3.125rem;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
}

.edit-note-date-icon[b-nxb8ewn1mx] {
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
}

.addedit-student-note-section[b-nxb8ewn1mx] {
  & .ql-toolbar {
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 0.5rem 1rem;
    border-color: var(--neutral-300);
  }

  &[b-nxb8ewn1mx]  .ql-container.ql-snow {
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 1rem;
    border-color: var(--neutral-300);
  }

  &[b-nxb8ewn1mx]  .ql-editor {
    padding: 0;
  }
}
/* /Common/Pages/Admin/Student/Notes/NoteSummaryComponent.razor.rz.scp.css */
.student-note-wrapper[b-xl5l2hgk7h] {
    border-block-end: 1px solid var(--neutral-200);
    padding-block-end: 1.5rem;
    margin-block-end: 1.5rem;

    &:last-of-type {
        border-block-end: none;
        padding-block: 0;
        margin-block: 0;
    }
}

.student-name-wrapper[b-xl5l2hgk7h] {
    gap: 0.75rem;
}
/* /Common/Pages/Admin/Student/Notes/Prompts/AddStudentNotePrompt.razor.rz.scp.css */
.add-student-note-modal[b-4cqx4dourm] {
  width: min(60rem, 100%);
  padding: 1.5rem;

  & .addedit-student-note-section {
    margin-block-end: 0;
  }
}

.add-student-note-heading[b-4cqx4dourm] {
  &::before {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: -1.5rem;
    inline-size: calc(100% + 3rem);
    border-block-end: 1px solid var(--neutral-200);
  }
}
/* /Common/Pages/Admin/Student/Notes/StudentNotesComponent.razor.rz.scp.css */
.student-notes-component-wrapper[b-2brrhmvsvb] {
    width: min(64.8125rem, 100%);
    margin-inline: auto;
}

.student-notes-heading[b-2brrhmvsvb] {
    font-size: 1.5rem;
    font-weight: 550;
    line-height: 1.125;
}

.student-notes-pagination-line[b-2brrhmvsvb] {
    top: 0;
    left: -1.5rem;
    width: calc(100% + 3rem);
    height: 1px;
    background-color: var(--neutral-200);
}

.student-notes-pagination-wrapper[b-2brrhmvsvb] {
    & .compass-pagination-wrapper {
        padding-block: 1.5rem 0.5rem;
        padding-inline: 0;
    }
}
/* /Common/Pages/Admin/Student/Photos/StudentPhotosComponent.razor.rz.scp.css */
.student-photos-component-wrapper[b-7pfzqwcqm0] {
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: var(--compass-border-radius);
    align-self: self-start;
}

.student-photos-component-message[b-7pfzqwcqm0] {
    font-weight: 450;
    border-radius: var(--compass-border-radius);
    border: 1px solid;
    border-inline-start-width: 0.25rem;
    background-color: var(--white);
    box-shadow:
        0px 0px 0px 1px rgba(24, 26, 27, 0.10),
        0px -6px 16px -6px rgba(24, 26, 27, 0.04),
        0px 8px 16px -8px rgba(24, 26, 27, 0.10),
        0px 12px 24px -6px rgba(24, 26, 27, 0.10);

    &.photos-error-message {
        border-color: var(--error-700);
        background-color: var(--error-100);
    }

    &.no-photos-found-wrapper[b-7pfzqwcqm0] {
        border-color: var(--info-700);
        background-color: var(--info-100);
    }
}

.photos-message-icon[b-7pfzqwcqm0] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1;

    &.photos-error-icon {
        background-image: url(/images/icons/error-icon.svg);
    }

    &.no-photos-found-icon[b-7pfzqwcqm0] {
        background-image: url(/images/icons/info-icon.svg);
    }
}

.photo-thumbnails-grid-wrapper[b-7pfzqwcqm0] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 350px), 1fr));
}

.photo-thumbnail-card[b-7pfzqwcqm0] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    height: 100%;
    overflow: hidden;
    outline: 2px solid transparent;
    outline-offset: -1px;

    &.selected {
        outline-color: var(--error-500);

        & .photo-delete-checkbox-wrapper {
            background-color: var(--error-500);
        }
    }
}

.photo-thumbnail-image[b-7pfzqwcqm0] {
    width: 100%;
    height: 16.8125rem;
    object-fit: cover;
}

.photo-thumbnail-placeholder[b-7pfzqwcqm0] {
    width: 100%;
    height: 16.8125rem;
    background-color: var(--info-100);
}

.photo-thumbnail-info-wrapper[b-7pfzqwcqm0] {
    min-height: 2.625rem;
}

.photo-thumbnail-date[b-7pfzqwcqm0] {
    font-size: 0.75rem;
    font-weight: 350;
}

.photo-delete-checkbox-wrapper[b-7pfzqwcqm0] {
    top: 1rem;
    right: 1rem;
    z-index: 10;
    background-color: hsla(0, 0%, 100%, 0.8);
    border-radius: var(--compass-border-radius);
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    isolation: isolate;
}

.photo-delete-checkbox[b-7pfzqwcqm0] {
    appearance: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.photo-delete-icon[b-7pfzqwcqm0] {
    z-index: -1;
    opacity: 1;
    pointer-events: none;
}

.edit-photo-button[b-7pfzqwcqm0] {
    width: 2rem;
    height: 2rem;
}
/* /Common/Pages/Admin/Student/Photos/StudentPhotosViewOnlyComponent.razor.rz.scp.css */
.student-photos-component-wrapper[b-yi0dudt81n] {
    padding: 1.5rem;
    background-color: var(--white);
    border-radius: var(--compass-border-radius);
    align-self: self-start;
}

.student-photos-component-message[b-yi0dudt81n] {
    font-weight: 450;
    border-radius: var(--compass-border-radius);
    border: 1px solid;
    border-inline-start-width: 0.25rem;
    background-color: var(--white);
    box-shadow:
        0px 0px 0px 1px rgba(24, 26, 27, 0.10),
        0px -6px 16px -6px rgba(24, 26, 27, 0.04),
        0px 8px 16px -8px rgba(24, 26, 27, 0.10),
        0px 12px 24px -6px rgba(24, 26, 27, 0.10);

    &.photos-error-message {
        border-color: var(--error-700);
        background-color: var(--error-100);
    }

    &.no-photos-found-wrapper[b-yi0dudt81n] {
        border-color: var(--info-700);
        background-color: var(--info-100);
    }
}

.photos-message-icon[b-yi0dudt81n] {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1;

    &.photos-error-icon {
        background-image: url(/images/icons/error-icon.svg);
    }

    &.no-photos-found-icon[b-yi0dudt81n] {
        background-image: url(/images/icons/info-icon.svg);
    }
}

.photo-thumbnails-grid-wrapper[b-yi0dudt81n] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
}

.photo-thumbnail-card[b-yi0dudt81n] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    height: 100%;
    overflow: hidden;
    outline: 2px solid transparent;
    outline-offset: -1px;
    cursor: pointer;

    &:active,
    &:focus-within {
        outline-color: var(--c4l-primary-500);
    }
}

.photo-thumbnail-image[b-yi0dudt81n] {
    width: 100%;
    height: 16.8125rem;
    object-fit: cover;
}

.photo-thumbnail-placeholder[b-yi0dudt81n] {
    width: 100%;
    height: 16.8125rem;
    background-color: var(--info-100);
}

.photo-thumbnail-info-wrapper[b-yi0dudt81n] {
    min-height: 2.625rem;
}

.photo-thumbnail-date[b-yi0dudt81n] {
    font-size: 0.75rem;
    font-weight: 350;
}

.photo-modal-scroll-wrapper[b-yi0dudt81n] {
    max-height: calc(100vh - 4rem);
}

.photo-viewer-modal[b-yi0dudt81n] {
    width: min(100% - 2rem, 800px);
    min-width: 800px;
    min-height: 400px;
    padding: clamp(1.25rem, 0.961rem + 1.233vw, 1.75rem);
    background: var(--white);
    border-radius: var(--compass-border-radius);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-inline: auto;
}

.photo-viewer-loading-wrapper[b-yi0dudt81n] {
    flex-grow: 1;
}

.photo-viewer-loading[b-yi0dudt81n] {
    display: flex;
    justify-content: center;
    align-items: center;
    inline-size: min(100%, 150px);
    block-size: 0.5rem;
    --gradient-color: no-repeat linear-gradient(var(--c4l-primary-500) 0 0);
    background: var(--gradient-color), var(--gradient-color), var(--c4l-primary-100);
    background-size: 60% 100%;
    animation: photo-viewer-image-loading-b-yi0dudt81n 3s infinite;
    border-radius: var(--compass-border-radius);
    border: 1px solid var(--c4l-primary-500);
}

.photo-viewer-image[b-yi0dudt81n] {
    width: 100%;
    height: auto;
    border-radius: var(--compass-border-radius);
}


@keyframes photo-viewer-image-loading-b-yi0dudt81n {
  0% {
    background-position: -150% 0, -150% 0
  }

  66% {
    background-position: 250% 0, -150% 0
  }

  100% {
    background-position: 250% 0, 250% 0
  }
}
/* /Common/Pages/Admin/Student/StudentAssignmentComponent.razor.rz.scp.css */
.student-assignment-table-wrapper[b-veb7nz2mrk] {
  border: none;
  overflow: auto;
}

.student-group-name[b-veb7nz2mrk] {
  font-size: 1.25rem;
}

.student-assignment-th[b-veb7nz2mrk] {
  background-color: var(--white);
}

.student-assignment-body-tr[b-veb7nz2mrk] {
  border-block-end: 1px solid var(--neutral-300);
}

.student-assignment-body-td[b-veb7nz2mrk] {
  padding: 1rem;
}

.student-contact-heading[b-veb7nz2mrk] {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-600);
}
/* /Common/Pages/Admin/Student/StudentEditComponent.razor.rz.scp.css */
.student-edit-form-wrapper[b-i6f7braeib] {
    width: min(100%, 47.625rem);
}

.upload-photo-button[b-i6f7braeib] {
    width: fit-content;
    cursor: pointer;
}

.photo-upload-input-wrapper[b-i6f7braeib] {
    display: none;
}
/* /Common/Pages/Admin/Student/StudentOverviewComponent.razor.rz.scp.css */
.student-profile-picture-wrapper[b-2g130c84as] {
  flex-shrink: 0;
}

.student-profile-picture[b-2g130c84as] {
  border-radius: 50%;
  object-fit: cover;
}

.student-full-name[b-2g130c84as] {
  line-height: 1.125;
}

.student-school-name[b-2g130c84as],
.student-id[b-2g130c84as] {
  font-weight: 300;
}

.student-info-heading[b-2g130c84as] {
  margin-block: 3rem 1.5rem;
}

.student-details-wrapper[b-2g130c84as] {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.summary-info-heading[b-2g130c84as] {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-600);

  &.info-heading-small {
    font-size: 0.75rem;
  }
}

.student-notes-wrapper[b-2g130c84as] {
  gap: 2rem;
}

@media (min-width: 90rem) {
  .student-overview-tables-wrapper[b-2g130c84as] {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* /Common/Pages/Contact/Contact.razor.rz.scp.css */
.contact-page-wrapper[b-4q0nxjehn3] {
  &.c4l-contact-page {
    & .contact-page-link {
      &:hover {
        color: var(--c4l-primary-500);
      }
    }
  }

  &.lap-contact-page[b-4q0nxjehn3] {
    & .contact-page-link {
      &:hover {
        color: var(--lap-primary-500);
      }
    }
  }

  &.deca-contact-page[b-4q0nxjehn3] {
    & .contact-page-link {
      &:hover {
        color: var(--deca-primary-500);
      }
    }
  }
}
/* /Common/Pages/Parent/Layout/ContactUserLayout.razor.rz.scp.css */
.contact-page[b-3p48w1pvsw] {
    position: relative;
    grid-template-columns: auto;
    grid-template-rows: auto;
    height: 100vh;
    align-content: space-between;

    &[data-logged-in] {
        grid-template-columns: 1fr;
        grid-template-rows: 56px 1fr;
        align-content: normal;
        height: auto;
    }
}

.contact-main-wrapper[b-3p48w1pvsw] {
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    overflow: auto;
    background-color: var(--neutral-100);
}

.contact-page-content-wrapper[b-3p48w1pvsw] {
    flex-direction: column;
}

.contact-page-content[b-3p48w1pvsw] {
    padding-block-start: 1.5rem;
}

.contact-top-row[b-3p48w1pvsw] {
    background-color: var(--neutral-200);
    border-bottom: 1px solid var(--neutral-300);
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.contact-error-ui[b-3p48w1pvsw] {
    font-weight: 500;
    display: none;
    background: var(--warning-100);
    color: var(--warning-800);
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    width: 100%;
    z-index: 1000;
    text-align: center;
}

.contact-error-dismiss[b-3p48w1pvsw] {
    cursor: pointer;
    margin-inline-start: 0.125rem;
}

@media (min-width: 80rem) {
    .contact-page[b-3p48w1pvsw] {
        --_sidebar-desktop-width: 18.75rem;
        grid-template-columns: var(--_sidebar-desktop-width) 1fr;
        grid-template-rows: auto;

        & .contact-main-wrapper {
            height: 100vh;
        }
    }
}
/* /Common/Pages/Parent/Student/ContactStudentList.razor.rz.scp.css */
/* /Common/Pages/Photos/StudentGroupPhotos.razor.rz.scp.css */
.photo-filters-wrapper[b-na1heyn7th] {
    padding-block-end: 1rem;
    border-block-end: 1px solid var(--neutral-300);
    
    &:last-of-type {
        padding-block-end: 0;
        border-block-end: none;
    }
}

@media (min-width: 90rem) {
    .c4l-photos-grid-wrapper[b-na1heyn7th] {
        grid-template-columns: 14.5625rem 1fr;
    }
}
/* /Common/Pages/Photos/StudentGroupUploadPhoto.razor.rz.scp.css */
.remove-image-button-wrapper[b-0sgjuglg8r] {
    top: 1rem;
    right: 1rem;
    z-index: 10;
    background-color: hsla(0, 0%, 100%, 0.8);
    border-radius: var(--compass-border-radius);
    width: 3rem;
    height: 3rem;
}

.photo-delete-button[b-0sgjuglg8r] {
    appearance: none;
    width: 100%;
    height: 100%;
    isolation: isolate;
}

.photo-delete-icon[b-0sgjuglg8r] {
    z-index: -1;
    pointer-events: none;
}

.upload-photo-grid-wrapper[b-0sgjuglg8r] {
    background-color: var(--white);
    border-radius: var(--compass-border-radius);
    border: 1px solid var(--neutral-300);
    min-height: 30.5rem;
    opacity: 1;
    transition: opacity var(--transition-speed) ease;

    &.editing-photo {
        opacity: 0.333;
        pointer-events: none;
    }
}

.upload-photo-heading[b-0sgjuglg8r] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--neutral-800);
    margin-bottom: 1.5rem;
}

.photo-upload-drag-drop-wrapper[b-0sgjuglg8r] {
    border: 0.25rem dashed var(--neutral-300);
    border-radius: var(--compass-border-radius);
    background-color: var(--white);
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: 
        background-color var(--transition-speed) ease,
        border var(--transition-speed) ease;

    &:hover {
        border-color: var(--c4l-primary-500);
        background-color: var(--c4l-primary-100);
    }

    &.dragging[b-0sgjuglg8r] {
        border-color: var(--info-500);
        border-style: solid;
        background-color: var(--info-100);
    }

    &.image-selected[b-0sgjuglg8r] {
        border: 1px solid var(--neutral-300);
        background-color: var(--white);
    }
}

.drag-drop-content-wrapper[b-0sgjuglg8r] {
    display: flex;
    cursor: grab;
}

.file-upload-input-wrapper[b-0sgjuglg8r] {
    width: 3rem;
    height: 3rem;
}

.file-upload-label[b-0sgjuglg8r] {
    cursor: pointer;
    outline: 0.25rem solid transparent;
    outline-offset: 0.125rem;

    &:focus {
        outline: 0.25rem solid var(--c4l-primary-300);
        outline-offset: 2px;
    }
}

.file-upload-input-icon[b-0sgjuglg8r] {
    pointer-events: none;
}

.drag-drop-input-heading[b-0sgjuglg8r] {
    font-size: 1.5rem;
    font-weight: 550;
    color: var(--neutral-800);
}

.drag-drop-input-subheading[b-0sgjuglg8r] {
    font-size: 1rem;
    font-weight: 300;
}

.image-title-input[b-0sgjuglg8r] {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    color: var(--neutral-800);
    transition: border-color var(--transition-speed) ease;

    &:focus {
        border-color: var(--c4l-primary-500);
        outline: none;
    }

    &[b-0sgjuglg8r]::placeholder {
        color: var(--neutral-400);
    }
}

.file-preview-wrapper[b-0sgjuglg8r] {
    inset: 0;
}

.file-preview-icon[b-0sgjuglg8r] {
    font-size: 3rem;
    color: var(--success-500);
}

.file-preview-name[b-0sgjuglg8r] {
    font-size: 1rem;
    font-weight: 500;
    color: var(--neutral-700);
    margin: 0;
    word-break: break-all;
}

.uploaded-file-preview-image[b-0sgjuglg8r] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: var(--compass-border-radius);
}

.photo-agreement-signed-icon[b-0sgjuglg8r] {
    cursor: pointer;
}

.photo-agreement-close-button[b-0sgjuglg8r] {
    width: 1.125rem;
    height: 1.125rem;
    background: transparent;
    border: none;
    top: 0.25rem;
    right: 0.25rem;
    background-image: url('images/icons/close-icon-neutral-500.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: 0;
}

.photo-editing-loading-wrapper[b-0sgjuglg8r] {
    z-index: 10;
}

.edit-photo-wrapper[b-0sgjuglg8r] {
    width: 100%;
    max-width: 100%;
    cursor: pointer;
    border: 1px solid var(--neutral-300);
    border-radius: var(--compass-border-radius);
    overflow: hidden;
    opacity: 1;
    transition: opacity var(--transition-speed) ease;

    &:hover {
        & .edit-image-overlay {
            opacity: 1;
        }
    }
}

.existing-image-label[b-0sgjuglg8r] {
    cursor: pointer;
    background-color: var(--neutral-100);
}

.existing-thumbnail[b-0sgjuglg8r] {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: var(--compass-border-radius);
}

.edit-image-overlay[b-0sgjuglg8r] {
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity var(--transition-speed) ease;
}

.student-checkboxes-wrapper[b-0sgjuglg8r] {
    background-color: var(--white);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 225px), 1fr));
}

.student-checkbox-item[b-0sgjuglg8r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.photo-uploading-wrapper[b-0sgjuglg8r] {
    inset: 0;
    z-index: 10;
    opacity: 1;
}

.photo-upload-loading[b-0sgjuglg8r] {
    inline-size: min(100%, 150px);
    block-size: 0.5rem;
    --gradient-color: no-repeat linear-gradient(var(--c4l-primary-500) 0 0);
    background: var(--gradient-color), var(--gradient-color), var(--c4l-primary-100);
    background-size: 60% 100%;
    animation: photo-viewer-image-loading-b-0sgjuglg8r 3s infinite;
    border-radius: var(--compass-border-radius);
    border: 1px solid var(--c4l-primary-500);
}

@media (min-width: 90rem) {
    .upload-photo-grid-wrapper[b-0sgjuglg8r] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@keyframes photo-viewer-image-loading-b-0sgjuglg8r {
    0% {
        background-position: -150% 0, -150% 0;
    }

    66% {
        background-position: 250% 0, -150% 0;
    }

    100% {
        background-position: 250% 0, 250% 0;
    }
}
/* /Common/Pages/Prompts/Generic/DialogBox.razor.rz.scp.css */
.dialog-box[b-8eo4sypzxi] {
  width: min(100% - 2rem, 500px);
  padding: 1.25rem;
}

.dialog-box-heading[b-8eo4sypzxi] {
  margin-block-end: 1rem;
}

.dialog-actions[b-8eo4sypzxi] {
  flex-direction: column;
  gap: 1rem;
  
  & .compass-button {
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .dialog-actions[b-8eo4sypzxi] {
    flex-direction: row;
    justify-content: center;

    & .compass-button {
      width: fit-content;
    }
  }
}
/* /Common/Pages/Prompts/Generic/MarkupMessageBox.razor.rz.scp.css */
.messagebox-overlay[b-7dq0eawlsr] {
  --_messagebox-max-width: 750px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 200;

  &.visible {
    display: flex;
  }
}

.messagebox[b-7dq0eawlsr] {
  background-color: var(--white);
  padding: clamp(1.25rem, 0.909rem + 1.455vw, 2rem);
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: min(100% - 2rem, var(--_messagebox-max-width));

  &.left-content {
    text-align: left;
  }

  &.right-content[b-7dq0eawlsr] {
    text-align: right;
  }
}

.messagebox-markup[b-7dq0eawlsr] {
  & p {
    margin-block: 0;
  }
}
/* /Common/Pages/Prompts/Generic/MessageBox.razor.rz.scp.css */
.messagebox-overlay[b-wdlufz7tr3] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 200;
}

.messagebox[b-wdlufz7tr3] {
  background-color: var(--white);
  padding: 1.25rem;
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  width: min(100% - 2rem, 500px);
}

.messagebox-actions[b-wdlufz7tr3] {
  margin-block-start: 1.25rem;
}

.messagebox-actions button[b-wdlufz7tr3] {
  &:hover {
    opacity: 0.9;
  }
}
/* /Common/Pages/Prompts/Generic/StudentAssignBox.razor.rz.scp.css */
.studentassign-modal-wrapper[b-rovzz7xiae] {
  width: calc(100vw - 2rem);
  max-width: 1600px;
  margin-inline: auto;
  min-height: 475px;
  text-align: left;
}

@media (min-width: 80rem) {
  .studentassign-modal-wrapper[b-rovzz7xiae] {
    min-height: 400px;
  }
}
/* /Components/Account/Pages/UserLogin.razor.rz.scp.css */
.login-component-section[b-ybmlykrdov] {
  width: min(100%, 30rem);
  margin-inline: auto;
}

.login-page-form[b-ybmlykrdov] {
  padding: 0;
  border: none;
}

.login-form-control[b-ybmlykrdov] {
  min-height: 2.5rem;
  border-color: var(--neutral-300);
  padding-inline-start: 3rem;

  &::placeholder {
    color: var(--neutral-600);
  }
}

.login-form-icon[b-ybmlykrdov] {
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

.login-checkbox-label[b-ybmlykrdov] {
  font-size: 1rem;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.external-logins-section[b-tcrykwbyy5] {
  margin-block: 2rem 0;
}

.external-login-button[b-tcrykwbyy5] {
  max-height: 2.625rem;
}

.external-logins-form[b-tcrykwbyy5] {
  border: none;
  padding: 0;
}

.external-logins-separator-wrapper[b-tcrykwbyy5] {
  margin-block-end: 2rem;
}

.external-logins-separator[b-tcrykwbyy5] {
  flex: auto;
  height: 1px;
  background-color: var(--neutral-300);
}

.external-logins-separator-text[b-tcrykwbyy5] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
}
/* /Components/Layout/HeaderComponent.razor.rz.scp.css */
.header[b-rkgraz988p] {
  padding-block: 1rem;
  padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);

  &.not-authorized-header {
    background-color: var(--c4l-primary-500);
    border-bottom: none;
  }
}

@media (min-width: 80rem) {
  .header[b-rkgraz988p] {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: var(--white);
    padding-inline: 2rem;
    padding-block: 1rem;
    border-block-end: 1px solid var(--neutral-300);
    min-height: 7.0625rem;
  }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout-wrapper[b-fntyh0m1cb] {
    position: relative;
    grid-template-columns: auto;
    grid-template-rows: auto;
    height: calc(100vh - 174px);

}

.login-wrapper[b-fntyh0m1cb] {
    outline: 2px solid transparent;
    outline-offset: -4px;
    transition: background-color var(--transition-speed) ease,
    outline-color var(--transition-speed) ease;

    &[data-focus-method="skip"]:focus {
        background-color: var(--info-100);
        outline-color: var(--c4l-primary-500);
    }
}

.app-header[b-fntyh0m1cb] {
    padding: 2rem;
    justify-content: center;
}

.app-header-logos-wrapper[b-fntyh0m1cb] {
    flex-direction: column;
    gap: 2rem;
}

.page-content-wrapper[b-fntyh0m1cb] {
    justify-content: center;
}

.login-page-image-wrapper[b-fntyh0m1cb] {
    display: none;
}

.login-page-image[b-fntyh0m1cb] {
    object-fit: cover;
}

@media (min-width: 40rem) {
    .app-header[b-fntyh0m1cb] {
        justify-content: flex-start;
    }

    .app-header-logos-wrapper[b-fntyh0m1cb] {
        flex-direction: row;
    }

    .login-layout-wrapper[b-fntyh0m1cb] {
        height: calc(100vh - 111px);
    }
}


@media (min-width: 100rem) {
    .app-header[b-fntyh0m1cb] {
        background-color: transparent;
        height: auto;
        padding: 0;
    }

    .app-header-logos-wrapper[b-fntyh0m1cb] {
        position: absolute;
        top: 2rem;
        left: 2rem;
        z-index: 10;
    }

    .login-layout-wrapper[b-fntyh0m1cb] {
        grid-template-columns: clamp(67rem, 42rem + 25vw, 72rem) 1fr;
        height: 100vh;
    }

    .login-wrapper[b-fntyh0m1cb] {
        grid-column: auto;
        grid-row: 1 / 3;
    }

    .login-page-image-wrapper[b-fntyh0m1cb] {
        display: flex;
        width: 100%;
        height: 100%;
        overflow: hidden;
        grid-row: 1 / 3;
        grid-column: auto;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.main-layout-wrapper[b-z0jkwapr3j] {
    position: relative;
    grid-template-columns: auto;
    grid-template-rows: auto;
    height: calc(100vh - 174px);

    &[data-logged-in] {
        grid-template-columns: 1fr;
        grid-template-rows: 56px 1fr;
        align-content: normal;
        height: auto;

        & .main-wrapper {
            grid-row: auto;
            overflow: auto;
        }

        & .page-content-wrapper[b-z0jkwapr3j] {
            height: auto;
            justify-content: flex-start;
        }
    }
}

.main-wrapper[b-z0jkwapr3j] {
    outline: 2px solid transparent;
    outline-offset: -4px;
    transition:
            background-color var(--transition-speed) ease,
            outline-color var(--transition-speed) ease;

    &[data-focus-method="skip"]:focus {
        background-color: var(--info-100);
        outline-color: var(--c4l-primary-500);
    }
}

.page-content-wrapper[b-z0jkwapr3j] {
    justify-content: center;
}

@media (min-width: 40rem) {
    .main-layout-wrapper[b-z0jkwapr3j] {
        height: calc(100vh - 111px);
    }
}

@media (min-width: 80rem) {
    .main-layout-wrapper[b-z0jkwapr3j] {
        --_sidebar-desktop-width: 18.75rem;

        &[data-logged-in] {
            grid-template-columns: var(--_sidebar-desktop-width) 1fr;
            grid-template-rows: auto;
            overflow: clip;

            & .main-wrapper {
                height: 100vh;
                grid-row: auto;
            }
        }
    }
}

@media (min-width: 100rem) {
    .main-layout-wrapper[b-z0jkwapr3j] {
        grid-template-columns: clamp(67rem, 42rem + 25vw, 72rem) 1fr;
        height: 100vh;
    }

    .main-wrapper[b-z0jkwapr3j] {
        grid-column: auto;
        grid-row: 1 / 3;
    }
}

#blazor-error-ui[b-z0jkwapr3j] {
    font-weight: 500;
    display: none;
    background: hsl(42 100% 92.5%);
    color: hsl(33 100% 20%);
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    width: 100%;
    z-index: 1000;
    text-align: center;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-dltbumwrg5] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler[b-dltbumwrg5] {
    &:checked {
        background-color: rgba(255, 255, 255, 0.5);

        & ~ .nav-scrollable {
            display: block;
            background-color: var(--neutral-900);
            border-block-start: 1px solid var(--neutral-500);
        }
    }
}

.sidebar-nav[b-dltbumwrg5] {
    --_nav-link-text-icon-gap: 0.75rem;
    background-color: var(--neutral-900);
}

.sidebar-dropdown-wrapper[b-dltbumwrg5] {
    height: 3.5rem;
    background-color: var(--neutral-900);
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
}

[b-dltbumwrg5] .nav-app-link {
    font-size: 1.25rem;
    color: var(--white);
    text-decoration: none;
}

.bi[b-dltbumwrg5] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.nav-links-wrapper[b-dltbumwrg5] {
    display: flex;
    gap: 0.75rem;
}

.nav-item[b-dltbumwrg5]  .nav-link {
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    gap: var(--_nav-link-text-icon-gap);
    align-items: center;
    background: none;
    border: none;
    border-radius: 0.25rem;
    width: 100%;
    height: 3rem;
    line-height: 1.375;
    padding-inline: 0.5rem;
    transition:
        color var(--transition-speed) ease,
        background-color var(--transition-speed) ease,
        border-color var(--transition-speed) ease;

    &.active {
        font-weight: 600;
        color: var(--white);
    }
}

.nav-item[b-dltbumwrg5]  .nav-link {
    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }

    &.active[b-dltbumwrg5] {
        background-color: var(--app-theme-color-500);
    }
}

.nav-item[b-dltbumwrg5]  .nav-link {
    &.active {
        background-color: var(--app-theme-color-500);
    }
}

.selected-app-logo[b-dltbumwrg5] {
    max-width: 180px;
}

.nav-scrollable[b-dltbumwrg5] {
    display: none;
    z-index: 99;
    padding: 1rem;
}

.account-sidebar-nav-link[b-dltbumwrg5],
.login-sidebar-nav-link[b-dltbumwrg5],
.logout-sidebar-nav-link[b-dltbumwrg5] {
    display: block;
}

.account-links-wrapper[b-dltbumwrg5] {
    display: none;
}

.account-settings-link[b-dltbumwrg5],
.account-logout-link[b-dltbumwrg5] {
    background-color: transparent;
    gap: var(--_nav-link-text-icon-gap);
    border-radius: 0.25rem;
    border: none;
    padding: 0.5rem;
    position: relative;
    z-index: 20;

    &:active,
    &:hover,
    &:focus {
        background-color: var(--app-theme-color-400);
        color: var(--white);
    }
}

.sidebar-user-account-wrapper[b-dltbumwrg5] {
    overflow: auto;
}

.sidebar-user-info-wrapper[b-dltbumwrg5] {
    display: none;
    gap: 0.75rem;
    padding: 0.5rem;
}

.sidebar-user-avatar[b-dltbumwrg5] {
    width: 2.625rem;
    flex: 0 0 2.625rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: var(--app-theme-color-500);
    line-height: 1.5;
}

.sidebar-user-fullname[b-dltbumwrg5] {
    font-size: 1rem;
    line-height: 1.5;
}

.sidebar-username[b-dltbumwrg5] {
    font-size: 0.75rem;
    line-height: 1.5;
}

@media (min-width: 80rem) {
    .sidebar-nav[b-dltbumwrg5] {
        height: 100vh;
        overflow-y: auto;
    }

    .sidebar-dropdown-wrapper[b-dltbumwrg5] {
        padding: 1rem;
        height: 5.375rem;

        & .dropdown,
        & .dropdown-toggle,
        & .dropdown-menu {
            width: 100%;
        }

        & .compass-app-link[b-dltbumwrg5] {
            color: var(--white);
            background-color: var(--neutral-900);
            border: none;
            padding: 0.5rem;

            &::after {
                content: none;
            }
        }

        & .dropdown-menu[b-dltbumwrg5] {
            padding: 0.5rem;
            border: none;
            top: 60px;
        }

        & .dropdown-menu-li[b-dltbumwrg5] {
            padding: 0.5rem 1rem;
            background-color: var(--white);
            transition: background-color var(--transition-speed) ease;
            border-radius: 0.25rem;

            &:active,
            &:hover,
            &:focus {
                background-color: var(--neutral-100);
            }
        }

        &[b-dltbumwrg5]  .dropdown-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0;
            border-radius: 0.25rem;

            &.active,
            &:active,
            &:focus,
            &:hover {
                background-color: transparent;
            }
        }
    }

    [b-dltbumwrg5] .dropdown-item:hover {
        text-decoration: none;
        cursor: pointer;
        color: var(--neutral-900);
    }

    .navbar-toggler[b-dltbumwrg5] {
        display: none;

        &:checked {
            & ~ .nav-scrollable {
                border: none;
            }
        }
    }

    .nav-scrollable[b-dltbumwrg5] {
        display: block;
        max-height: calc(100% - 15.5rem);
        overflow-y: auto;
    }
    
    .nav-item[b-dltbumwrg5]  .nav-link:hover {
        text-decoration: none;
    }

    .sidebar-user-info-wrapper[b-dltbumwrg5] {
        display: flex;
    }

    .sidebar-account-wrapper[b-dltbumwrg5] {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
    }

    .account-sidebar-nav-link[b-dltbumwrg5],
    .login-sidebar-nav-link[b-dltbumwrg5],
    .logout-sidebar-nav-link[b-dltbumwrg5] {
        display: none;
    }

    .account-links-wrapper[b-dltbumwrg5] {
        display: flex;
        gap: 0.5rem;
        border-block-start: 1px solid var(--neutral-500);
        padding: 1rem;   
    }
}
/* /Components/Layout/PageNotFoundLayout.razor.rz.scp.css */
.page-not-found-section[b-d8gycbi5c3] {
  width: min(100%, 1000px);
  margin-inline: auto;
  padding:7.5rem 2rem;
}
/* /Components/Layout/PublicPagesLayout.razor.rz.scp.css */
.public-page-section[b-p2u81oq51g] {
  width: min(100%, 800px);
  margin-inline: auto;
  padding-block-start: 2rem;
}
/* /DECA/Components/DecaDialogBox.razor.rz.scp.css */
.dialog-box[b-zxc1tc0l7n] {
  width: min(100% - 2rem, 500px);
  padding: 1.25rem;
}

.dialog-box-heading[b-zxc1tc0l7n] {
  margin-block-end: 1rem;
}

.dialog-actions[b-zxc1tc0l7n] {
  flex-direction: column;
  gap: 1rem;
  
  & .compass-button {
    width: 100%;
  }
}

@media (min-width: 48rem) {
  .dialog-actions[b-zxc1tc0l7n] {
    flex-direction: row;
    justify-content: center;

    & .compass-button {
      width: fit-content;
    }
  }
}
/* /DECA/Components/FeatureCards/DECA_StudentFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-gpi9n5i0vh] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /DECA/Components/FeatureCards/DECA_StudentGroupFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-fwvqnkrh3p] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /DECA/Components/InstrumentSelectionModal.razor.rz.scp.css */
.instrument-selection-modal[b-yfudvv8dhy] {
    width: min(100% - 2rem, 37.5rem);
}

.instrument-modal-form-group[b-yfudvv8dhy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.instrument-modal-form-label[b-yfudvv8dhy] {
    display: block;
    text-align: center;
    margin-block-end: 0.5rem;
}

.instrument-modal-form-select[b-yfudvv8dhy] {
    width: fit-content;
    min-width: 12rem;
    text-align: center;
    text-align-last: center;
    padding-inline-start: 0.5rem;
}

.instrument-modal-invalid-select[b-yfudvv8dhy] {
    border-color: var(--error-500);
}

.instrument-modal-invalid-feedback[b-yfudvv8dhy] {
    display: block;
    width: 100%;
    margin-block-start: 0.25rem;
    font-size: 0.875rem;
    color: var(--error-500);
    text-align: center;
}
/* /DECA/Pages/AddRating/AddRatingHeader/DECA_AddRatingHeaderWidget.razor.rz.scp.css */
.deca-header-container[b-0yr25lnrnp],
.deca-header-actions[b-0yr25lnrnp] {
    gap: 0.5rem;
}

.deca-header-container[b-0yr25lnrnp] {
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
}

.deca-header-actions[b-0yr25lnrnp] {
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.deca-header-action-button[b-0yr25lnrnp] {
    width: 10.5rem;
}

.deca-header-title[b-0yr25lnrnp] {
    font-size: 1.75rem;
    color: var(--black);
    margin-block: 0 0.25rem;
    margin-inline: 0;
    text-align: center;
    line-height: 1.15;
    word-wrap: break-word;
    hyphens: auto;
}

.deca-header-button[b-0yr25lnrnp] {
    white-space: nowrap;
}

@media (min-width: 48rem) {
    .deca-header-container[b-0yr25lnrnp] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .deca-header-actions[b-0yr25lnrnp] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        width: auto;
    }

    .deca-header-action-button[b-0yr25lnrnp] {
        width: auto;
        min-width: 8rem;
    }

    .deca-header-title[b-0yr25lnrnp] {
        font-size: 1.875rem;
        line-height: 1.2;
        margin-block-end: 0;
        word-wrap: normal;
        hyphens: none;
        text-align: left;
    }
}
/* /DECA/Pages/AddRating/SaveAsGo/DECA_StudentRating.razor.rz.scp.css */
.deca-add-rating-header-gap-container[b-fjkek75pyt] {
    position: relative;
    min-height: 3rem;
    padding: 0;
}

.student-name-header[b-fjkek75pyt] {
    font-size: 2rem;
    color: var(--neutral-700);
    margin: 0;
}

.add-rating-instructions-text[b-fjkek75pyt] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--neutral-700);
    padding: 1rem 0;
}

.rating-instructions[b-fjkek75pyt] {
    margin-block-end: 1.5rem;
    font-style: italic;
    font-size: 1.2rem;
}

.ratings-label[b-fjkek75pyt] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.question-text[b-fjkek75pyt] {
    font-size: 0.875rem;
    line-height: 1.4;
}

.add-rating-form-dropdown[b-fjkek75pyt] {
    --dropdown-direction: downward;
    width: fit-content;
    padding: 0.625rem 2rem 0.625rem 0.25rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    font-size: 0.875rem;
    color: var(--neutral-700);
    line-height: 1.5;
    position: relative;
    text-align: center;
    appearance: none;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    cursor: pointer;

    &:focus {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        border-color: var(--deca-primary-600);
    }

    &:disabled[b-fjkek75pyt] {
        background-color: var(--neutral-100);
        color: var(--neutral-500);
        cursor: not-allowed;
    }

    &[type="date"][b-fjkek75pyt] {
        padding-left: 1.3125rem;
        padding-right: 1.5rem;
        background-image: url(/images/icons/calendar-icon.svg), url(/images/icons/caret-down.svg);
        background-repeat: no-repeat, no-repeat;
        background-position: left 0.75rem center, right 0.75rem center;
        background-size: 16px 16px, 12px 6px;

        &::-webkit-calendar-picker-indicator {
            position: absolute;
            right: 0.75rem;
            width: 12px;
            height: 6px;
            cursor: pointer;
            opacity: 0;
        }

        &[b-fjkek75pyt]::-moz-focus-inner {
            border: 0;
            padding: 0;
        }
    }
}

.add-rating-form-container[b-fjkek75pyt] {
    position: relative;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1rem;
}

.add-rating-form-field[b-fjkek75pyt] {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.add-rating-form-fields-wrapper[b-fjkek75pyt] {
    justify-content: center;
}

.questions-container[b-fjkek75pyt] {
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);

    &.display-only-questions {
        opacity: 0.6;
        pointer-events: none;
    }
}

.question-row[b-fjkek75pyt] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    padding: 1rem;
    gap: 0.75rem;
    border-block-end: 1px solid var(--neutral-200);

    &:last-child {
        border-block-end: none;
    }

    &.alternate[b-fjkek75pyt] {
        background-color: transparent;
    }

    &:hover[b-fjkek75pyt] {
        background-color: var(--neutral-200);
    }
}

.rating-buttons[b-fjkek75pyt] {
    gap: 0;
    grid-row: 2;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.rating-button[b-fjkek75pyt] {
    min-inline-size: auto;
    width: 100%;
    padding: 0.375rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    color: var(--neutral-700);
    font-size: 0.75rem;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;

    &:hover:not(:disabled):not(.selected) {
        background-color: var(--neutral-100);
        position: relative;
        z-index: 1;
    }

    &:focus[b-fjkek75pyt] {
        outline: none;
    }

    &:focus-visible[b-fjkek75pyt] {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        position: relative;
        z-index: 2;
    }

    &:disabled[b-fjkek75pyt] {
        background-color: var(--neutral-100);
        color: var(--neutral-400);
        cursor: not-allowed;
    }

    &.selected[b-fjkek75pyt] {
        background-color: var(--deca-primary-600);
        border-color: var(--deca-primary-600);
        color: var(--white);
        position: relative;
        z-index: 1;
    }
}

.glass-plane-overlay[b-fjkek75pyt] {
    position: fixed;
    top: calc(3.5rem + 1.125rem);
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    opacity: 1;
}

.glass-plane-message[b-fjkek75pyt] {
    border: 2px solid var(--deca-primary-400);
}

.deca-add-rating-header-notification-area[b-fjkek75pyt] {
    position: relative;
    z-index: 100;
    margin-inline-start: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity var(--transition-speed) ease,
        visibility var(--transition-speed) ease;
}

.deca-add-rating-header-notification-area.visible[b-fjkek75pyt] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.deca-add-rating-custom-notification[b-fjkek75pyt] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin-bottom: 0;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity var(--transition-speed) ease,
        visibility var(--transition-speed) ease;
}

.deca-add-rating-custom-notification.visible[b-fjkek75pyt] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

:is(.deca-add-rating-saving-notification, .deca-add-rating-success-notification)[b-fjkek75pyt] {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.deca-add-rating-error-notification[b-fjkek75pyt] {
    background-color: var(--error-100);
    border: 1px solid var(--error-700);
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.1);
    gap: 0.5rem;
}

@keyframes dotPulse-b-fjkek75pyt {
    0%, 20% {
        opacity: 0.3;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-0.25rem);
    }
    80%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }
}

.deca-add-rating-created-banner[b-fjkek75pyt],
.deca-add-rating-info-banner[b-fjkek75pyt],
.deca-add-rating-error-banner[b-fjkek75pyt] {
    position: fixed;
    top: 6rem;
    left: 50%;
    margin-left: 6rem;
    transform: translateX(-50%);
    z-index: 101;
    border-radius: 0.375rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 32rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity var(--transition-speed) ease,
        visibility var(--transition-speed) ease,
        transform var(--transition-speed) ease;
    transform: translateX(-50%) translateY(-0.5rem);
}

.deca-add-rating-created-banner[b-fjkek75pyt] {
    background-color: var(--deca-primary-100);
    border: 1px solid var(--deca-primary-300);
}

.deca-add-rating-info-banner[b-fjkek75pyt] {
    background-color: var(--info-100);
    border: 1px solid var(--info-700);
}

.deca-add-rating-error-banner[b-fjkek75pyt] {
    background-color: var(--error-100);
    border: 1px solid var(--error-700);
}

.deca-add-rating-created-banner.visible[b-fjkek75pyt],
.deca-add-rating-info-banner.visible[b-fjkek75pyt],
.deca-add-rating-error-banner.visible[b-fjkek75pyt] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.deca-add-rating-created-content[b-fjkek75pyt],
.deca-add-rating-info-content[b-fjkek75pyt],
.deca-add-rating-error-content[b-fjkek75pyt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.deca-add-rating-created-icon[b-fjkek75pyt],
.deca-add-rating-info-icon[b-fjkek75pyt],
.deca-add-rating-error-icon[b-fjkek75pyt] {
    flex-shrink: 0;
}

.deca-add-rating-created-text[b-fjkek75pyt] {
    color: var(--deca-primary-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-info-text[b-fjkek75pyt] {
    color: var(--info-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-error-text[b-fjkek75pyt] {
    color: var(--error-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-created-close[b-fjkek75pyt],
.deca-add-rating-info-close[b-fjkek75pyt],
.deca-add-rating-error-close[b-fjkek75pyt] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color var(--transition-speed) ease;
}

.deca-add-rating-created-close[b-fjkek75pyt] {
    color: var(--deca-primary-600);
}

.deca-add-rating-created-close:hover[b-fjkek75pyt] {
    background-color: var(--deca-primary-200);
}

.deca-add-rating-created-close:focus[b-fjkek75pyt] {
    outline: 2px solid var(--deca-primary-600);
    outline-offset: 2px;
}

.deca-add-rating-info-close[b-fjkek75pyt] {
    color: var(--info-600);
}

.deca-add-rating-info-close:hover[b-fjkek75pyt] {
    background-color: var(--info-200);
}

.deca-add-rating-info-close:focus[b-fjkek75pyt] {
    outline: 2px solid var(--info-600);
    outline-offset: 2px;
}

.deca-add-rating-error-close[b-fjkek75pyt] {
    color: var(--error-600);
}

.deca-add-rating-error-close:hover[b-fjkek75pyt] {
    background-color: var(--error-200);
}

.deca-add-rating-error-close:focus[b-fjkek75pyt] {
    outline: 2px solid var(--error-600);
    outline-offset: 2px;
}

.deca-add-rating-saving-notification .dot-1[b-fjkek75pyt] {
    animation: dotPulse-b-fjkek75pyt 1.5s infinite;
    animation-delay: 0s;
}

.deca-add-rating-saving-notification .dot-2[b-fjkek75pyt] {
    animation: dotPulse-b-fjkek75pyt 1.5s infinite;
    animation-delay: 0.3s;
}

.deca-add-rating-saving-notification .dot-3[b-fjkek75pyt] {
    animation: dotPulse-b-fjkek75pyt 1.5s infinite;
    animation-delay: 0.6s;
}

.glass-plane-heading[b-fjkek75pyt] {
    color: var(--deca-primary-600);
    margin-block-end: 0.5rem;
}

@media (min-width: 48rem) {
    .add-rating-form-container[b-fjkek75pyt] {
        padding: 1.5rem;
    }

    .add-rating-form-field[b-fjkek75pyt] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    .add-rating-form-fields-wrapper[b-fjkek75pyt] {
        justify-content: flex-start;
    }

    .rating-buttons[b-fjkek75pyt] {
        flex-direction: row;
        align-items: center;
        width: auto;
        justify-content: center;
    }

    .rating-button[b-fjkek75pyt] {
        min-inline-size: 5rem;
        width: auto;
        padding: 0.3125rem 0.1875rem;
    }
}

@media (min-width: 64rem) {
    .question-row[b-fjkek75pyt] {
        grid-template-columns: 3rem 1fr 33rem;
        grid-template-rows: none;
        padding: 0.2rem;
    }

    .rating-buttons[b-fjkek75pyt] {
        grid-row: auto;
        grid-column: auto;
        justify-content: flex-start;
    }

    .rating-button[b-fjkek75pyt] {
        min-inline-size: 6.5rem;
        padding: 0.3125rem;
    }

    .glass-plane-overlay[b-fjkek75pyt] {
        left: 18.75rem;
        top: calc(7.0625rem + 1.125rem);
    }

    .deca-add-rating-header-gap-container[b-fjkek75pyt] {
        min-height: 4rem;
    }
}

@media (min-width: 90rem) {
    .question-row[b-fjkek75pyt] {
        grid-template-columns: 3rem 1fr 42.5rem;
    }

    .rating-button[b-fjkek75pyt] {
        min-inline-size: 8rem;
        padding: 0.375rem;
    }
}
/* /DECA/Pages/AddRating/SingleSave/DECA_SingleSaveRatingEntry.razor.rz.scp.css */
.deca-add-rating-header-gap-container[b-u0lv2sbzxf] {
    position: relative;
    min-height: 3rem;
    padding: 0;
}

.student-name-header[b-u0lv2sbzxf] {
    font-size: 2rem;
    color: var(--neutral-700);
    margin: 0;
}

.add-rating-instructions-text[b-u0lv2sbzxf] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--neutral-700);
    padding: 1rem 0;
}

.rating-instructions[b-u0lv2sbzxf] {
    margin-block-end: 1.5rem;
    font-style: italic;
    font-size: 1.2rem;
}

.ratings-label[b-u0lv2sbzxf] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.question-text[b-u0lv2sbzxf] {
    font-size: 0.875rem;
    line-height: 1.4;
}

.add-rating-form-dropdown[b-u0lv2sbzxf] {
    --dropdown-direction: downward;
    width: fit-content;
    padding: 0.625rem 2rem 0.625rem 0.25rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    font-size: 0.875rem;
    color: var(--neutral-700);
    line-height: 1.5;
    position: relative;
    text-align: center;
    appearance: none;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    cursor: pointer;

    &:focus {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        border-color: var(--deca-primary-600);
    }

    &:disabled[b-u0lv2sbzxf] {
        background-color: var(--neutral-100);
        color: var(--neutral-500);
        cursor: not-allowed;
    }

    &[type="date"][b-u0lv2sbzxf] {
        padding-left: 1.3125rem;
        padding-right: 1.5rem;
        background-image: url(/images/icons/calendar-icon.svg), url(/images/icons/caret-down.svg);
        background-repeat: no-repeat, no-repeat;
        background-position: left 0.75rem center, right 0.75rem center;
        background-size: 16px 16px, 12px 6px;

        &::-webkit-calendar-picker-indicator {
            position: absolute;
            right: 0.75rem;
            width: 12px;
            height: 6px;
            cursor: pointer;
            opacity: 0;
        }

        &[b-u0lv2sbzxf]::-moz-focus-inner {
            border: 0;
            padding: 0;
        }
    }
}

.add-rating-form-container[b-u0lv2sbzxf] {
    position: relative;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1rem;
}

.add-rating-form-field[b-u0lv2sbzxf] {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.add-rating-form-fields-wrapper[b-u0lv2sbzxf] {
    justify-content: center;
}

.questions-container[b-u0lv2sbzxf] {
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);

    &.display-only-questions {
        opacity: 0.6;
        pointer-events: none;
    }
}

.question-row[b-u0lv2sbzxf] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    padding: 1rem;
    gap: 0.75rem;
    border-block-end: 1px solid var(--neutral-200);

    &:last-child {
        border-block-end: none;
    }

    &.alternate[b-u0lv2sbzxf] {
        background-color: transparent;
    }

    &:hover[b-u0lv2sbzxf] {
        background-color: var(--neutral-200);
    }
}

.rating-buttons[b-u0lv2sbzxf] {
    gap: 0;
    grid-row: 2;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.rating-button[b-u0lv2sbzxf] {
    min-inline-size: auto;
    width: 100%;
    padding: 0.375rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    color: var(--neutral-700);
    font-size: 0.75rem;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;

    &:hover:not(:disabled):not(.selected) {
        background-color: var(--neutral-100);
        position: relative;
        z-index: 1;
    }

    &:focus[b-u0lv2sbzxf] {
        outline: none;
    }

    &:focus-visible[b-u0lv2sbzxf] {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        position: relative;
        z-index: 2;
    }

    &:disabled[b-u0lv2sbzxf] {
        background-color: var(--neutral-100);
        color: var(--neutral-400);
        cursor: not-allowed;
    }

    &.selected[b-u0lv2sbzxf] {
        background-color: var(--deca-primary-600);
        border-color: var(--deca-primary-600);
        color: var(--white);
        position: relative;
        z-index: 1;
    }
}

.glass-plane-overlay[b-u0lv2sbzxf] {
    position: fixed;
    top: calc(3.5rem + 1.125rem);
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    opacity: 1;
}

.glass-plane-message[b-u0lv2sbzxf] {
    border: 2px solid var(--deca-primary-400);
}

.deca-add-rating-header-notification-area[b-u0lv2sbzxf] {
    position: relative;
    z-index: 100;
    margin-inline-start: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
            opacity var(--transition-speed) ease,
            visibility var(--transition-speed) ease;
}

.deca-add-rating-header-notification-area.visible[b-u0lv2sbzxf] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.deca-add-rating-custom-notification[b-u0lv2sbzxf] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.375rem;
    margin-bottom: 0;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
            opacity var(--transition-speed) ease,
            visibility var(--transition-speed) ease;
}

.deca-add-rating-custom-notification.visible[b-u0lv2sbzxf] {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

:is(.deca-add-rating-saving-notification, .deca-add-rating-success-notification)[b-u0lv2sbzxf] {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.deca-add-rating-error-notification[b-u0lv2sbzxf] {
    background-color: var(--error-100);
    border: 1px solid var(--error-700);
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.1);
    gap: 0.5rem;
}

@keyframes dotPulse-b-u0lv2sbzxf {
    0%, 20% {
        opacity: 0.3;
        transform: translateY(0);
    }
    50% {
        opacity: 1;
        transform: translateY(-0.25rem);
    }
    80%, 100% {
        opacity: 0.3;
        transform: translateY(0);
    }
}

.deca-add-rating-created-banner[b-u0lv2sbzxf],
.deca-add-rating-info-banner[b-u0lv2sbzxf],
.deca-add-rating-error-banner[b-u0lv2sbzxf] {
    position: fixed;
    top: 6rem;
    left: 50%;
    margin-left: 6rem;
    transform: translateX(-50%);
    z-index: 101;
    border-radius: 0.375rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 32rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition:
            opacity var(--transition-speed) ease,
            visibility var(--transition-speed) ease,
            transform var(--transition-speed) ease;
    transform: translateX(-50%) translateY(-0.5rem);
}

.deca-add-rating-created-banner[b-u0lv2sbzxf] {
    background-color: var(--deca-primary-100);
    border: 1px solid var(--deca-primary-300);
}

.deca-add-rating-info-banner[b-u0lv2sbzxf] {
    background-color: var(--info-100);
    border: 1px solid var(--info-700);
}

.deca-add-rating-error-banner[b-u0lv2sbzxf] {
    background-color: var(--error-100);
    border: 1px solid var(--error-700);
}

.deca-add-rating-created-banner.visible[b-u0lv2sbzxf],
.deca-add-rating-info-banner.visible[b-u0lv2sbzxf],
.deca-add-rating-error-banner.visible[b-u0lv2sbzxf] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.deca-add-rating-created-content[b-u0lv2sbzxf],
.deca-add-rating-info-content[b-u0lv2sbzxf],
.deca-add-rating-error-content[b-u0lv2sbzxf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.deca-add-rating-created-icon[b-u0lv2sbzxf],
.deca-add-rating-info-icon[b-u0lv2sbzxf],
.deca-add-rating-error-icon[b-u0lv2sbzxf] {
    flex-shrink: 0;
}

.deca-add-rating-created-text[b-u0lv2sbzxf] {
    color: var(--deca-primary-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-info-text[b-u0lv2sbzxf] {
    color: var(--info-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-error-text[b-u0lv2sbzxf] {
    color: var(--error-800);
    font-size: 0.875rem;
    line-height: 1.43;
}

.deca-add-rating-created-close[b-u0lv2sbzxf],
.deca-add-rating-info-close[b-u0lv2sbzxf],
.deca-add-rating-error-close[b-u0lv2sbzxf] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color var(--transition-speed) ease;
}

.deca-add-rating-created-close[b-u0lv2sbzxf] {
    color: var(--deca-primary-600);
}

.deca-add-rating-created-close:hover[b-u0lv2sbzxf] {
    background-color: var(--deca-primary-200);
}

.deca-add-rating-created-close:focus[b-u0lv2sbzxf] {
    outline: 2px solid var(--deca-primary-600);
    outline-offset: 2px;
}

.deca-add-rating-info-close[b-u0lv2sbzxf] {
    color: var(--info-600);
}

.deca-add-rating-info-close:hover[b-u0lv2sbzxf] {
    background-color: var(--info-200);
}

.deca-add-rating-info-close:focus[b-u0lv2sbzxf] {
    outline: 2px solid var(--info-600);
    outline-offset: 2px;
}

.deca-add-rating-error-close[b-u0lv2sbzxf] {
    color: var(--error-600);
}

.deca-add-rating-error-close:hover[b-u0lv2sbzxf] {
    background-color: var(--error-200);
}

.deca-add-rating-error-close:focus[b-u0lv2sbzxf] {
    outline: 2px solid var(--error-600);
    outline-offset: 2px;
}

.deca-add-rating-saving-notification .dot-1[b-u0lv2sbzxf] {
    animation: dotPulse-b-u0lv2sbzxf 1.5s infinite;
    animation-delay: 0s;
}

.deca-add-rating-saving-notification .dot-2[b-u0lv2sbzxf] {
    animation: dotPulse-b-u0lv2sbzxf 1.5s infinite;
    animation-delay: 0.3s;
}

.deca-add-rating-saving-notification .dot-3[b-u0lv2sbzxf] {
    animation: dotPulse-b-u0lv2sbzxf 1.5s infinite;
    animation-delay: 0.6s;
}

.glass-plane-heading[b-u0lv2sbzxf] {
    color: var(--deca-primary-600);
    margin-block-end: 0.5rem;
}

@media (min-width: 48rem) {
    .add-rating-form-container[b-u0lv2sbzxf] {
        padding: 1.5rem;
    }

    .add-rating-form-field[b-u0lv2sbzxf] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    .add-rating-form-fields-wrapper[b-u0lv2sbzxf] {
        justify-content: flex-start;
    }

    .rating-buttons[b-u0lv2sbzxf] {
        flex-direction: row;
        align-items: center;
        width: auto;
        justify-content: center;
    }

    .rating-button[b-u0lv2sbzxf] {
        min-inline-size: 5rem;
        width: auto;
        padding: 0.3125rem 0.1875rem;
    }
}

@media (min-width: 64rem) {
    .question-row[b-u0lv2sbzxf] {
        grid-template-columns: 3rem 1fr 33rem;
        grid-template-rows: none;
        padding: 0.2rem;
    }

    .rating-buttons[b-u0lv2sbzxf] {
        grid-row: auto;
        grid-column: auto;
        justify-content: flex-start;
    }

    .rating-button[b-u0lv2sbzxf] {
        min-inline-size: 6.5rem;
        padding: 0.3125rem;
    }

    .glass-plane-overlay[b-u0lv2sbzxf] {
        left: 18.75rem;
        top: calc(7.0625rem + 1.125rem);
    }

    .deca-add-rating-header-gap-container[b-u0lv2sbzxf] {
        min-height: 4rem;
    }
}

@media (min-width: 90rem) {
    .question-row[b-u0lv2sbzxf] {
        grid-template-columns: 3rem 1fr 42.5rem;
    }

    .rating-button[b-u0lv2sbzxf] {
        min-inline-size: 8rem;
        padding: 0.375rem;
    }
}
/* /DECA/Pages/AddRating/SingleSave/RatingItemRowComponent.razor.rz.scp.css */
.question-text[b-argd76lu0s] {
    font-size: 0.875rem;
    line-height: 1.4;
}

.question-row[b-argd76lu0s] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    padding: 1rem;
    gap: 0.75rem;
    border-block-end: 1px solid var(--neutral-200);

    &:last-child {
        border-block-end: none;
    }

    &.alternate[b-argd76lu0s] {
        background-color: transparent;
    }

    &:hover[b-argd76lu0s] {
        background-color: var(--neutral-200);
    }
}

.rating-buttons[b-argd76lu0s] {
    gap: 0;
    grid-row: 2;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.rating-button[b-argd76lu0s] {
    min-inline-size: auto;
    width: 100%;
    padding: 0.375rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    color: var(--neutral-700);
    font-size: 0.75rem;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;

    &:hover:not(:disabled):not(.selected) {
        background-color: var(--neutral-100);
        position: relative;
        z-index: 1;
    }

    &:focus[b-argd76lu0s] {
        outline: none;
    }

    &:focus-visible[b-argd76lu0s] {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        position: relative;
        z-index: 2;
    }

    &:disabled[b-argd76lu0s] {
        background-color: var(--neutral-100);
        color: var(--neutral-400);
        cursor: not-allowed;
    }

    &.selected[b-argd76lu0s] {
        background-color: var(--deca-primary-600);
        border-color: var(--deca-primary-600);
        color: var(--white);
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 48rem) {
    .rating-buttons[b-argd76lu0s] {
        flex-direction: row;
        align-items: center;
        width: auto;
        justify-content: center;
    }

    .rating-button[b-argd76lu0s] {
        min-inline-size: 5rem;
        width: auto;
        padding: 0.3125rem 0.1875rem;
    }
}

@media (min-width: 64rem) {
    .question-row[b-argd76lu0s] {
        grid-template-columns: 3rem 1fr 33rem;
        grid-template-rows: none;
        padding: 0.2rem;
    }

    .rating-buttons[b-argd76lu0s] {
        grid-row: auto;
        grid-column: auto;
        justify-content: flex-start;
    }

    .rating-button[b-argd76lu0s] {
        min-inline-size: 6.5rem;
        padding: 0.3125rem;
    }
}

@media (min-width: 90rem) {
    .question-row[b-argd76lu0s] {
        grid-template-columns: 3rem 1fr 42.5rem;
    }

    .rating-button[b-argd76lu0s] {
        min-inline-size: 8rem;
        padding: 0.375rem;
    }
}
/* /DECA/Pages/GroupRating/Components/DecaMobileStudentGroupRatingRow.razor.rz.scp.css */
.group-rating-container[b-p66j45fc4s] {
    width: 100%;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.25rem;
    overflow: hidden;
}

.group-rating-search-section[b-p66j45fc4s] {
    padding: 1rem;
    background-color: var(--white);
}

.group-rating-content[b-p66j45fc4s] {
    padding: 0;
}

.group-rating-cards-container[b-p66j45fc4s] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.group-rating-card[b-p66j45fc4s] {
    width: 100%;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow var(--transition-speed) ease;
}

.group-rating-card:hover[b-p66j45fc4s] {
    box-shadow: 0 0.25rem 0.375rem -0.0625rem var(--shadow-sm);
    background-color: var(--neutral-200);
}

.group-rating-card-header[b-p66j45fc4s] {
    padding: 1rem;
}

.group-rating-student-info[b-p66j45fc4s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.group-rating-avatar[b-p66j45fc4s] {
    flex-shrink: 0;
}

.group-rating-student-name[b-p66j45fc4s] {
    font-size: 0.875rem;
    color: var(--neutral-900);
}

.group-rating-card-body[b-p66j45fc4s] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.group-rating-field[b-p66j45fc4s] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.group-rating-field-label[b-p66j45fc4s] {
    font-size: 0.875rem;
    color: var(--neutral-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}

.group-rating-field-value[b-p66j45fc4s] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.group-rating-expanded-table-container[b-p66j45fc4s] {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.25rem;
}

.group-rating-expanded-table-container[b-p66j45fc4s]::-webkit-scrollbar,
.group-rating-summary-table-container[b-p66j45fc4s]::-webkit-scrollbar {
    height: 0.5rem;
}

.group-rating-expanded-table-container[b-p66j45fc4s]::-webkit-scrollbar-track,
.group-rating-summary-table-container[b-p66j45fc4s]::-webkit-scrollbar-track {
    background-color: var(--neutral-300);
    border-radius: 0.375rem;
}

.group-rating-expanded-table-container[b-p66j45fc4s]::-webkit-scrollbar-thumb,
.group-rating-summary-table-container[b-p66j45fc4s]::-webkit-scrollbar-thumb {
    background-color: var(--neutral-100);
    border-radius: 0.375rem;
    border: 0.0625rem solid var(--neutral-400);
}

.group-rating-expanded-table-container[b-p66j45fc4s]::-webkit-scrollbar-thumb:hover,
.group-rating-summary-table-container[b-p66j45fc4s]::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral-400);
}

.group-rating-expanded-table[b-p66j45fc4s] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.875rem;
    border: none;
}

.group-rating-expanded-header[b-p66j45fc4s] {
    background-color: var(--neutral-100);
    color: var(--neutral-600);
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 0.25rem;
    text-align: center;
    line-height: 1.2;
    border: none;
}

.group-rating-expanded-header:nth-child(1)[b-p66j45fc4s],
.group-rating-expanded-header:nth-child(2)[b-p66j45fc4s],
.group-rating-expanded-header:nth-child(3)[b-p66j45fc4s],
.group-rating-expanded-header:nth-child(4)[b-p66j45fc4s] {
    width: 10rem;
}

.group-rating-expanded-header:not(:last-child)[b-p66j45fc4s] {
    border-right: 0.0625rem solid var(--neutral-300);
}

.group-rating-expanded-cell[b-p66j45fc4s] {
    padding: 0.75rem 0.25rem;
    color: var(--neutral-700);
    font-size: 0.875rem;
    white-space: nowrap;
    border: none;
    border-top: 0.0625rem solid var(--neutral-300);
    text-align: center;
}

.group-rating-expanded-cell:not(:last-child)[b-p66j45fc4s] {
    border-right: 0.0625rem solid var(--neutral-300);
}

.group-rating-scale-scores[b-p66j45fc4s] {
    display: flex;
    gap: 0.15rem;
    justify-content: center;
    align-items: center;
}

.group-rating-scale-value[b-p66j45fc4s] {
    min-width: 2rem;
    text-align: center;
}

.group-rating-header-with-subs[b-p66j45fc4s] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.group-rating-main-header[b-p66j45fc4s] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.group-rating-sub-headers[b-p66j45fc4s] {
    display: flex;
    gap: 0.15rem;
    font-size: 0.875rem;
    font-weight: 400;
}

.group-rating-sub-headers span[b-p66j45fc4s] {
    min-width: 2rem;
    text-align: center;
}

.group-rating-card-actions[b-p66j45fc4s] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.group-rating-action-button[b-p66j45fc4s] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-700);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease,
    border-color var(--transition-speed) ease;
}

.group-rating-action-button:hover[b-p66j45fc4s] {
    background-color: var(--neutral-50);
    border-color: var(--neutral-400);
}

.group-rating-action-button:active[b-p66j45fc4s] {
    background-color: var(--neutral-100);
}

.group-rating-pagination-wrapper[b-p66j45fc4s] {
    padding: 1rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.group-rating-pagination-left[b-p66j45fc4s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.group-rating-results-text[b-p66j45fc4s] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.group-rating-page-size-dropdown[b-p66j45fc4s] {
    padding: 0.5rem;
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.375rem;
    background-color: var(--white);
    font-size: 0.875rem;
    color: var(--neutral-700);
}

.group-rating-pagination-right[b-p66j45fc4s] {
    display: flex;
    align-items: center;
}

.group-rating-page-button + .group-rating-page-button[b-p66j45fc4s] {
    margin-left: 0.5rem;
}

.group-rating-nav-button[b-p66j45fc4s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--white);
    color: var(--neutral-900);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.group-rating-nav-button:hover:not(:disabled)[b-p66j45fc4s] {
    background-color: var(--neutral-100);
}

.group-rating-nav-button:disabled[b-p66j45fc4s] {
    background-color: var(--white);
    color: var(--neutral-400);
    cursor: not-allowed;
}

.group-rating-page-button[b-p66j45fc4s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0.0625rem solid var(--neutral-900);
    border-radius: 0.25rem;
    background-color: var(--white);
    color: var(--neutral-900);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.group-rating-page-button:hover:not(.group-rating-current-page)[b-p66j45fc4s] {
    background-color: var(--neutral-100);
}

.group-rating-current-page[b-p66j45fc4s] {
    background-color: var(--deca-primary-500);
    color: var(--white);
    border-color: var(--deca-primary-500);
    cursor: default;
}

.group-rating-alert[b-p66j45fc4s] {
    padding: 1rem;
    border-radius: 0.375rem;
    margin: 1rem;
}

.group-rating-alert-info[b-p66j45fc4s] {
    background-color: var(--info-100);
    border: 0.0625rem solid var(--info-300);
    color: var(--info-700);
}

.group-rating-table-container[b-p66j45fc4s] {
    display: none;
}

/* Put these in a component */
@media (min-width: 48rem) {
    .group-rating-search-section[b-p66j45fc4s] {
        padding-bottom: 0;
    }

    .group-rating-cards-container[b-p66j45fc4s] {
        display: none;
    }

    .group-rating-table-container[b-p66j45fc4s] {
        display: block;
        padding: 1rem 1rem 0;
    }

    .group-rating-table[b-p66j45fc4s] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.5rem;
        overflow: hidden;
        background-color: var(--white);
        table-layout: fixed;
    }

    .group-rating-table-header[b-p66j45fc4s] {
        background-color: var(--neutral-100);
    }

    .group-rating-table-header-cell[b-p66j45fc4s] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-300);
        font-size: 1rem;
        color: var(--neutral-600);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
        vertical-align: middle;
    }

    .group-rating-header-name[b-p66j45fc4s] {
        text-align: left;
    }

    .group-rating-table-cell[b-p66j45fc4s] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-200);
        vertical-align: middle;
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-header-name[b-p66j45fc4s],
    .group-rating-cell-name[b-p66j45fc4s] {
        width: 20%;
    }

    .group-rating-header-cell[b-p66j45fc4s],
    .group-rating-cell[b-p66j45fc4s] {
        width: 15%;
    }

    .group-rating-header-actions[b-p66j45fc4s],
    .group-rating-cell-actions[b-p66j45fc4s] {
        width: 15.625rem;
    }

    .group-rating-cell-name[b-p66j45fc4s] {
        text-align: left;
    }

    .group-rating-student-wrapper[b-p66j45fc4s] {
        border: none;
    }

    .group-rating-student-container[b-p66j45fc4s] {
        padding: 0;
        border: none;
    }

    .group-rating-student-table[b-p66j45fc4s] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
        table-layout: fixed;
    }

    .group-rating-row[b-p66j45fc4s] {
        cursor: pointer;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-expanded-row[b-p66j45fc4s] {
        background-color: inherit;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-student-wrapper:hover .group-rating-row[b-p66j45fc4s],
    .group-rating-student-wrapper:hover .group-rating-expanded-row[b-p66j45fc4s] {
        background-color: var(--neutral-200);
    }

    .group-rating-row[aria-expanded="true"] .group-rating-table-cell[b-p66j45fc4s] {
        border-bottom: none;
    }

    .group-rating-student-wrapper:last-child .group-rating-table-cell[b-p66j45fc4s],
    .group-rating-student-wrapper:last-child .group-rating-expanded-content[b-p66j45fc4s] {
        border-bottom: none;
    }

    .group-rating-action-btn[b-p66j45fc4s] {
        padding: 0.375rem 0.5rem;
        font-size: 0.875rem;
        width: 100%;
        margin-bottom: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.375rem;
        text-align: center;
    }

    .group-rating-action-btn:last-child[b-p66j45fc4s] {
        margin-bottom: 0;
    }

    .group-rating-actions-container[b-p66j45fc4s] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: center;
        padding: 0 0.5rem;
    }

    .group-rating-expanded-content[b-p66j45fc4s] {
        padding: 1rem;
        border-bottom: 0.0625rem solid var(--neutral-300);
        border-top: none;
    }

    .rating-summary-content[b-p66j45fc4s] {
        width: 100%;
    }

    .group-rating-summary-table-container[b-p66j45fc4s] {
        width: 100%;
        overflow-x: auto;
        background-color: var(--white);
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.25rem;
    }

    .group-rating-summary-table[b-p66j45fc4s] {
        width: 100%;
        min-width: 35rem;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
    }

    .group-rating-summary-table-header-cell[b-p66j45fc4s] {
        padding: 0.75rem 0.5rem;
        border: none;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--neutral-600);
        text-align: center;
        background-color: var(--neutral-100);
        line-height: 1.2;
    }

    .group-rating-summary-table-header-cell:not(:last-child)[b-p66j45fc4s] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-summary-table-cell[b-p66j45fc4s] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-top: 0.0625rem solid var(--neutral-300);
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-summary-table-cell:not(:last-child)[b-p66j45fc4s] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-score-container[b-p66j45fc4s] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
        align-items: center;
    }

    .group-rating-score-value[b-p66j45fc4s] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-header-container[b-p66j45fc4s] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.25rem;
    }

    .group-rating-header-title[b-p66j45fc4s] {
        font-size: 1rem;
    }

    .group-rating-header-subs[b-p66j45fc4s] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
    }

    .group-rating-header-sub[b-p66j45fc4s] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-pagination-wrapper[b-p66j45fc4s] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }

    .group-rating-pagination-left[b-p66j45fc4s] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

@media (min-width: 64rem) {
    .group-rating-table-container[b-p66j45fc4s] {
        padding: 1.5rem;
    }

    .group-rating-table-header-cell[b-p66j45fc4s] {
        padding: 0.75rem 0.5rem;
        font-size: 1rem;
    }

    .group-rating-table-cell[b-p66j45fc4s] {
        padding: 0.15rem 0.5rem;
        font-size: 0.875rem;
    }

    .group-rating-expanded-content[b-p66j45fc4s] {
        padding: 1.5rem;
    }

    .group-rating-summary-table-header-cell[b-p66j45fc4s] {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }

    .group-rating-summary-table-cell[b-p66j45fc4s] {
        padding: 1rem 0.75rem;
    }

    .group-rating-header-title[b-p66j45fc4s] {
        font-size: 1rem;
    }

    .group-rating-actions-container[b-p66j45fc4s] {
        flex-direction: row;
        gap: 0.125rem;
        justify-content: flex-end;
        white-space: nowrap;
        padding: 0;
    }

    .group-rating-actions-container .group-rating-action-btn[b-p66j45fc4s] {
        flex: 0 0 auto;
        min-width: 2.5rem;
        width: auto;
        margin-bottom: 0;
        font-size: 0.875rem;
        padding: 0.5rem 0.375rem;
        gap: 0.25rem;
        white-space: nowrap;
        line-height: 1.2;
    }

    .group-rating-header-name[b-p66j45fc4s],
    .group-rating-cell-name[b-p66j45fc4s] {
        width: 19%;
    }

    .group-rating-header-cell[b-p66j45fc4s],
    .group-rating-cell[b-p66j45fc4s] {
        width: 14%;
    }

    .group-rating-header-actions[b-p66j45fc4s],
    .group-rating-cell-actions[b-p66j45fc4s] {
        width: 17rem;
    }

    .group-rating-table[b-p66j45fc4s] {
        table-layout: fixed;
        width: 100%;
    }

    .group-rating-desktop-avatar[b-p66j45fc4s] {
        margin-right: 0.25rem;
    }

    .group-rating-avatar-icon[b-p66j45fc4s] {
        width: 2rem;
        height: 2rem;
    }

    .group-rating-cell-name .fw-medium[b-p66j45fc4s] {
        font-size: 0.875rem;
    }
}

@media (min-width: 90rem) {
    .group-rating-header-name[b-p66j45fc4s],
    .group-rating-cell-name[b-p66j45fc4s] {
        width: 25%;
    }
}
/* /DECA/Pages/GroupRating/Components/DecaStudentGroupRatingRow.razor.rz.scp.css */
@media (min-width: 48rem) {
    .group-rating-search-section[b-c40ypd7lys] {
        padding-bottom: 0;
    }

    .group-rating-cards-container[b-c40ypd7lys] {
        display: none;
    }

    .group-rating-table-container[b-c40ypd7lys] {
        display: block;
        padding: 1rem 1rem 0;
    }

    .group-rating-table[b-c40ypd7lys] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.5rem;
        overflow: hidden;
        background-color: var(--white);
        table-layout: fixed;
    }

    .group-rating-table-header[b-c40ypd7lys] {
        background-color: var(--neutral-100);
    }

    .group-rating-table-header-cell[b-c40ypd7lys] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-300);
        font-size: 1rem;
        color: var(--neutral-600);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
        vertical-align: middle;
    }

    .group-rating-header-name[b-c40ypd7lys] {
        text-align: left;
    }

    .group-rating-table-cell[b-c40ypd7lys] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-200);
        vertical-align: middle;
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-header-name[b-c40ypd7lys],
    .group-rating-cell-name[b-c40ypd7lys] {
        width: 20%;
    }

    .group-rating-header-cell[b-c40ypd7lys],
    .group-rating-cell[b-c40ypd7lys] {
        width: 15%;
    }

    .group-rating-header-actions[b-c40ypd7lys],
    .group-rating-cell-actions[b-c40ypd7lys] {
        width: 15.625rem;
    }

    .group-rating-cell-name[b-c40ypd7lys] {
        text-align: left;
    }

    .group-rating-student-wrapper[b-c40ypd7lys] {
        border: none;
    }

    .group-rating-student-container[b-c40ypd7lys] {
        padding: 0;
        border: none;
    }

    .group-rating-student-table[b-c40ypd7lys] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
        table-layout: fixed;
    }

    .group-rating-row[b-c40ypd7lys] {
        cursor: pointer;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-expanded-row[b-c40ypd7lys] {
        background-color: inherit;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-student-wrapper:hover .group-rating-row[b-c40ypd7lys],
    .group-rating-student-wrapper:hover .group-rating-expanded-row[b-c40ypd7lys] {
        background-color: var(--neutral-200);
    }

    .group-rating-row[aria-expanded="true"] .group-rating-table-cell[b-c40ypd7lys],
    .group-rating-row:has(+ .group-rating-expanded-row) .group-rating-table-cell[b-c40ypd7lys] {
        border-bottom: none;
    }

    .group-rating-student-wrapper:last-child .group-rating-table-cell[b-c40ypd7lys],
    .group-rating-student-wrapper:last-child .group-rating-expanded-content[b-c40ypd7lys] {
        border-bottom: none;
    }

    .group-rating-action-btn[b-c40ypd7lys] {
        padding: 0.375rem 0.5rem;
        font-size: 0.875rem;
        width: 100%;
        margin-bottom: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.375rem;
        text-align: center;
    }

    .group-rating-action-btn:last-child[b-c40ypd7lys] {
        margin-bottom: 0;
    }

    .group-rating-actions-container[b-c40ypd7lys] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: center;
        padding: 0 0.5rem;
    }

    .group-rating-expanded-content[b-c40ypd7lys] {
        padding: 1rem;
        border-bottom: 0.0625rem solid var(--neutral-300);
        border-top: none;
    }

    .rating-summary-content[b-c40ypd7lys] {
        width: 100%;
    }

    .group-rating-summary-table-container[b-c40ypd7lys] {
        width: 100%;
        overflow-x: auto;
        background-color: var(--white);
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.25rem;
    }

    .group-rating-summary-table[b-c40ypd7lys] {
        width: 100%;
        min-width: 35rem;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
    }

    .group-rating-summary-table-header-cell[b-c40ypd7lys] {
        padding: 0.75rem 0.5rem;
        border: none;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--neutral-600);
        text-align: center;
        background-color: var(--neutral-100);
        line-height: 1.2;
    }

    .group-rating-summary-table-header-cell:not(:last-child)[b-c40ypd7lys] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-summary-table-cell[b-c40ypd7lys] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-top: 0.0625rem solid var(--neutral-300);
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-summary-table-cell:not(:last-child)[b-c40ypd7lys] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-score-container[b-c40ypd7lys] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
        align-items: center;
    }

    .group-rating-score-value[b-c40ypd7lys] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-header-container[b-c40ypd7lys] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.25rem;
    }

    .group-rating-header-title[b-c40ypd7lys] {
        font-size: 1rem;
    }

    .group-rating-header-subs[b-c40ypd7lys] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
    }

    .group-rating-header-sub[b-c40ypd7lys] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-pagination-wrapper[b-c40ypd7lys] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }

    .group-rating-pagination-left[b-c40ypd7lys] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

@media (min-width: 64rem) {
    .group-rating-table-container[b-c40ypd7lys] {
        padding: 1.5rem;
    }

    .group-rating-table-header-cell[b-c40ypd7lys] {
        padding: 0.75rem 0.5rem;
        font-size: 1rem;
    }

    .group-rating-table-cell[b-c40ypd7lys] {
        padding: 0.15rem 0.5rem;
        font-size: 0.875rem;
    }

    .group-rating-summary-table-header-cell[b-c40ypd7lys] {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }

    .group-rating-summary-table-cell[b-c40ypd7lys] {
        padding: 1rem 0.75rem;
    }

    .group-rating-header-title[b-c40ypd7lys] {
        font-size: 1rem;
    }

    .group-rating-actions-container[b-c40ypd7lys] {
        flex-direction: row;
        gap: 0.125rem;
        justify-content: flex-end;
        white-space: nowrap;
        padding: 0;
    }

    .group-rating-actions-container .group-rating-action-btn[b-c40ypd7lys] {
        flex: 0 0 auto;
        min-width: 2.5rem;
        width: auto;
        margin-bottom: 0;
        font-size: 0.875rem;
        padding: 0.5rem 0.375rem;
        gap: 0.25rem;
        white-space: nowrap;
        line-height: 1.2;
    }

    .group-rating-header-name[b-c40ypd7lys],
    .group-rating-cell-name[b-c40ypd7lys] {
        width: 19%;
    }

    .group-rating-header-cell[b-c40ypd7lys],
    .group-rating-cell[b-c40ypd7lys] {
        width: 14%;
    }

    .group-rating-header-actions[b-c40ypd7lys],
    .group-rating-cell-actions[b-c40ypd7lys] {
        width: 17rem;
    }

    .group-rating-table[b-c40ypd7lys] {
        table-layout: fixed;
        width: 100%;
    }

    .group-rating-desktop-avatar[b-c40ypd7lys] {
        margin-right: 0.25rem;
    }

    .group-rating-avatar-icon[b-c40ypd7lys] {
        width: 2rem;
        height: 2rem;
    }

    .group-rating-cell-name .fw-medium[b-c40ypd7lys] {
        font-size: 0.875rem;
    }
}

@media (min-width: 90rem) {
    .group-rating-header-name[b-c40ypd7lys],
    .group-rating-cell-name[b-c40ypd7lys] {
        width: 25%;
    }
}
/* /DECA/Pages/GroupRating/DECA_StudentGroupRatingSummary.razor.rz.scp.css */
.group-rating-container[b-7xugpky08i] {
    width: 100%;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.25rem;
    overflow: hidden;
}

.group-rating-search-section[b-7xugpky08i] {
    padding: 1rem;
    background-color: var(--white);
}

.group-rating-search-and-legend[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.group-rating-legend[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    flex-shrink: 0;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.5rem;
    padding: 0;
    width: calc(100% - 2rem);
    align-self: center;
    overflow: hidden;
}

.group-rating-legend-header[b-7xugpky08i] {
    width: 100%;
    background-color: var(--neutral-100);
    border-bottom: 0.0625rem solid var(--neutral-300);
    padding: 0.75rem 0.5rem;
}

.group-rating-legend-header-text[b-7xugpky08i] {
    font-size: 1rem;
    color: var(--neutral-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 0;
}

.group-rating-legend-content[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: center;
    padding: 0.5rem;
    width: 100%;
}

.group-rating-legend-item[b-7xugpky08i] {
    display: flex;
    align-items: center;
}

.group-rating-legend-text[b-7xugpky08i] {
    font-size: 0.875rem;
    font-weight: 700;
}

.group-rating-content[b-7xugpky08i] {
    padding: 0;
}

.group-rating-cards-container[b-7xugpky08i] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.group-rating-card[b-7xugpky08i] {
    width: 100%;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    transition: box-shadow var(--transition-speed) ease;
}

.group-rating-card:hover[b-7xugpky08i] {
    box-shadow: 0 0.25rem 0.375rem -0.0625rem var(--shadow-sm);
    background-color: var(--neutral-200);
}

.group-rating-card-header[b-7xugpky08i] {
    padding: 1rem;
}

.group-rating-student-info[b-7xugpky08i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.group-rating-avatar[b-7xugpky08i] {
    flex-shrink: 0;
}

.group-rating-student-name[b-7xugpky08i] {
    font-size: 0.875rem;
    color: var(--neutral-900);
}

.group-rating-card-body[b-7xugpky08i] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.group-rating-field[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.group-rating-field-label[b-7xugpky08i] {
    font-size: 0.875rem;
    color: var(--neutral-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}

.group-rating-field-value[b-7xugpky08i] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.group-rating-expanded-table-container[b-7xugpky08i] {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.25rem;
}

.group-rating-expanded-table-container[b-7xugpky08i]::-webkit-scrollbar,
.group-rating-summary-table-container[b-7xugpky08i]::-webkit-scrollbar {
    height: 0.5rem;
}

.group-rating-expanded-table-container[b-7xugpky08i]::-webkit-scrollbar-track,
.group-rating-summary-table-container[b-7xugpky08i]::-webkit-scrollbar-track {
    background-color: var(--neutral-300);
    border-radius: 0.375rem;
}

.group-rating-expanded-table-container[b-7xugpky08i]::-webkit-scrollbar-thumb,
.group-rating-summary-table-container[b-7xugpky08i]::-webkit-scrollbar-thumb {
    background-color: var(--neutral-100);
    border-radius: 0.375rem;
    border: 0.0625rem solid var(--neutral-400);
}

.group-rating-expanded-table-container[b-7xugpky08i]::-webkit-scrollbar-thumb:hover,
.group-rating-summary-table-container[b-7xugpky08i]::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral-400);
}

.group-rating-expanded-table[b-7xugpky08i] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.875rem;
    border: none;
}

.group-rating-expanded-header[b-7xugpky08i] {
    background-color: var(--neutral-100);
    color: var(--neutral-600);
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 0.25rem;
    text-align: center;
    line-height: 1.2;
    border: none;
}

.group-rating-expanded-header:nth-child(1)[b-7xugpky08i],
.group-rating-expanded-header:nth-child(2)[b-7xugpky08i],
.group-rating-expanded-header:nth-child(3)[b-7xugpky08i],
.group-rating-expanded-header:nth-child(4)[b-7xugpky08i] {
    width: 10rem;
}

.group-rating-expanded-header:not(:last-child)[b-7xugpky08i] {
    border-right: 0.0625rem solid var(--neutral-300);
}

.group-rating-expanded-cell[b-7xugpky08i] {
    padding: 0.75rem 0.25rem;
    color: var(--neutral-700);
    font-size: 0.875rem;
    white-space: nowrap;
    border: none;
    border-top: 0.0625rem solid var(--neutral-300);
    text-align: center;
}

.group-rating-expanded-cell:not(:last-child)[b-7xugpky08i] {
    border-right: 0.0625rem solid var(--neutral-300);
}

.group-rating-scale-scores[b-7xugpky08i] {
    display: flex;
    gap: 0.15rem;
    justify-content: center;
    align-items: center;
}

.group-rating-scale-value[b-7xugpky08i] {
    min-width: 2rem;
    text-align: center;
}

.group-rating-header-with-subs[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.group-rating-main-header[b-7xugpky08i] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.group-rating-sub-headers[b-7xugpky08i] {
    display: flex;
    gap: 0.15rem;
    font-size: 0.875rem;
    font-weight: 400;
}

.group-rating-sub-headers span[b-7xugpky08i] {
    min-width: 2rem;
    text-align: center;
}

.group-rating-card-actions[b-7xugpky08i] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.group-rating-action-button[b-7xugpky08i] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--neutral-700);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease,
    border-color var(--transition-speed) ease;
}

.group-rating-action-button:hover[b-7xugpky08i] {
    border-color: var(--neutral-400);
}

.group-rating-action-button:active[b-7xugpky08i] {
    background-color: var(--neutral-100);
}

.group-rating-pagination-wrapper[b-7xugpky08i] {
    padding: 1rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.group-rating-pagination-left[b-7xugpky08i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.group-rating-results-text[b-7xugpky08i] {
    font-size: 0.875rem;
    color: var(--neutral-700);
    text-align: center;
}

.group-rating-page-size-dropdown[b-7xugpky08i] {
    padding: 0.5rem;
    border: 0.0625rem solid var(--neutral-300);
    border-radius: 0.375rem;
    background-color: var(--white);
    font-size: 0.875rem;
    color: var(--neutral-700);
}

.group-rating-pagination-right[b-7xugpky08i] {
    display: flex;
    align-items: center;
}

.group-rating-page-button + .group-rating-page-button[b-7xugpky08i] {
    margin-left: 0.5rem;
}

.group-rating-nav-button[b-7xugpky08i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: none;
    border-radius: 0.25rem;
    background-color: var(--white);
    color: var(--neutral-900);
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.group-rating-nav-button:hover:not(:disabled)[b-7xugpky08i] {
    background-color: var(--neutral-100);
}

.group-rating-nav-button:disabled[b-7xugpky08i] {
    background-color: var(--white);
    color: var(--neutral-400);
    cursor: not-allowed;
}

.group-rating-page-button[b-7xugpky08i] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0.0625rem solid var(--neutral-900);
    border-radius: 0.25rem;
    background-color: var(--white);
    color: var(--neutral-900);
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.group-rating-page-button:hover:not(.group-rating-current-page)[b-7xugpky08i] {
    background-color: var(--neutral-100);
}

.group-rating-current-page[b-7xugpky08i] {
    background-color: var(--deca-primary-500);
    color: var(--white);
    border-color: var(--deca-primary-500);
    cursor: default;
}

.group-rating-alert[b-7xugpky08i] {
    padding: 1rem;
    border-radius: 0.375rem;
    margin: 1rem;
}

.group-rating-alert-info[b-7xugpky08i] {
    background-color: var(--info-100);
    border: 0.0625rem solid var(--info-300);
    color: var(--info-700);
}

.group-rating-table-container[b-7xugpky08i] {
    display: none;
}

@media (min-width: 48rem) {
    .group-rating-search-section[b-7xugpky08i] {
        padding-bottom: 0;
    }

    .group-rating-search-and-legend[b-7xugpky08i] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .group-rating-legend[b-7xugpky08i] {
        align-items: stretch;
        width: fit-content;
    }

    .group-rating-legend-content[b-7xugpky08i] {
        flex-direction: row;
        gap: 1.5rem;
        align-items: center;
        padding: 0.25rem 0.5rem;
    }

    .group-rating-cards-container[b-7xugpky08i] {
        display: none;
    }

    .group-rating-table-container[b-7xugpky08i] {
        display: block;
        padding: 1rem 1rem 0;
    }

    .group-rating-table[b-7xugpky08i] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.5rem;
        overflow: hidden;
        background-color: var(--white);
        table-layout: fixed;
    }

    .group-rating-table-header[b-7xugpky08i] {
        background-color: var(--neutral-100);
    }

    .group-rating-table-header-cell[b-7xugpky08i] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-300);
        font-size: 1rem;
        color: var(--neutral-600);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
        vertical-align: middle;
    }

    .group-rating-header-name[b-7xugpky08i] {
        text-align: left;
    }

    .group-rating-table-cell[b-7xugpky08i] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-bottom: 0.0625rem solid var(--neutral-200);
        vertical-align: middle;
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-header-name[b-7xugpky08i],
    .group-rating-cell-name[b-7xugpky08i] {
        width: 20%;
    }

    .group-rating-header-cell[b-7xugpky08i],
    .group-rating-cell[b-7xugpky08i] {
        width: 15%;
    }

    .group-rating-header-actions[b-7xugpky08i],
    .group-rating-cell-actions[b-7xugpky08i] {
        width: 15.625rem;
    }

    .group-rating-cell-name[b-7xugpky08i] {
        text-align: left;
    }

    .group-rating-student-wrapper[b-7xugpky08i] {
        border: none;
    }

    .group-rating-student-container[b-7xugpky08i] {
        padding: 0;
        border: none;
    }

    .group-rating-student-table[b-7xugpky08i] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
        table-layout: fixed;
    }

    .group-rating-row[b-7xugpky08i] {
        cursor: pointer;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-expanded-row[b-7xugpky08i] {
        background-color: inherit;
        transition: background-color var(--transition-speed) ease;
    }

    .group-rating-student-wrapper:hover .group-rating-row[b-7xugpky08i],
    .group-rating-student-wrapper:hover .group-rating-expanded-row[b-7xugpky08i] {
        background-color: var(--neutral-200);
    }

    .group-rating-row[aria-expanded="true"] .group-rating-table-cell[b-7xugpky08i] {
        border-bottom: none;
    }

    .group-rating-row:has(+ .group-rating-expanded-row) .group-rating-table-cell[b-7xugpky08i] {
        border-bottom: none;
    }

    .group-rating-student-wrapper:last-child .group-rating-table-cell[b-7xugpky08i],
    .group-rating-student-wrapper:last-child .group-rating-expanded-content[b-7xugpky08i] {
        border-bottom: none;
    }

    .group-rating-action-btn[b-7xugpky08i] {
        padding: 0.375rem 0.5rem;
        font-size: 0.875rem;
        width: 100%;
        margin-bottom: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.375rem;
        text-align: center;
    }

    .group-rating-action-btn:last-child[b-7xugpky08i] {
        margin-bottom: 0;
    }

    .group-rating-actions-container[b-7xugpky08i] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: center;
        padding: 0 0.5rem;
    }

    .group-rating-expanded-content[b-7xugpky08i] {
        padding: 1rem;
        border-bottom: 0.0625rem solid var(--neutral-300);
        border-top: none;
    }

    .rating-summary-content[b-7xugpky08i] {
        width: 100%;
    }

    .group-rating-summary-table-container[b-7xugpky08i] {
        width: 100%;
        overflow-x: auto;
        background-color: var(--white);
        border: 0.0625rem solid var(--neutral-300);
        border-radius: 0.25rem;
    }

    .group-rating-summary-table[b-7xugpky08i] {
        width: 100%;
        min-width: 35rem;
        border-collapse: separate;
        border-spacing: 0;
        border: none;
    }

    .group-rating-summary-table-header-cell[b-7xugpky08i] {
        padding: 0.75rem 0.5rem;
        border: none;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--neutral-600);
        text-align: center;
        background-color: var(--neutral-100);
        line-height: 1.2;
    }

    .group-rating-summary-table-header-cell:not(:last-child)[b-7xugpky08i] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-summary-table-cell[b-7xugpky08i] {
        padding: 0.75rem 0.5rem;
        border: none;
        border-top: 0.0625rem solid var(--neutral-300);
        font-size: 0.875rem;
        color: var(--neutral-700);
        text-align: center;
    }

    .group-rating-summary-table-cell:not(:last-child)[b-7xugpky08i] {
        border-right: 0.0625rem solid var(--neutral-300);
    }

    .group-rating-score-container[b-7xugpky08i] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
        align-items: center;
    }

    .group-rating-score-value[b-7xugpky08i] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-header-container[b-7xugpky08i] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.25rem;
    }

    .group-rating-header-title[b-7xugpky08i] {
        font-size: 1rem;
    }

    .group-rating-header-subs[b-7xugpky08i] {
        display: flex;
        justify-content: center;
        gap: 0.25rem;
    }

    .group-rating-header-sub[b-7xugpky08i] {
        font-size: 0.875rem;
        min-width: 1.5rem;
        text-align: center;
    }

    .group-rating-pagination-wrapper[b-7xugpky08i] {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }

    .group-rating-pagination-left[b-7xugpky08i] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

@media (min-width: 64rem) {
    .group-rating-table-header-cell[b-7xugpky08i] {
        padding: 0.75rem 0.5rem;
        font-size: 1rem;
    }

    .group-rating-expanded-content[b-7xugpky08i] {
        padding: 1.5rem;
    }

    .group-rating-summary-table-header-cell[b-7xugpky08i] {
        padding: 1rem 0.75rem;
        font-size: 1rem;
    }

    .group-rating-summary-table-cell[b-7xugpky08i] {
        padding: 1rem 0.75rem;
    }

    .group-rating-header-title[b-7xugpky08i] {
        font-size: 1rem;
    }

    .group-rating-actions-container[b-7xugpky08i] {
        flex-direction: row;
        gap: 0.125rem;
        justify-content: flex-end;
        white-space: nowrap;
        padding: 0;
    }

    .group-rating-actions-container .group-rating-action-btn[b-7xugpky08i] {
        flex: 0 0 auto;
        min-width: 2.5rem;
        width: auto;
        margin-bottom: 0;
        font-size: 0.875rem;
        padding: 0.5rem 0.375rem;
        gap: 0.25rem;
        white-space: nowrap;
        line-height: 1.2;
    }

    .group-rating-header-name[b-7xugpky08i],
    .group-rating-cell-name[b-7xugpky08i] {
        width: 19%;
    }

    .group-rating-header-cell[b-7xugpky08i],
    .group-rating-cell[b-7xugpky08i] {
        width: 14%;
    }

    .group-rating-header-actions[b-7xugpky08i],
    .group-rating-cell-actions[b-7xugpky08i] {
        width: 17rem;
    }

    .group-rating-table[b-7xugpky08i] {
        table-layout: fixed;
        width: 100%;
    }

    .group-rating-desktop-avatar[b-7xugpky08i] {
        margin-right: 0.25rem;
    }

    .group-rating-avatar-icon[b-7xugpky08i] {
        width: 2rem;
        height: 2rem;
    }

    .group-rating-cell-name .fw-medium[b-7xugpky08i] {
        font-size: 0.875rem;
    }
}

@media (min-width: 90rem) {
    .group-rating-header-name[b-7xugpky08i],
    .group-rating-cell-name[b-7xugpky08i] {
        width: 25%;
    }
}
/* /DECA/Pages/GroupRating/GroupRatingHeader/DECA_StudentGroupRatingSummaryHeaderWidget.razor.rz.scp.css */
/* /DECA/Pages/RatingRequest/RequestEntry/DECA_RatingRequestEntry.razor.rz.scp.css */
.rating-request-header-container[b-brl8hkz8r4] {
    position: relative;
    padding: 0;
}

.student-name-header[b-brl8hkz8r4] {
    font-size: 2rem;
    color: var(--neutral-900);
    margin: 0;
}

.rating-request-form-container[b-brl8hkz8r4] {
    position: relative;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1rem;
}

.rating-request-form-fields-wrapper[b-brl8hkz8r4] {
    justify-content: flex-start;
    gap: 1rem;
}

.rating-request-form-field[b-brl8hkz8r4] {
    gap: 0.25rem;
}

.rating-request-form-field-rater[b-brl8hkz8r4] {
    flex: 0 0 auto;
}

.rating-request-form-field-period[b-brl8hkz8r4] {
    flex: 0 0 auto;
}

.rating-request-form-field-date[b-brl8hkz8r4] {
    flex: 0 0 auto;
}

.rating-request-form-label[b-brl8hkz8r4] {
    font-size: 0.75rem;
    color: var(--neutral-500);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rating-request-form-value[b-brl8hkz8r4] {
    font-size: 0.875rem;
    color: var(--neutral-700);
}

.rating-request-form-dropdown[b-brl8hkz8r4] {
    --dropdown-direction: downward;
    width: fit-content;
    padding: 0.625rem 2rem 0.625rem 0.25rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    font-size: 0.875rem;
    color: var(--neutral-700);
    line-height: 1.5;
    position: relative;
    text-align: center;
    appearance: none;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    cursor: pointer;

    &:focus {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        border-color: var(--deca-primary-600);
    }

    &:disabled[b-brl8hkz8r4] {
        background-color: var(--neutral-100);
        color: var(--neutral-500);
        cursor: not-allowed;
    }

    &[type="date"][b-brl8hkz8r4] {
        padding-inline-start: 1.75rem;
        padding-inline-end: 1.5rem;
        background-image: url(/images/icons/calendar-icon.svg), url(/images/icons/caret-down.svg);
        background-repeat: no-repeat, no-repeat;
        background-position: left 0.75rem center, right 0.75rem center;
        background-size: 1rem 1rem, 0.75rem 0.375rem;

        &::-webkit-calendar-picker-indicator {
            position: absolute;
            inset-inline-end: 0.75rem;
            width: 0.75rem;
            height: 0.375rem;
            cursor: pointer;
            opacity: 0;
        }

        &[b-brl8hkz8r4]::-moz-focus-inner {
            border: 0;
            padding: 0;
        }
    }
}

.rating-request-instructions-text[b-brl8hkz8r4] {
    font-size: 0.875rem;
    line-height: 1.4;
    color: var(--neutral-700);
    padding-block: 1rem;
}

.rating-instructions[b-brl8hkz8r4] {
    margin-block-end: 1.5rem;
    font-style: italic;
    font-size: 1.2rem;
}

.questions-container[b-brl8hkz8r4] {
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
}

.question-row[b-brl8hkz8r4] {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    align-items: center;
    padding: 1rem;
    gap: 0.75rem;
    border-block-end: 1px solid var(--neutral-200);

    &:last-child {
        border-block-end: none;
    }

    &:hover[b-brl8hkz8r4] {
        background-color: var(--neutral-200);
    }
}

.rating-buttons[b-brl8hkz8r4] {
    gap: 0;
    grid-row: 2;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

.rating-button[b-brl8hkz8r4] {
    min-inline-size: auto;
    width: 100%;
    padding: 0.375rem;
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    color: var(--neutral-700);
    font-size: 0.75rem;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;

    &:hover:not(:disabled):not(.selected) {
        background-color: var(--neutral-100);
        position: relative;
        z-index: 1;
    }

    &:focus[b-brl8hkz8r4] {
        outline: none;
    }

    &:focus-visible[b-brl8hkz8r4] {
        outline: 0.25rem solid var(--deca-primary-400);
        outline-offset: 0.125rem;
        position: relative;
        z-index: 2;
    }

    &:disabled[b-brl8hkz8r4] {
        background-color: var(--neutral-100);
        color: var(--neutral-400);
        cursor: not-allowed;
    }

    &.selected[b-brl8hkz8r4] {
        background-color: var(--deca-primary-600);
        border-color: var(--deca-primary-600);
        color: var(--white);
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 48rem) {
    .rating-request-form-container[b-brl8hkz8r4] {
        padding: 1.5rem;
    }

    .rating-buttons[b-brl8hkz8r4] {
        flex-direction: row;
        align-items: center;
        width: auto;
        justify-content: center;
    }

    .rating-button[b-brl8hkz8r4] {
        min-inline-size: 5rem;
        width: auto;
        padding: 0.3125rem 0.1875rem;
    }
}

@media (min-width: 64rem) {
    .question-row[b-brl8hkz8r4] {
        grid-template-columns: 3rem 1fr 33rem;
        grid-template-rows: none;
        padding: 0.2rem;
    }

    .rating-buttons[b-brl8hkz8r4] {
        grid-row: auto;
        grid-column: auto;
        justify-content: flex-start;
    }

    .rating-button[b-brl8hkz8r4] {
        min-inline-size: 6.5rem;
        padding: 0.3125rem;
    }

    .rating-request-form-field-rater[b-brl8hkz8r4] {
        flex: 0 0 25%;
    }

    .rating-request-form-field-period[b-brl8hkz8r4] {
        flex: 0 0 25%;
    }

    .rating-request-form-field-date[b-brl8hkz8r4] {
        flex: 0 0 auto;
    }
}

@media (min-width: 90rem) {
    .question-row[b-brl8hkz8r4] {
        grid-template-columns: 3rem 1fr 42.5rem;
    }

    .rating-button[b-brl8hkz8r4] {
        min-inline-size: 8rem;
        padding: 0.375rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rating-button[b-brl8hkz8r4] {
        transition: none;
    }
}
/* /DECA/Pages/RatingRequest/RequestEntry/RatingRequestEntryLayout.razor.rz.scp.css */
.rating-entry-page[b-8s296dynr0] {
    position: relative;
    grid-template-columns: auto;
    grid-template-rows: auto;
    height: 100vh;
    align-content: space-between;

    &[data-logged-in] {
        grid-template-columns: 1fr;
        grid-template-rows: 56px 1fr;
        align-content: normal;
        height: auto;
    }
}

.rating-entry-main-wrapper[b-8s296dynr0] {
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    overflow: auto;
    background-color: var(--neutral-100);
}

.rating-entry-page-content-wrapper[b-8s296dynr0] {
    flex-direction: column;
}

.rating-request-page-content[b-8s296dynr0] {
    padding-block-start: 1.5rem;
}

.rating-entry-top-row[b-8s296dynr0] {
    background-color: var(--neutral-200);
    border-bottom: 1px solid var(--neutral-300);
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.rating-entry-error-ui[b-8s296dynr0] {
    font-weight: 500;
    display: none;
    background: var(--warning-100);
    color: var(--warning-800);
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    width: 100%;
    z-index: 1000;
    text-align: center;
}

.rating-entry-error-dismiss[b-8s296dynr0] {
    cursor: pointer;
    margin-inline-start: 0.125rem;
}

@media (min-width: 75rem) {
    .rating-entry-page[b-8s296dynr0] {
        --_sidebar-desktop-width: 18.75rem;
        grid-template-columns: var(--_sidebar-desktop-width) 1fr;
        grid-template-rows: auto;

        & .rating-entry-main-wrapper {
            height: 100vh;
        }
    }
}
/* /DECA/Pages/RatingRequest/RequestEntry/RatingRequestNavMenu.razor.rz.scp.css */
.rating-request-navbar-toggler[b-3zf5os36uj] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    inset-block-start: 0.5rem;
    inset-inline-end: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);

    &:focus-visible {
        outline: 2px solid var(--neutral-200);
        outline-offset: 2px;
    }

    &:checked[b-3zf5os36uj] {
        background-color: rgba(255, 255, 255, 0.5);

        & ~ .rating-request-nav-scrollable {
            display: block;
            background-color: var(--neutral-900);
            border-block-start: 1px solid var(--neutral-500);
        }
    }
}

.rating-request-sidebar-nav[b-3zf5os36uj] {
    display: block;
    background-color: var(--neutral-900);
}

.rating-request-sidebar-wrapper[b-3zf5os36uj] {
    background-color: var(--neutral-900);
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
    padding-block: 0.5rem;
}

.rating-request-deca-logo[b-3zf5os36uj] {
    height: 2.25rem;
    width: auto;
}

.rating-request-language-button[b-3zf5os36uj],
.rating-request-help-button[b-3zf5os36uj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: none;
    border: none;
    color: var(--neutral-200);
    font-size: 1rem;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: var(--button-border-radius);
    transition: background-color var(--transition-speed) ease;

    &:hover,
    &:focus {
        background-color: var(--neutral-800);
    }
}

.rating-request-org-item[b-3zf5os36uj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
}

.rating-request-icon[b-3zf5os36uj] {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
}

.rating-request-nav-links-wrapper[b-3zf5os36uj] {
    display: flex;
    gap: 0.75rem;
}

.rating-request-nav-scrollable[b-3zf5os36uj] {
    display: none;
    z-index: 99;
    padding: 1rem;
}

@media (min-width: 75rem) {
    .rating-request-sidebar-nav[b-3zf5os36uj] {
        height: 100vh;
        overflow-y: auto;
    }

    .rating-request-sidebar-wrapper[b-3zf5os36uj] {
        padding-block-start: 1rem;
        padding-block-end: 0;
        padding-inline: 1rem;
    }

    .rating-request-navbar-toggler[b-3zf5os36uj] {
        display: none;

        &:checked {
            & ~ .rating-request-nav-scrollable {
                border: none;
            }
        }
    }

    .rating-request-nav-scrollable[b-3zf5os36uj] {
        display: block;
        max-height: calc(100% - 15.5rem);
        overflow-y: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rating-request-language-button[b-3zf5os36uj],
    .rating-request-help-button[b-3zf5os36uj] {
        transition: none;
    }
}
/* /DECA/Pages/RatingRequest/RequestEntry/RequestCompletePrompt.razor.rz.scp.css */
.messagebox-overlay[b-93ckpnzurc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 200;
}

.messagebox[b-93ckpnzurc] {
    background-color: var(--white);
    padding: 1.25rem;
    border-radius: 0.5rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: min(100% - 2rem, 500px);
}

.messagebox-actions[b-93ckpnzurc] {
    margin-block-start: 1.25rem;
}

.messagebox-actions button[b-93ckpnzurc] {
    &:hover {
        opacity: 0.9;
    }
}
/* /DECA/Pages/RatingRequest/RequestEntry/RequestEntryHeader.razor.rz.scp.css */
.rating-request-entry-header-container[b-klld9mefki],
.rating-request-entry-header-actions[b-klld9mefki] {
    gap: 0.5rem;
}

.rating-request-entry-header-container[b-klld9mefki] {
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
}

.rating-request-entry-header-actions[b-klld9mefki] {
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.rating-request-entry-header-action-button[b-klld9mefki] {
    width: 10.5rem;
}

.rating-request-entry-header-title[b-klld9mefki] {
    color: var(--black);
    margin-block: 0 0.25rem;
    margin-inline: 0;
    text-align: center;
    line-height: 1.15;
    word-wrap: break-word;
    hyphens: auto;
}

.rating-request-entry-header-button[b-klld9mefki] {
    white-space: nowrap;
}

@media (min-width: 48rem) {
    .rating-request-entry-header-container[b-klld9mefki] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .rating-request-entry-header-actions[b-klld9mefki] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        width: auto;
    }

    .rating-request-entry-header-action-button[b-klld9mefki] {
        width: fit-content;
    }

    .rating-request-entry-header-title[b-klld9mefki] {
        line-height: 1.2;
        margin-block-end: 0;
        word-wrap: normal;
        hyphens: none;
        text-align: start;
    }
}
/* /DECA/Pages/RatingRequest/RequestEntry/RequestHeaderComponent.razor.rz.scp.css */
.header[b-vlmwayqpe5] {
    padding-block: 1rem;
    padding-inline: clamp(1.5rem, 1.211rem + 1.233vw, 2rem);
}

.header-login-link[b-vlmwayqpe5] {
    width: fit-content;
}

@media (min-width: 75rem) {
    .header[b-vlmwayqpe5] {
        position: sticky;
        top: 0;
        z-index: 99;
        background-color: var(--white);
        padding-inline: 2rem;
        padding-block: 1rem;
        border-block-end: 1px solid var(--neutral-300);
        min-height: 7.0625rem;
    }
}
/* /DECA/Pages/RatingRequest/SendRequest/DECA_SendRequest.razor.rz.scp.css */
.send-request-overlay[b-0b65efhakb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding-inline: 1rem;
}

.send-request-overlay-visible[b-0b65efhakb] {
    display: flex;
}

.send-request-messagebox[b-0b65efhakb] {
    background-color: var(--white);
    padding: clamp(1.25rem, 0.961rem + 1.233vw, 1.75rem);
    border-radius: 0.5rem;
    box-shadow: 0 2px 10px var(--neutral-200);
    text-align: left;
    width: min(100% - 2rem, 550px);
}

.send-request-modal[b-0b65efhakb] {
    width: min(100% - 2rem, 37.5rem);
}

.send-request-heading[b-0b65efhakb] {
    margin: 0 0 1rem 0;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--neutral-200);
}

.send-request-subtitle[b-0b65efhakb] {
    margin-block-end: 0;
    color: var(--neutral-900);
    font-size: 1rem;
}

.send-request-form-group[b-0b65efhakb] {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
}

.send-request-form-label[b-0b65efhakb] {
    display: block;
    margin-block-end: 0;
}

.send-request-rater-section[b-0b65efhakb] {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    margin-block-end: 1rem;
}

.send-request-helper-text[b-0b65efhakb] {
    margin: 0;
    font-size: 1rem;
    color: var(--neutral-900);
}

.send-request-actions[b-0b65efhakb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--neutral-200);
}

.send-request-dropdown-wrapper[b-0b65efhakb] {
    position: relative;
    width: 100%;
}

.send-request-dropdown-toggle[b-0b65efhakb] {
    width: 100%;
    padding: 0.5rem 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: 0.375rem;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    transition: border-color var(--transition-speed) ease;
}

.send-request-dropdown-toggle:hover[b-0b65efhakb] {
    border-color: var(--neutral-300);
}

.send-request-dropdown-toggle:focus[b-0b65efhakb] {
    border-color: var(--deca-primary-500);
    outline: 0.25rem solid var(--deca-primary-300);
    outline-offset: 0.125rem;
}

.send-request-dropdown-text[b-0b65efhakb] {
    flex: 1;
    color: var(--neutral-900);
    text-align: left;
}

.send-request-dropdown-icon[b-0b65efhakb] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform var(--transition-speed) ease;
}

.send-request-dropdown-toggle[aria-expanded="true"] .send-request-dropdown-icon[b-0b65efhakb] {
    transform: rotate(180deg);
}

.send-request-dropdown-menu[b-0b65efhakb] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    overflow-y: auto;
    z-index: 10;
}

.send-request-dropdown-item[b-0b65efhakb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.send-request-dropdown-item:hover[b-0b65efhakb] {
    background-color: var(--neutral-300);
}

.send-request-dropdown-checkbox[b-0b65efhakb],
.send-request-dropdown-radio[b-0b65efhakb] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    flex-shrink: 0;
}

.send-request-dropdown-label[b-0b65efhakb] {
    flex: 1;
    color: var(--neutral-900);
    font-size: 1rem;
}
/* /DECA/Pages/RatingRequest/Summary/StudentGroup/DECA_StudentGroupRatingRequestSummary.razor.rz.scp.css */
/* /DECA/Pages/RatingRequest/Summary/StudentGroup/StudentGroupRequestSummaryComponent.razor.rz.scp.css */
.student-group-tbody:not(:last-child)[b-j3ov33zya8]  .student-group-row:last-child .student-group-request-cell,
.student-group-tbody:not(:last-child)[b-j3ov33zya8]  .student-group-row:last-child .student-request-delete-cell,
.student-group-tbody:not(:last-child)[b-j3ov33zya8]  .student-group-first-row:last-child .student-group-request-cell,
.student-group-tbody:not(:last-child)[b-j3ov33zya8]  .student-group-first-row:last-child .student-request-delete-cell,
.student-group-tbody:not(:last-child)[b-j3ov33zya8]  .student-group-first-row .student-name-cell {
    border-block-end: 1px solid var(--neutral-300);
}

.student-group-tbody:not(:first-child)[b-j3ov33zya8]  .student-group-first-row .student-group-request-cell,
.student-group-tbody:not(:first-child)[b-j3ov33zya8]  .student-group-first-row .student-request-delete-cell {
    border-block-start: none;
}
/* /DECA/Pages/RatingRequest/Summary/StudentGroup/StudentGroupStudentRequestRowComponent.razor.rz.scp.css */
.student-request-delete-header[b-4bc1uxadt5] {
    padding-inline-start: 1rem;
}

.student-request-delete-cell[b-4bc1uxadt5] {
    padding: 0.5rem;
    padding-inline-start: 1rem;
    min-height: 2.5rem;
}

.delete-item-wrapper[b-4bc1uxadt5] {
    position: relative;
    inline-size: 3.5rem;
    min-height: 2.5rem;
    background-color: var(--white);
    border-radius: 0.25rem;
    outline: 2px solid var(--error-500);
    outline-offset: 1px;
    transition: background-color var(--transition-speed) ease;
    cursor: pointer;
}

.delete-item-wrapper.selected[b-4bc1uxadt5] {
    background-color: var(--error-500);
}

.delete-item-wrapper:hover[b-4bc1uxadt5] {
    opacity: 0.9;
}

.delete-item-wrapper:focus[b-4bc1uxadt5] {
    outline: 0.25rem solid var(--error-300);
    outline-offset: 0.125rem;
}

[b-4bc1uxadt5] .delete-item-checkbox {
    inset: 0;
    appearance: none;
    background-color: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    inline-size: 100%;
    height: 100%;
}

[b-4bc1uxadt5] .student-request-delete-button:focus {
    outline: 0.25rem solid var(--error-300);
}

[b-4bc1uxadt5] .student-request-cancel-button:focus {
    outline: 0.25rem solid var(--neutral-300);
}

.student-profile-picture[b-4bc1uxadt5] {
    border-radius: 50%;
    object-fit: cover;
}

.student-name-cell[b-4bc1uxadt5] {
    border-inline-start: none;
    border-block-start: none;
}

.student-group-row .student-group-request-cell[b-4bc1uxadt5] {
    border-block-start: 1px solid var(--neutral-300);
}

.student-group-row .student-request-delete-cell[b-4bc1uxadt5] {
    border-block-start: 1px solid var(--neutral-300);
}

@media (prefers-reduced-motion: reduce) {
    .delete-item-wrapper[b-4bc1uxadt5] {
        transition: none;
    }
}
/* /DECA/Pages/RatingRequest/Summary/Student/DECA_StudentRatingRequestSummary.razor.rz.scp.css */
/* /DECA/Pages/RatingRequest/Summary/Student/StudentRequestSummaryComponent.razor.rz.scp.css */
.student-request-delete-header[b-tabz5m26ns] {
    padding-inline-start: 1rem;
}

.student-request-delete-cell[b-tabz5m26ns] {
    padding: 0.5rem;
    padding-inline-start: 1rem;
    min-height: 2.5rem;
}

.delete-item-wrapper[b-tabz5m26ns] {
    position: relative;
    inline-size: 3.5rem;
    min-height: 2.5rem;
    background-color: var(--white);
    border-radius: 0.25rem;
    outline: 2px solid var(--error-500);
    outline-offset: 1px;
    transition: background-color var(--transition-speed) ease;
    cursor: pointer;
}

.delete-item-wrapper.selected[b-tabz5m26ns] {
    background-color: var(--error-500);
}

.delete-item-wrapper:hover[b-tabz5m26ns] {
    opacity: 0.9;
}

.delete-item-wrapper:focus[b-tabz5m26ns] {
    outline: 0.25rem solid var(--error-300);
    outline-offset: 0.125rem;
}

[b-tabz5m26ns] .delete-item-checkbox {
    inset: 0;
    appearance: none;
    background-color: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    inline-size: 100%;
    height: 100%;
}

[b-tabz5m26ns] .student-request-delete-button:focus {
    outline: 0.25rem solid var(--error-300);
}

[b-tabz5m26ns] .student-request-cancel-button:focus {
    outline: 0.25rem solid var(--neutral-300);
}

@media (prefers-reduced-motion: reduce) {
    .delete-item-wrapper[b-tabz5m26ns] {
        transition: none;
    }
}
/* /DECA/Pages/RatingSummary/DECA_StudentRatingSummary.razor.rz.scp.css */
.rating-actions-container[b-afvkjw9lj8],
.rating-button-group[b-afvkjw9lj8],
.instrument-button-group[b-afvkjw9lj8] {
    padding: 0 0.75rem;
    gap: 0.75rem;
}

.rating-actions-container[b-afvkjw9lj8] {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 0.5rem;
}

.rating-button-group[b-afvkjw9lj8],
.instrument-button-group[b-afvkjw9lj8] {
    flex-direction: column;
    width: 100%;
}

.rating-action-button[b-afvkjw9lj8],
.instrument-action-button[b-afvkjw9lj8] {
    min-width: 10.5rem;
    width: auto;
}

.instrument-header-actions[b-afvkjw9lj8] {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    width: 100%;
}

.deca-table-heading[b-afvkjw9lj8] {
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.deca-table-rating-header[b-afvkjw9lj8] {
    padding: 1.25rem 0.75rem;
    background-color: var(--white);
    border-top-left-radius: var(--button-border-radius);
    border-top-right-radius: var(--button-border-radius);
}

.deca-table-rating-header-standalone[b-afvkjw9lj8] {
    padding: 1.25rem 0.75rem;
    background-color: var(--white);
    border-top-left-radius: var(--button-border-radius);
    border-top-right-radius: var(--button-border-radius);
    border: none;
    border-bottom: 0.0625rem solid var(--neutral-300);
    margin-bottom: 0;
    position: relative;
}

.rating-summary-table-container .deca-table-rating-header-standalone[b-afvkjw9lj8] {
    border-bottom: 0.0625rem solid var(--neutral-300);
}

.rating-summary-table-container .deca-table-rating-header-standalone + .rating-summary-table[b-afvkjw9lj8] {
    border-top: none;
}

.rating-summary-table-container[b-afvkjw9lj8] {
    margin-top: 2.5rem;
    border: 0.0625rem solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    background-color: var(--white);
    padding: 0 2rem 2rem 2rem;
    position: relative;
}

.rating-summary-table[b-afvkjw9lj8] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.rating-summary-container[b-afvkjw9lj8] {
    width: 100%;
    margin-inline: auto;
    padding-inline: 0.25rem;
}

.rating-summary-tablist[b-afvkjw9lj8] {
    overflow-inline: visible;
    width: 100%;
    margin-inline: 0;
    font-size: 0.875rem;
    gap: 0.25rem;
    margin-block-end: 1.5rem;
    border-bottom: 0.0625rem solid var(--neutral-300);
    padding-bottom: 0;
}

.rating-summary-tab[b-afvkjw9lj8] {
    padding: 0.5rem 0.625rem;
    min-height: 2.5rem;
    line-height: 1.2;
    word-wrap: break-word;
    hyphens: auto;
}

.rating-summary-tab[b-afvkjw9lj8]::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.0625rem;
    background-color: transparent;
}

.rating-summary-tab[aria-selected="true"][b-afvkjw9lj8]::before {
    background-color: var(--deca-primary-500);
    height: 0.125rem;
    bottom: -0.0625rem;
    z-index: 1;
}

.instrument-title[b-afvkjw9lj8] {
    font-size: 1.5rem;
    color: var(--deca-primary-700);
}

.rating-summary-table[b-afvkjw9lj8] {
    table-layout: fixed;
    width: 100%;
    border-left: none;
    border-right: none;
}

.rating-summary-button-icon[b-afvkjw9lj8] {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 48rem) {
    .rating-summary-container[b-afvkjw9lj8] {
        padding-inline: 0.5rem;
    }

    .rating-summary-tablist[b-afvkjw9lj8] {
        gap: 0.5rem;
        margin-block-end: 1rem;
    }

    .rating-summary-tab[b-afvkjw9lj8] {
        padding: 0.625rem 0.75rem;
        font-size: 1rem;
        min-height: 2.75rem;
        line-height: normal;
        word-wrap: normal;
        hyphens: none;
    }

    .deca-table-rating-header[b-afvkjw9lj8] {
        padding: 1rem 0.75rem;
    }

    .deca-table-heading[b-afvkjw9lj8] {
        text-align: left;
        line-height: normal;
        margin-bottom: 0;
    }

    .fallback-school-year-select[b-afvkjw9lj8] {
        font-size: 0.875rem;
        padding: 0.75rem 1.5rem 0.75rem 0.75rem;
        min-width: 5rem;
    }

    .school-year-label[b-afvkjw9lj8] {
        font-size: 0.875rem;
    }

    .rating-actions-container[b-afvkjw9lj8],
    .rating-button-group[b-afvkjw9lj8],
    .instrument-button-group[b-afvkjw9lj8] {
        padding: 0;
    }

    .rating-actions-container[b-afvkjw9lj8] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    .rating-button-group[b-afvkjw9lj8],
    .instrument-button-group[b-afvkjw9lj8] {
        flex-direction: row;
        gap: 0.5rem;
        width: auto;
    }

    .rating-action-button[b-afvkjw9lj8],
    .instrument-action-button[b-afvkjw9lj8] {
        width: auto;
        min-width: 8rem;
    }

    .instrument-header-actions[b-afvkjw9lj8] {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
        justify-content: space-between;
    }

    .rating-summary-table-container[b-afvkjw9lj8] {
        margin-top: 2rem;
    }
}

@media (min-width: 64rem) {
    .rating-summary-container[b-afvkjw9lj8] {
        padding-inline: 0;
    }

    .rating-summary-tablist[b-afvkjw9lj8] {
        margin-block-end: 1.5rem;
    }

    .fallback-school-year-select[b-afvkjw9lj8],
    .school-year-label[b-afvkjw9lj8] {
        font-size: 1rem;
    }

    .fallback-school-year-select[b-afvkjw9lj8] {
        padding: 0.75rem 2rem 0.75rem 0.75rem;
    }

    .fallback-school-year-select[b-afvkjw9lj8] {
        min-width: auto;
    }

    .rating-actions-container[b-afvkjw9lj8] {
        min-height: auto;
        width: 5.5rem;
    }
}
/* /DECA/Pages/RatingSummary/RatingSummaryComponents/DecaRatingSummaryRowComponent.razor.rz.scp.css */
.rating-summary-main-row[b-d4sxvn8rfe] {
    border: none;
    border-bottom: 0.0625rem solid var(--neutral-300);
    border-radius: 0.5rem;
}

.rating-summary-main-row:first-of-type[b-d4sxvn8rfe],
.rating-summary-main-row:first-of-type .summary-row-details-cell[b-d4sxvn8rfe] {
    border: none;
}

.rating-summary-expanded-row[b-d4sxvn8rfe] {
    border: none;
    border-bottom: 0.0625rem solid var(--neutral-300);
    border-radius: 0 0 0.5rem 0.5rem;
}

.rating-summary-main-row.expanded[b-d4sxvn8rfe] {
    border-radius: 0.5rem 0.5rem 0 0;
    border-block-end: none;
}

.summary-row-actions[b-d4sxvn8rfe] {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.summary-row-action-button[b-d4sxvn8rfe] {
    min-width: 10.5rem;
}

.summary-row-header[b-d4sxvn8rfe] {
    padding: 0.75rem;
    gap: 0.75rem;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
}

.summary-row-field-column[b-d4sxvn8rfe] {
    text-align: center;
}

.summary-row-field-label[b-d4sxvn8rfe] {
    font-size: 0.75rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: var(--neutral-500);
    margin-bottom: 0;
}

.summary-row-field-value[b-d4sxvn8rfe] {
    font-size: 0.875rem;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    width: 100%;
}

.summary-row-expand-toggle[b-d4sxvn8rfe] {
    align-self: center;
    margin-top: 0.5rem;
    width: auto;
    justify-content: center;
}

.summary-row-expand-btn[b-d4sxvn8rfe] {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    background: none;
    color: var(--neutral-900);
}

.summary-row-expand-btn:focus[b-d4sxvn8rfe] {
    outline: 0.25rem solid var(--deca-primary-300);
    outline-offset: 0.125rem;
}

.summary-row-expand-icon[b-d4sxvn8rfe] {
    width: 1rem;
    height: 1rem;
    display: block;
}

.summary-row-button-icon[b-d4sxvn8rfe] {
    width: 1rem;
    height: 1rem;
}

.summary-row-scale-header[b-d4sxvn8rfe] {
    min-width: 4rem;
    text-transform: uppercase;
}

.summary-row-scale-name[b-d4sxvn8rfe] {
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1.2;
    word-break: break-word;
    hyphens: auto;
    display: block;
}

.summary-row-scale-abbrev[b-d4sxvn8rfe] {
    font-size: 0.625rem;
    line-height: 1;
    color: var(--neutral-500);
    word-break: break-word;
}

@media (min-width: 48rem) {
    .summary-row-header[b-d4sxvn8rfe] {
        grid-template-columns: 2fr 2fr 3fr 1fr;
        margin-left: -0.75rem;
    }

    .summary-row-field-column:first-child[b-d4sxvn8rfe] {
        text-align: left;
    }

    .summary-row-field-label[b-d4sxvn8rfe] {
        line-height: 1.1;
        margin-bottom: 0.0625rem;
    }

    .summary-row-field-value[b-d4sxvn8rfe] {
        line-height: 1.2;
        width: auto;
    }

    .summary-row-expand-toggle[b-d4sxvn8rfe] {
        margin-top: 0;
        justify-content: flex-end;
    }

    .summary-row-expand-btn[b-d4sxvn8rfe] {
        width: 2.5rem;
        height: 2.5rem;
        position: relative;
        left: 2rem;
    }

    .summary-row-expand-icon[b-d4sxvn8rfe] {
        width: 1.5rem;
        height: 1.5rem;
        display: block;
    }

    .summary-row-scale-header[b-d4sxvn8rfe] {
        white-space: nowrap;
    }

    .summary-row-scale-name[b-d4sxvn8rfe] {
        font-size: 0.6875rem;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 2.2em;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .summary-row-scale-abbrev[b-d4sxvn8rfe] {
        white-space: nowrap;
        flex-shrink: 0;
    }

    .summary-row-interpretation-badge[b-d4sxvn8rfe] {
        font-size: 0.625rem;
        border-radius: 1rem;
        line-height: 1.2;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }

    .summary-row-actions[b-d4sxvn8rfe] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        margin-right: 3rem;
        gap: 0.5rem;
    }

    .summary-row-action-button[b-d4sxvn8rfe] {
        min-width: 8rem;
    }
}

@media (min-width: 64rem) {
    .summary-row-field-label[b-d4sxvn8rfe] {
        font-size: 0.875rem;
    }

    .summary-row-field-value[b-d4sxvn8rfe] {
        font-size: 1rem;
    }

    .summary-row-scores-table[b-d4sxvn8rfe] {
        font-size: 0.8125rem;
        table-layout: auto;
    }

    .summary-row-type-header[b-d4sxvn8rfe],
    .summary-row-scale-header[b-d4sxvn8rfe] {
        font-size: 0.875rem;
    }

    .summary-row-type-header[b-d4sxvn8rfe] {
        min-width: 3rem;
    }

    .score-value-cell[b-d4sxvn8rfe],
    .descriptor-cell[b-d4sxvn8rfe] {
        width: auto;
        min-width: 4rem;
    }

    .summary-row-score-text[b-d4sxvn8rfe],
    .summary-row-interpretation-badge[b-d4sxvn8rfe] {
        font-size: 0.875rem;
    }
}

.separator-row[b-d4sxvn8rfe] {
    border: none;
}

.separator-cell[b-d4sxvn8rfe] {
    --_separator-width: 100% - 2rem;
    padding: 0;
    border: none;
}

.separator-cell[b-d4sxvn8rfe]::after {
    content: '';
    display: block;
    width: calc(var(--_separator-width));
    height: 0.0625rem;
    background-color: transparent;
    margin-inline: 1rem;
}

.summary-row-expanded-content[b-d4sxvn8rfe] {
    background-color: var(--white);
    border: 0.0625rem solid var(--neutral-400);
    border-bottom: 0.0625rem solid var(--neutral-300);
    border-radius: 0.25rem;
    overflow-x: auto;
    overflow-y: visible;
    margin: 1rem;
}

.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar {
    height: 0.5rem;
    background-color: var(--neutral-200);
}

.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar-track,
.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
}

.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar-track {
    background-color: var(--neutral-200);
}

.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar-thumb {
    background-color: var(--neutral-400);
}

.summary-row-expanded-content[b-d4sxvn8rfe]::-webkit-scrollbar-thumb:hover {
    background-color: var(--neutral-500);
}

.summary-row-scores-table[b-d4sxvn8rfe] {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    border: none;
}

.summary-row-table-header[b-d4sxvn8rfe],
.summary-row-table-row[b-d4sxvn8rfe] {
    border: none;
}

.summary-row-table-cell[b-d4sxvn8rfe] {
    border: none;
    border-bottom: 0.0625rem solid var(--neutral-300);
    padding: 0.75rem 0.625rem;
    white-space: nowrap;
}

.summary-row-table-header[b-d4sxvn8rfe] {
    border: none;
    border-bottom: 0.0625rem solid var(--neutral-300);
    padding: 0.75rem 0.625rem;
    white-space: nowrap;
    background-color: transparent;
}

.summary-row-table-header:last-child[b-d4sxvn8rfe],
.summary-row-table-cell:last-child[b-d4sxvn8rfe] {
    padding-right: 0.75rem;
}

.summary-row-table-row:last-child .summary-row-table-header[b-d4sxvn8rfe],
.summary-row-table-row:last-child .summary-row-table-cell[b-d4sxvn8rfe] {
    border-bottom: none;
}

.summary-row-header-row[b-d4sxvn8rfe] {
    background-color: var(--neutral-100);
}

.summary-row-header-row .summary-row-table-header.summary-row-scale-header[b-d4sxvn8rfe] {
    border-bottom: 0.0625rem solid var(--neutral-300);
}

.summary-row-header-row.summary-row-table-row:last-child .summary-row-table-header[b-d4sxvn8rfe] {
    border-bottom: 0.0625rem solid var(--neutral-300);
}

.summary-row-interpretation-strength[b-d4sxvn8rfe] {
    background-color: var(--success-100);
    color: var(--success-700);
}

.summary-row-interpretation-typical[b-d4sxvn8rfe] {
    background-color: var(--neutral-100);
    color: var(--neutral-900);
}

.summary-row-interpretation-area-of-need[b-d4sxvn8rfe] {
    background-color: var(--error-100);
    color: var(--error-800);
}

.summary-row-interpretation-unknown[b-d4sxvn8rfe] {
    background-color: var(--neutral-100);
    color: var(--neutral-500);
}

.summary-row-delete-button:active[b-d4sxvn8rfe],
.summary-row-delete-button:focus[b-d4sxvn8rfe] {
    background-color: var(--error-100);
    color: var(--error-500);
    border-color: var(--error-500);
}

.summary-row-delete-button:focus[b-d4sxvn8rfe] {
    outline: 0.25rem solid var(--error-300);
    outline-offset: 0.125rem;
}
/* /DECA/Pages/RatingSummary/RatingSummaryHeader/DECA_StudentRatingSummaryHeaderWidget.razor.rz.scp.css */
.header-container[b-s2v8aoj20z],
.header-actions[b-s2v8aoj20z] {
    gap: 0.5rem;
}

.header-container[b-s2v8aoj20z] {
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0;
    background-color: var(--white);
}

.deca-header-title[b-s2v8aoj20z] {
    font-size: 1.75rem;
    color: var(--black);
    margin: 0 0 0.25rem 0;
    text-align: center;
    line-height: 1.15;
    word-wrap: break-word;
    hyphens: auto;
}

.header-actions[b-s2v8aoj20z] {
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.header-actions .compass-button[b-s2v8aoj20z] {
    width: 10.5rem;
}

.school-year-dropdown[b-s2v8aoj20z] {
    width: auto;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem 1.25rem 0.5rem 0.25rem;
    text-align: center;
    background-size: 1rem 1rem;
}

.rating-school-year-label[b-s2v8aoj20z] {
    font-size: 0.75rem;
    white-space: nowrap;
}

@media (min-width: 48rem) {
    .header-container[b-s2v8aoj20z] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        padding: 0.75rem 0;
    }

    .deca-header-title[b-s2v8aoj20z] {
        font-size: 1.875rem;
        line-height: 1.2;
        margin-bottom: 0;
        word-wrap: normal;
        hyphens: none;
    }

    .header-actions[b-s2v8aoj20z] {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
        width: auto;
    }

    .header-actions .compass-button[b-s2v8aoj20z] {
        width: auto;
        min-width: 8rem;
    }

    .school-year-dropdown[b-s2v8aoj20z] {
        width: auto;
    }

    .rating-school-year-label[b-s2v8aoj20z] {
        font-size: 0.875rem;
    }

    .header-actions .school-year-container[b-s2v8aoj20z] {
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 0.5rem;
    }
}

@media (min-width: 64rem) {
    .header-container[b-s2v8aoj20z],
    .header-actions[b-s2v8aoj20z] {
        gap: 1rem;
    }

    .header-container[b-s2v8aoj20z] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .deca-header-title[b-s2v8aoj20z] {
        text-align: left;
    }

    .header-actions[b-s2v8aoj20z] {
        flex-direction: row;
        align-items: center;
        width: auto;
    }

    .header-actions .school-year-container[b-s2v8aoj20z] {
        justify-content: flex-start;
        gap: 0.5rem;
        width: auto;
    }
}
/* /LAP/Components/FeatureCards/LAP_StudentFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-aahol3l3ij] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /LAP/Components/FeatureCards/LAP_StudentGroupFeatureCards.razor.rz.scp.css */
.studentgroup-tiles-wrapper[b-211t0d6mtv] {
    grid-template-columns: repeat(auto-fit, minmax(min(325px, 100%), 1fr));
    gap: 2rem;
}
/* /LAP/Components/Legend/LegendComponent.razor.rz.scp.css */
.legend-component-wrapper[b-o304lxyw57] {
  gap: 0.75rem 1.5rem;
  flex-wrap: wrap;
}

.legend-item[b-o304lxyw57] {
  gap: 0.375rem;
}

.legend-box[b-o304lxyw57] {
  width: 1.125rem;
  height: 1.125rem;
  aspect-ratio: 1;
  border-radius: var(--compass-border-radius);
  border: 1px solid var(--neutral-300);
  background-color: var(--white);

  &.success-legend {
    background-color: var(--success-100);
    border-color: var(--success-700);
  }

  &.info-legend[b-o304lxyw57] {
    background-color: var(--info-100);
    border-color: var(--info-700);
  }

  &.error-legend[b-o304lxyw57] {
    background-color: var(--error-100);
    border-color: var(--error-700);
  }

  &.warning-legend[b-o304lxyw57] {
    background-color: var(--warning-100);
    border-color: var(--warning-700);
  }
}
/* /LAP/Components/Reports/CheckpointSelectorComponent.razor.rz.scp.css */
.checkpoint-dropdown-wrapper[b-hw5112p944] {
    position: relative;
    width: 100%;
}

.checkpoint-dropdown-toggle[b-hw5112p944] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.checkpoint-dropdown-toggle:hover[b-hw5112p944] {
    border-color: var(--neutral-300);
}

.checkpoint-dropdown-toggle:focus[b-hw5112p944] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.checkpoint-dropdown-text[b-hw5112p944] {
    flex: 1;
    color: var(--neutral-900);
}

.checkpoint-dropdown-icon[b-hw5112p944] {
    flex-shrink: 0;
}

.checkpoint-dropdown-menu[b-hw5112p944] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.checkpoint-dropdown-item[b-hw5112p944] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.checkpoint-dropdown-item:hover[b-hw5112p944] {
    background-color: var(--neutral-300);
}

/* /LAP/Components/Reports/LanguageSelectorComponent.razor.rz.scp.css */
.language-dropdown-wrapper[b-nu35o5uxhw] {
    position: relative;
    width: 100%;
}

.language-dropdown-toggle[b-nu35o5uxhw] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.language-dropdown-toggle:hover[b-nu35o5uxhw] {
    border-color: var(--neutral-300);
}

.language-dropdown-toggle:focus[b-nu35o5uxhw] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.language-dropdown-text[b-nu35o5uxhw] {
    flex: 1;
    color: var(--neutral-900);
}

.language-dropdown-icon[b-nu35o5uxhw] {
    flex-shrink: 0;
}

.language-dropdown-menu[b-nu35o5uxhw] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.language-dropdown-item[b-nu35o5uxhw] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.language-dropdown-item:hover[b-nu35o5uxhw] {
    background-color: var(--neutral-300);
}
/* /LAP/Components/Summary/LapSubscaleSummaryContainerComponent.razor.rz.scp.css */
.lap-subscale-summary-button[b-1uvfkr5d99] {
  font-size: 0.95rem;
  font-weight: 500;
  display: block;
  inline-size: 3.5rem;
  block-size: 2.5rem;
  margin-inline: auto;
  padding: 0.5rem;
  border-radius: var(--compass-border-radius);
  border: none;
  outline: 2px solid transparent;

  &.complete {
    background-color: var(--success-100);
    color: var(--success-800);
  }

  &.new[b-1uvfkr5d99] {
    background-color: var(--white);
    color: var(--neutral-900);
  }

  &.incomplete[b-1uvfkr5d99] {
    background-color: var(--info-100);
    color: var(--info-900);
  }

  &.invalid[b-1uvfkr5d99] {
    background-color: var(--error-100);
    color: var(--error-900);
  }

  &.lowzscore[b-1uvfkr5d99] {
    background-color: var(--warning-100);
    color: var(--warning-900);
  }

  &.delete-button[b-1uvfkr5d99] {
    &.new {
      opacity: 0.25;
      pointer-events: none;
    }

    &.row-selected[b-1uvfkr5d99] {
      outline: 2px solid var(--error-500);
      outline-offset: 1px;

      &.new {
        background-color: transparent;
        outline: 2px solid transparent;
      }
    }
  }
}

.lap-subscale-summary-td[b-1uvfkr5d99] {
  padding-block: 0;
  padding-inline: 0.5rem;
  height: 55.7px;

  &:first-of-type {
    padding-inline-start: 1.5rem;
  }

  &:last-of-type[b-1uvfkr5d99] {
    padding-inline-end: 1.5rem;

    & .delete-item-wrapper {
      transform: translateX(calc(-50% - 0.5rem));
    }
  }
}

.delete-item-wrapper[b-1uvfkr5d99] {
  inline-size: 3.5rem;
  block-size: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--compass-border-radius);
  outline: 2px solid var(--error-500);
  outline-offset: 1px;

  &.visible {
    background-color: var(--error-500);
  }
}

[b-1uvfkr5d99] .delete-item-checkbox {
  inset: 0;
  appearance: none;
  background-color: transparent;
  border-radius: var(--compass-border-radius);
  cursor: pointer;
  inline-size: 100%;
  block-size: 100%;

  &.selected {
    background-color: var(--error-500);
  }
}
/* /LAP/Pages/Reports/Organization/LAP_OrganizationLapScreenReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-xo1993i4q9] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-xo1993i4q9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-xo1993i4q9] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-xo1993i4q9] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-xo1993i4q9] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/Shared/LAP_EntityCoreReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-y5gy0l2ws0] {
	background-color: var(--white);
	border: 1px solid var(--neutral-300);
	border-radius: var(--button-border-radius);
	padding: 1.5rem;
}

.reports-grid[b-y5gy0l2ws0] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}

.report-container[b-y5gy0l2ws0] {
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.reports-grid[b-y5gy0l2ws0] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.reports-grid[b-y5gy0l2ws0] {
		grid-template-columns: repeat(3, 1fr);
	}
}
/* /LAP/Pages/Reports/Shared/LAP_EntityHeadstartReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-gdzmywxq2p] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding-block: 1.5rem;
    padding-inline: 1.5rem;
}

.reports-grid[b-gdzmywxq2p] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-gdzmywxq2p] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-gdzmywxq2p] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-gdzmywxq2p] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /LAP/Pages/Reports/Shared/SelectionsSelectorComponent.razor.rz.scp.css */
.selections-selector-container[b-5fu11wzp7j] {
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid var(--neutral-300);
    border-radius: 0.375rem;
}

.selections-selector-item[b-5fu11wzp7j] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding-block: 0.35rem;
    padding-inline: 1rem;
    cursor: pointer;
    color: var(--neutral-900);
    transition: background-color var(--transition-speed) ease;
}

.selections-selector-item:hover[b-5fu11wzp7j] {
    background-color: var(--neutral-100);
}

.selections-selector-item--select-all[b-5fu11wzp7j] {
    font-weight: 600;
    border-bottom: 1px solid var(--neutral-300);
}

.selections-selector-label[b-5fu11wzp7j] {
    flex: 1;
    font-size: 1rem;
    color: var(--neutral-900);
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
}

.selections-selector-parent[b-5fu11wzp7j] {
    color: var(--neutral-500);
}

.selections-selector-empty[b-5fu11wzp7j] {
    font-size: 0.875rem;
    color: var(--neutral-500);
    font-style: italic;
    margin-block: 0;
}
/* /LAP/Pages/Reports/Site/LAP_SiteLapScreenReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-i6xhr5f874] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-i6xhr5f874] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-i6xhr5f874] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-i6xhr5f874] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-i6xhr5f874] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/StudentGroup/LAP_StudentGroupElapReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-z8971po2c8] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-z8971po2c8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-z8971po2c8] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-z8971po2c8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-z8971po2c8] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/StudentGroup/LAP_StudentGroupLap3ReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-ft470crbyr] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-ft470crbyr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-ft470crbyr] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-ft470crbyr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-ft470crbyr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/StudentGroup/LAP_StudentGroupLapBkReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-lyoc6g7g2q] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-lyoc6g7g2q] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-lyoc6g7g2q] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-lyoc6g7g2q] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-lyoc6g7g2q] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/StudentGroup/LAP_StudentGroupLapD3ReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-3f1inirync] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-3f1inirync] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-3f1inirync] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-3f1inirync] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-3f1inirync] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/StudentGroup/LAP_StudentGroupLapScreenReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-x7xecubnte] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-x7xecubnte] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.report-container[b-x7xecubnte] {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .reports-grid[b-x7xecubnte] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .reports-grid[b-x7xecubnte] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* /LAP/Pages/Reports/Student/ChildProfile/ChildProfileAssessmentSelectorComponent.razor.rz.scp.css */
.assessment-dropdown-wrapper[b-u9xcgriqx8] {
    position: relative;
    width: 100%;
}

.assessment-dropdown-toggle[b-u9xcgriqx8] {
    width: 100%;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    color: var(--neutral-900);
    transition: border-color var(--transition-speed) ease;
    text-align: left;
}

.assessment-dropdown-toggle:hover[b-u9xcgriqx8] {
    border-color: var(--neutral-300);
}

.assessment-dropdown-toggle:focus[b-u9xcgriqx8] {
    border-color: var(--neutral-500);
    outline: 0.25rem solid var(--info-400);
    outline-offset: 0.125rem;
}

.assessment-dropdown-text[b-u9xcgriqx8] {
    flex: 1;
    color: var(--neutral-900);
}

.assessment-dropdown-icon[b-u9xcgriqx8] {
    flex-shrink: 0;
}

.assessment-dropdown-menu[b-u9xcgriqx8] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-block-start: none;
    border-radius: 0 0 var(--button-border-radius) var(--button-border-radius);
    overflow-y: auto;
    z-index: 10;
    max-height: 15.625rem;
}

.assessment-dropdown-item[b-u9xcgriqx8] {
    display: flex;
    align-items: center;
    padding-block: 0.25rem;
    padding-inline: 1rem;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
    color: var(--neutral-900);
}

.assessment-dropdown-item:hover[b-u9xcgriqx8] {
    background-color: var(--neutral-300);
}
/* /LAP/Pages/Reports/Student/FamilyReportComponent.razor.rz.scp.css */
/* /LAP/Pages/Reports/Student/LAP_LapScreenReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-be3f88iw8f] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-be3f88iw8f] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.report-container[b-be3f88iw8f] {
    display: flex;
    flex-direction: column;
}
/* /LAP/Pages/Reports/Student/LAP_StudentElapReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-fvc24rgyqj] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-fvc24rgyqj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.report-container[b-fvc24rgyqj] {
    display: flex;
    flex-direction: column;
}
/* /LAP/Pages/Reports/Student/LAP_StudentLap3ReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-v8h9yw99e2] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-v8h9yw99e2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.report-container[b-v8h9yw99e2] {
    display: flex;
    flex-direction: column;
}
/* /LAP/Pages/Reports/Student/LAP_StudentLapBkReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-y433vlj79e] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-y433vlj79e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.report-container[b-y433vlj79e] {
    display: flex;
    flex-direction: column;
}
/* /LAP/Pages/Reports/Student/LAP_StudentLapD3ReportsComponent.razor.rz.scp.css */
.reports-grid-wrapper[b-km9p4wou2k] {
    background-color: var(--white);
    border: 1px solid var(--neutral-300);
    border-radius: var(--button-border-radius);
    padding: 1.5rem;
}

.reports-grid[b-km9p4wou2k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.report-container[b-km9p4wou2k] {
    display: flex;
    flex-direction: column;
}
/* /LAP/Pages/Reports/Student/LAP_StudentReportTabs.razor.rz.scp.css */
/* /LAP/Pages/Site/SchoolYearPeriod/LAP_SchoolYearCheckpointSummary.razor.rz.scp.css */
/* /LAP/Pages/StudentGroup/Assessment/Summary/LapCriterionSummaryContainerComponent.razor.rz.scp.css */
.lap-criterion-summary-table-container[b-h7a3asooc1] {
  border-inline-end: none;

  &:last-of-type {
    border-inline-end: 1px solid var(--neutral-300);
  }

  &.hide-table[b-h7a3asooc1] {
    width: 2.125rem;
    background-color: var(--neutral-100);
  
    & .lap-criterion-summary-container-table {
      display: none;
    }
  }
}

.hidden-table-overlay[b-h7a3asooc1] {
  width: 2.125rem;
  height: 100%;
  padding-block: 1.5rem;
  padding-inline: 0.5rem;
}

.hidden-table-instrument-name[b-h7a3asooc1] {
  transform: rotate(-90deg);
  width: max-content;
}

.lap-criterion-th[b-h7a3asooc1] {
  padding-block: 0.25rem;
  padding-inline: 1rem;
  height: 2.125rem;

  &:first-of-type {
    padding-inline-start: 2rem;
  }

  &:last-of-type[b-h7a3asooc1] {
    padding-inline-end: 2rem;
  }

  &.small-height[b-h7a3asooc1] {
    height: 1.625rem;
  }

  &.delete-criterion-th[b-h7a3asooc1] {
    padding-inline-start: 1rem;
  }
}

.lap-criterion-assessment-body-row[b-h7a3asooc1] {
  border-block: none;

  &.row-selected {
    background-color: var(--error-100);
  }
}

.lap-criterion-assessment-date-cell[b-h7a3asooc1] {
  padding: 0;
  height: 1.75rem;
  text-align: center;
}

.lap-criterion-deleting-row[b-h7a3asooc1] {
  & td {
    height: 55.7px;
  }

  &.row-selected[b-h7a3asooc1] {
    background-color: var(--error-100);
  }
}

.lap-criterion-delete-buttons-wrapper[b-h7a3asooc1] {
  max-height: 18px;
}

.delete-entire-criterion-button[b-h7a3asooc1] {
  padding: 0;
  line-height: 1;
  border: none;
}

.lap-criterion-delete-button[b-h7a3asooc1] {
  background-color: transparent;
}
/* /LAP/Pages/StudentGroup/Assessment/Summary/LapScreenSummaryContainerComponent.razor.rz.scp.css */
.lap-screen-summary-container-table[b-9kkky35a2s] {
  background-color: var(--white);
}

.lap-screen-th[b-9kkky35a2s] {
  height: 2.125rem;

  &.small-height {
    height: 1.625rem;
  }
}

.lap-screen-heading-text[b-9kkky35a2s] {
  width: max-content;
}

.lap-screen-assessment-row[b-9kkky35a2s] {
  border-block-end: 1px solid var(--neutral-300);
}

.lap-screen-assessment-date[b-9kkky35a2s] {
  width: max-content;
}

.lap-screen-delete-button[b-9kkky35a2s] {
  background-color: transparent;
  width: max-content;
}
/* /LAP/Pages/StudentGroup/Assessment/Summary/LapStudentContainerComponent.razor.rz.scp.css */
.lap-student-container-component[b-y3emvw5a66] {
  margin-block-end: 0.5rem;

  &:last-of-type {
    margin-block-end: 0;
  }
}

.lap-student-container-row-heading[b-y3emvw5a66] {
  cursor: pointer;
  grid-template-columns: 1fr;
}

.lap-student-component-content-wrapper[b-y3emvw5a66] {
  background-color: var(--white);
  transition: background-color var(--transition-speed) ease;
  cursor: pointer;

  &:hover {
    background-color: var(--app-theme-color-100);
  }
}

.lap-student-container-avatar[b-y3emvw5a66] {
  border-radius: 50%;
  overflow: hidden;
}

.chevron-icon[b-y3emvw5a66] {
  transform: rotate(0deg);
  transition: transform var(--transition-speed) ease;

  &.show-assessment {
    transform: rotate(180deg);
  }
}

.lap-checkpoints-wrapper[b-y3emvw5a66] {
  border-block: 1px solid var(--neutral-300);
}

.lap-checkpoint-header[b-y3emvw5a66] {
  background-color: var(--neutral-100);
  border-block-end: 1px solid var(--neutral-300);
  height: 3.75rem;
}

.lap-checkpoint-description[b-y3emvw5a66] {
  margin-block: 0;
  border-block-end: 1px solid var(--neutral-300);
  padding-inline: 1.5rem;
  height: 5.25rem;
  display: flex;
  align-items: center;
  background-color: var(--white);

  &:first-of-type {
    border-block-start: 1px solid var(--neutral-300);
  }

  &:last-of-type[b-y3emvw5a66] {
    border-block-end: none;
  }
}

@media (min-width: 80rem) {
  .lap-student-container-row-heading[b-y3emvw5a66] {
    grid-template-columns: 22.6875rem 1fr 24rem;
  }
}
/* /LAP/Pages/StudentGroup/Assessment/Summary/LAP_StudentGroupAssessmentSummary.razor.rz.scp.css */
.studentgroup-table-row[b-nxxta6d3qb] {
    cursor: pointer;

    &:hover {
        background-color: var(--info-100);
    }
}
/* /LAP/Pages/StudentGroup/ProgressMonitoring/Entry/LapObservableItemContainerComponent.razor.rz.scp.css */
.lap-observable-item-container-table-wrapper[b-d33e1aymdt] {
  max-height: 30.375rem;
  overflow-y: auto;
}

.lap-observable-item-th[b-d33e1aymdt],
.lap-observable-item-td[b-d33e1aymdt] {
  padding-block: 0;
  height: 3rem;
}
/* /LAP/Pages/StudentGroup/ProgressMonitoring/Entry/LAP_ProgressObservationEntry.razor.rz.scp.css */
.new-progress-observation-top-wrapper[b-h2c6vchf0d] {
  grid-template-columns: 1fr;
}

.lap-observable-item-tables-wrapper[b-h2c6vchf0d] {
  grid-template-columns: repeat(2, 1fr);
}

.new-progress-observation-note-wrapper[b-h2c6vchf0d] {
  & .ql-toolbar {
    border-radius: var(--compass-border-radius) var(--compass-border-radius) 0 0;
    padding: 0.5rem 1rem;
    border-color: var(--neutral-300);
  }

  &[b-h2c6vchf0d]  .ql-container.ql-snow {
    border-radius: 0 0 var(--compass-border-radius) var(--compass-border-radius);
    padding: 1rem;
    border-color: var(--neutral-300);
    min-height: 5.375rem;
  }

  &[b-h2c6vchf0d]  .ql-editor {
    padding: 0;
  }
}

@media (min-width: 80rem) {
  .new-progress-observation-top-wrapper[b-h2c6vchf0d] {
    grid-template-columns: 0.66fr 0.33fr;
  }
}

@media (min-width: 100rem) {
  .new-progress-observation-top-wrapper[b-h2c6vchf0d] {
    grid-template-columns: 1fr 30.4375rem;
  }
}
/* /LAP/Pages/StudentGroup/ProgressMonitoring/Summary/LapProgressStudentContainer.razor.rz.scp.css */
.lap-progress-student-container[b-hf2jl3jv6u] {
  margin-block-end: 0.5rem;

  &:last-of-type {
    margin-block-end: 0;
  }
}

.lap-student-progress-content-wrapper[b-hf2jl3jv6u] {
  cursor: pointer;
  background-color: var(--white);
  transition: background-color var(--transition-speed) ease;

  &:hover {
    background-color: var(--app-theme-color-100);
  }
}

.lap-progress-observation-table-wrapper[b-hf2jl3jv6u] {
  cursor: default;
}

.lap-progress-container-row-heading[b-hf2jl3jv6u] {
  grid-template-columns: 1fr;
}

.lap-student-container-avatar[b-hf2jl3jv6u] {
  border-radius: 50%;
  overflow: hidden;
}

.chevron-icon[b-hf2jl3jv6u] {
  transform: rotate(0deg);
  transition: transform var(--transition-speed) ease;

  &.show-observations {
    transform: rotate(180deg);
  }
}

.no-observations-wrapper[b-hf2jl3jv6u] {
  border-radius: var(--compass-border-radius);
  border: 1px solid var(--app-theme-color-700);
  border-inline-start-width: 0.25rem;
  background-color: var(--white);
  color: var(--app-theme-color-700);
}

.observation-note-markup-wrapper[b-hf2jl3jv6u] {
  & p {
    margin-block: 0;
  }
}

@media (min-width: 64rem) {
  .lap-progress-container-row-heading[b-hf2jl3jv6u] {
    grid-template-columns: repeat(3, 1fr);
  }

  .lap-progress-new-observation-wrapper[b-hf2jl3jv6u] {
    justify-content: flex-end;
  }
}

@media (min-width: 80rem) {
  .lap-progress-container-row-heading[b-hf2jl3jv6u] {
    grid-template-columns: 19rem 1fr 24rem;
  }
}
/* /LAP/Pages/StudentGroup/ProgressMonitoring/Summary/LAP_ProgressMonitoringGroupSummary.razor.rz.scp.css */
/* /LAP/Pages/Student/Assessment/Entry/Guided/LapGuidedEntryItemRowComponent.razor.rz.scp.css */
.guided-entry-row[b-p8ha4651ql] {
  background-color: var(--white);
  transition: background-color var(--transition-speed) ease;

  &:hover {
    background-color: var(--lap-primary-100);
    cursor: pointer;
  }

  &.selected-row[b-p8ha4651ql] {
    font-weight: 700;
    background-color: var(--lap-primary-600);
    color: var(--white);

    & .basal-ceiling-special-row-indicator {
      color: var(--white);
    }
  }

  &.starting-point-row[b-p8ha4651ql] {
    font-weight: 700;
    background-color: var(--lap-primary-100);
  }

  &.basal-row[b-p8ha4651ql],
  &.ceiling-row[b-p8ha4651ql] {
    border-inline-start: 2px solid var(--lap-primary-600);
  }

  &.basal-row[b-p8ha4651ql] {
    border-block-start: 2px solid var(--lap-primary-600);
  }

  &.ceiling-row[b-p8ha4651ql] {
    border-block-end: 2px solid var(--lap-primary-600);
  }
}

.guided-entry-cell[b-p8ha4651ql] {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--neutral-300);
}

.guided-entry-row:last-child .guided-entry-cell[b-p8ha4651ql] {
  border-bottom: none;
}
/* /LAP/Pages/Student/Assessment/Entry/Guided/LAP_GuidedAssessmentEntry.razor.rz.scp.css */
.guided-assessment-entry-section[b-x9x3v28gve] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  padding: 1.5rem;
  min-height: 45rem;
  overflow: auto;
}

.student-information-wrapper[b-x9x3v28gve] {
  margin-block-end: 2rem;
}

.student-domain-date-wrapper[b-x9x3v28gve] {
  gap: 2rem;
}

.student-score-info-wrapper[b-x9x3v28gve] {
  gap: 2.75rem;
}

.guided-assessment-heading[b-x9x3v28gve] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-800);
  display: block;
}

.guided-subscale-input[b-x9x3v28gve] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  appearance: none;

  &.subscale-select {
    padding-inline-end: 2rem;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    padding-inline-end: 2rem;
  }
}

.child-info-scores[b-x9x3v28gve] {
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;

  &.raw-score-value {
    padding: 0.5rem;
    border-radius: var(--button-border-radius);
    background-color: var(--success-100);
    inline-size: 2.6875rem;
  }
}

.assessment-dates-wrapper[b-x9x3v28gve] {
  gap: 2rem;
}

.current-milestone-text[b-x9x3v28gve] {
  font-size: 1rem;
  line-height: 1.875;
  color: var(--neutral-900);
}

.current-milestone-notes[b-x9x3v28gve] {
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  color: var(--neutral-900);
  min-height: 5rem;
}

.guided-assessment-grid-wrapper[b-x9x3v28gve] {
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  overflow: hidden;
}

.compass-secondary-button[b-x9x3v28gve] {
  &.mastered-skill-button {
    inline-size: 2.875rem;
    aspect-ratio: 1;
    border: 1px solid var(--success-500);
    padding: 0.5rem;
  }

  &.emerging-skill-button[b-x9x3v28gve] {
    inline-size: 2.875rem;
    aspect-ratio: 1;
    border: 1px solid var(--error-500);
    padding: 0.5rem;
  }
}

.skill-scoring-wrapper[b-x9x3v28gve] {
  border-block-end: 1px solid var(--neutral-300);
  padding-block-end: 0.5rem;
  gap: 0.5rem;
}

.current-milestone-item[b-x9x3v28gve],
.current-milestone-description[b-x9x3v28gve] {
  font-size: 1.25rem;
  line-height: 1.5;
}

.current-dev-age[b-x9x3v28gve] {
  width: max-content;
}

.current-milestone-details-wrapper[b-x9x3v28gve] {
  gap: 2rem;
}

.guided-assessment-table-wrapper[b-x9x3v28gve] {
  max-block-size: 36rem;
  overflow: auto;
  width: 100%;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  background-color: var(--white);
}

.guided-assessment-table[b-x9x3v28gve] {
  margin-block: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid var(--neutral-300);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.guided-assessment-table-head[b-x9x3v28gve] {
  position: sticky;
  top: -2px;
  z-index: 50;
  border: none;
}

.guided-assessment-table-body[b-x9x3v28gve] {
  border: none;
}

.guided-assessment-table-heading[b-x9x3v28gve] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  color: var(--neutral-600);
  background-color: var(--neutral-100) !important;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.9125rem 1.5rem !important;
  border-top: none;
  border-bottom: 1px solid var(--neutral-300);
  border-left: none;
  border-right: none;

  &.dev-age-column {
    width: 6.625rem;
    text-align: center;
  }
}
/* /LAP/Pages/Student/Assessment/Entry/LapAssessmentEntryHeaderWidget.razor.rz.scp.css */
.lap-assessment-dynamic-header-wrapper[b-aku4gl9egf] {
  grid-template-columns: 1fr;

  @media (min-width: 64rem) {
    grid-template-columns: 1fr auto;[b-aku4gl9egf]
  }
}

.lap-entry-select[b-aku4gl9egf] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  appearance: none;
  background-image: url(/images/icons/caret-down.svg);
  background-repeat: no-repeat;
  background-position: right 11px center;
  padding-inline-end: 2rem;
  cursor: pointer;
}
/* /LAP/Pages/Student/Assessment/Entry/Manual/DualLanguageLearners/LAP_DualLanguageLearnerEntry.razor.rz.scp.css */
.lap-dll-entry-section[b-akmm7xgr6c] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  padding: 1.5rem;
  min-height: 45rem;
  overflow: auto;
}

.lap-dll-assessment-grid-wrapper[b-akmm7xgr6c] {
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  overflow: hidden;
}

.lap-dll-subscale-input[b-akmm7xgr6c] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  appearance: none;

  &.subscale-select {
    padding-inline-end: 2rem;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    padding-inline-end: 2rem;
  }
}

.child-info-scores[b-akmm7xgr6c] {
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;

  &.raw-score-value {
    padding: 0.5rem;
    border-radius: var(--button-border-radius);
    background-color: var(--success-100);
    inline-size: 2.6875rem;
  }
}

.student-information-wrapper[b-akmm7xgr6c] {
  margin-block-end: 2rem;
}

.milestone-description[b-akmm7xgr6c],
.item-abbreviation[b-akmm7xgr6c] {
  font-size: 1.25rem;
  line-height: 1.5;
}

.milestone-dev-age[b-akmm7xgr6c] {
  width: max-content;
}

.skill-scoring-wrapper[b-akmm7xgr6c] {
  border-bottom: 1px solid var(--neutral-300);
  padding-block-end: 0.5rem;
}

.lap-executive-skill-button[b-akmm7xgr6c] {
  border-radius: 0;
  outline: none;

  &:first-of-type {
    border-radius: 0.25rem 0 0 0.25rem;
    border-inline-end: none;
  }

  &.emerging-skill-button[b-akmm7xgr6c] {
    border-radius: 0 0.25rem 0.25rem 0;
    border-inline-start: none;
  }

  &:hover[b-akmm7xgr6c] {
    background-color: var(--lap-primary-600);
    color: var(--white);
  }
}

.current-milestone-details-wrapper[b-akmm7xgr6c] {
  gap: 2rem;
}

.current-milestone-item[b-akmm7xgr6c],
.current-milestone-description[b-akmm7xgr6c] {
  font-size: 1.25rem;
  line-height: 1.5;
}

.current-dev-age[b-akmm7xgr6c] {
  width: max-content;
}

.current-milestone-notes[b-akmm7xgr6c] {
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  color: var(--neutral-900);
  min-height: 5rem;
}

.current-milestone-text[b-akmm7xgr6c] {
  font-size: 1rem;
  line-height: 1.875;
  color: var(--neutral-900);
}

.lap-dll-assessment-heading[b-akmm7xgr6c] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-800);
  display: block;
}

.lap-dll-assessment-table-wrapper[b-akmm7xgr6c] {
  max-block-size: 37rem;
  overflow: auto;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  background-color: var(--white);
}

.lap-dll-assessment-table[b-akmm7xgr6c] {
  margin-block: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid var(--neutral-300);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.lap-dll-assessment-table-head[b-akmm7xgr6c] {
  position: sticky;
  top: -2px;
  z-index: 50;
  border: none;
}

.lap-dll-assessment-table-body[b-akmm7xgr6c] {
  border: none;
}

.lap-dll-assessment-table-heading[b-akmm7xgr6c] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  color: var(--neutral-600);
  background-color: var(--neutral-100);
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.9125rem 1.5rem;
  border-top: none;
  border-bottom: 1px solid var(--neutral-300);
  border-left: none;
  border-right: none;

  &.dev-age-column {
    width: 6.625rem;
  }
}
/* /LAP/Pages/Student/Assessment/Entry/Manual/LapBKExecutiveFunction/ExecFunctionEntryItemRowComponent.razor.rz.scp.css */
.lap-bk-entry-row[b-1leqr1u5pb] {
  background-color: var(--white);
  transition: background-color var(--transition-speed) ease;

  &:hover {
    background-color: var(--lap-primary-100);
    cursor: pointer;
  }

  &.selected-row[b-1leqr1u5pb] {
    background-color: var(--lap-primary-600);
    color: var(--white);
  }
}

.lap-bk-entry-cell[b-1leqr1u5pb] {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--neutral-300);
}

.lap-bk-entry-row:last-child .lap-bk-entry-cell[b-1leqr1u5pb] {
  border-bottom: none;
}
/* /LAP/Pages/Student/Assessment/Entry/Manual/LapBKExecutiveFunction/LAP_ExecutiveFunctionEntry.razor.rz.scp.css */
.lap-bk-section[b-t6ioiiwh2j] {
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  padding: 1.5rem;
  min-height: 45rem;
  overflow: auto;
}

.lap-assessment-grid-wrapper[b-t6ioiiwh2j] {
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
  overflow: hidden;
}

.lap-bk-subscale-input[b-t6ioiiwh2j] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
  appearance: none;

  &.subscale-select {
    padding-inline-end: 2rem;
    background-image: url(/images/icons/caret-down.svg);
    background-repeat: no-repeat;
    background-position: right 11px center;
    padding-inline-end: 2rem;
  }
}

.child-info-scores[b-t6ioiiwh2j] {
  font-size: 1rem;
  line-height: 1.5;
  margin-block-end: 0;

  &.raw-score-value {
    padding: 0.5rem;
    border-radius: var(--button-border-radius);
    background-color: var(--success-100);
    inline-size: 2.6875rem;
  }
}

.student-information-wrapper[b-t6ioiiwh2j] {
  margin-block-end: 2rem;
}

.milestone-description[b-t6ioiiwh2j],
.item-abbreviation[b-t6ioiiwh2j] {
  font-size: 1.25rem;
  line-height: 1.5;
}

.milestone-dev-age[b-t6ioiiwh2j] {
  width: max-content;
}

.skill-scoring-wrapper[b-t6ioiiwh2j] {
  border-bottom: 1px solid var(--neutral-300);
}

.lap-executive-skill-button[b-t6ioiiwh2j] {
  border-radius: 0;
  outline: none;

  &:first-of-type {
    border-radius: 0.25rem 0 0 0.25rem;
    border-inline-end: none;
  }

  &.emerging-skill-button[b-t6ioiiwh2j] {
    border-radius: 0 0.25rem 0.25rem 0;
    border-inline-start: none;
  }

  &:hover[b-t6ioiiwh2j] {
    background-color: var(--lap-primary-600);
    color: var(--white);
  }
}

.current-milestone-notes[b-t6ioiiwh2j] {
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  color: var(--neutral-900);
  min-height: 5rem;
}

.current-milestone-text[b-t6ioiiwh2j] {
  font-size: 1rem;
  line-height: 1.875;
  color: var(--neutral-900);
}

.lap-bk-assessment-heading[b-t6ioiiwh2j] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-800);
  display: block;
}

.lap-bk-assessment-table-wrapper[b-t6ioiiwh2j] {
  max-block-size: 36rem;
  overflow-y: auto;
  border: 1px solid var(--neutral-300);
  border-radius: 0.25rem;
  background-color: var(--white);
}

.lap-bk-assessment-table[b-t6ioiiwh2j] {
  margin-block: 0;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid var(--neutral-300);
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.lap-bk-assessment-table-head[b-t6ioiiwh2j] {
  position: sticky;
  top: -2px;
  z-index: 50;
  border: none;
}

.lap-bk-assessment-table-body[b-t6ioiiwh2j] {
  border: none;
}

.lap-bk-assessment-table-heading[b-t6ioiiwh2j] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  color: var(--neutral-600);
  background-color: var(--neutral-100);
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.9125rem 1.5rem;
  border-top: none;
  border-bottom: 1px solid var(--neutral-300);
  border-left: none;
  border-right: none;

  &.dev-age-column {
    width: 6.625rem;
    text-align: center;
  }
}
/* /LAP/Pages/Student/Assessment/Entry/Manual/LapScreen/LAP_ScreenEntry.razor.rz.scp.css */
.lap-screener-grid-wrapper[b-7ztc5uzr5m] {
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.lap-assessment-date-input[b-7ztc5uzr5m] {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid var(--neutral-300);
}

.lap-screener-assessment-heading[b-7ztc5uzr5m] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--neutral-800);
  display: block;
}

.child-info-scores[b-7ztc5uzr5m] {
  font-size: 1rem;
  line-height: 1.5;
}

.milestone-description[b-7ztc5uzr5m],
.item-abbreviation[b-7ztc5uzr5m] {
  font-size: 1.25rem;
  line-height: 1.5;
}

.milestone-dev-age[b-7ztc5uzr5m] {
  width: max-content;
}

.current-milestone-notes[b-7ztc5uzr5m] {
  padding: 0.5rem 1rem;
  border: 1px solid var(--neutral-300);
  color: var(--neutral-900);
  min-height: 5rem;
}

.current-milestone-text[b-7ztc5uzr5m] {
  font-size: 1rem;
  line-height: 1.875;
  color: var(--neutral-900);
}

.lap-screener-result[b-7ztc5uzr5m] {
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color: transparent;
  text-transform: uppercase;
  display: block;

  &.pass {
    background-color: var(--success-100);
    color: var(--success-800);
  }

  &.refer[b-7ztc5uzr5m] {
    background-color: var(--error-100);
    color: var(--error-800);
  }
}

.lap-screener-skill-button[b-7ztc5uzr5m] {
  padding: 0.5rem;
  width: 2.875rem;
  aspect-ratio: 1;

  &.mastered-skill-button {
    border-color: var(--success-700);

    &:hover {
      background-color: var(--success-700);

      & .mastered-icon-path {
        fill: var(--white);
      }
    }
  }

  &.emerging-skill-button[b-7ztc5uzr5m] {
    border-color: var(--error-500);

    &:hover {
      background-color: var(--error-500);

      & .emerging-icon-path {
        fill: var(--white);
      }
    }
  }
}

.lap-icon-path[b-7ztc5uzr5m] {
  transition: fill var(--transition-speed) ease;
}

.skill-scoring-wrapper[b-7ztc5uzr5m] {
  border-bottom: 1px solid var(--neutral-300);
}

.lap-screener-assessment-table-wrapper[b-7ztc5uzr5m] {
  max-block-size: 36rem;
  overflow-y: auto;
}

.lap-screener-assessment-table[b-7ztc5uzr5m] {
  margin-block: 0;
  border: 1px solid var(--neutral-300);
}

.lap-assessment-table-head[b-7ztc5uzr5m] {
  position: sticky;
  top: -2px;
  z-index: 50;
  border: 1px solid var(--neutral-300);
}

.lap-assessment-table-heading[b-7ztc5uzr5m] {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  color: var(--neutral-600);
  background-color: var(--neutral-100);
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0.9125rem 1.5rem;

  &.dev-age-column {
    width: 6.625rem;
  }
}
/* /LAP/Pages/Student/Assessment/Entry/Manual/ManualEntryItemRowComponent.razor.rz.scp.css */
.lap-dll-entry-row[b-cpzfdk29yk] {
  background-color: var(--white);
  transition: background-color var(--transition-speed) ease;

  &:hover {
    background-color: var(--lap-primary-100);
    cursor: pointer;
  }

  &.selected-row[b-cpzfdk29yk] {
    font-weight: 700;
    background-color: var(--lap-primary-600);
    color: var(--white);
  }
}

.lap-dll-entry-cell[b-cpzfdk29yk] {
  padding: 0.75rem 1rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--neutral-300);
}

.lap-dll-entry-row:last-child .lap-dll-entry-cell[b-cpzfdk29yk] {
  border-bottom: none;
}
/* /LAP/Pages/Student/Assessment/Summary/CriterionSummaryComponents/LapAssessmentSummaryRowComponent.razor.rz.scp.css */
.assessment-checkpoint-name[b-fb2qx0m9ni] {
  margin-block: 0;
}

.assessment-checkpoint-date[b-fb2qx0m9ni] {
  font-size: 0.75rem;
}

.lap-assessment-summary-row[b-fb2qx0m9ni] {
  &.selected-for-delete {
    background-color: var(--error-100);

    & .assessment-summary-row-info {
      background-color: var(--error-100);
    }
  }
}

.assessment-summary-row-info[b-fb2qx0m9ni] {
  font-weight: 650;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  border-inline-end: 1px solid var(--neutral-300);
  background-color: var(--neutral-100);
}

.delete-row-input-wrapper[b-fb2qx0m9ni] {
  isolation: isolate;
  margin-block-start: 0.5rem;
}

[b-fb2qx0m9ni] .delete-row-checkbox {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  appearance: none;
  cursor: pointer;
}

.delete-row-icon[b-fb2qx0m9ni] {
  z-index: -1;
}

.lap-assessment-language[b-fb2qx0m9ni] {
  font-weight: 450;
  text-transform: none;
  display: block;
}
/* /LAP/Pages/Student/Assessment/Summary/Legacy/LapLegacyAssessmentSummaryContainerComponent.razor.rz.scp.css */
.assessment-summary[b-8cdpxyknl4] {
    --border-radius: var(--button-border-radius);
    --cell-size: 3rem;
    --checkpoint-width: 8rem;
    --section-gap: 1.5rem;
    --elap-column-count: 6;
    --lapd-column-count: 13;
    --elap-internal-gaps: 0.3125rem;
    --lapd-internal-gaps: 0.75rem;
    --header-light-purple: hsl(278 37.3% 87.5%);
    --date-color: var(--c4l-tertiary-yellow);
    --date-color: var(--c4l-tertiary-yellow);
    --completed-color: hsl(152 69% 30%);
    --started-color: hsl(190 80% 20%);
    --invalid-color: var(--c4l-danger);
    --low-scores-color: hsl(32 100% 30%);
    --no-item-color: hsl(0 0% 45%);
    --completed-border: hsl(152 69% 20%);
    --started-border: hsl(190 80% 10%);
    --invalid-border: var(--c4l-alert-danger);
    --low-scores-border: hsl(32 100% 20%);
    --no-item-border: hsl(0 0% 35%);
}

.assessment-summary-title[b-8cdpxyknl4] {
    margin-block-start: -0.5rem;
}

.assessment-summary-wrapper[b-8cdpxyknl4] {
    margin-block: 6rem 2rem;
    width: min(100%, 1600px);
    margin-inline: auto;
}

.info-legend-container[b-8cdpxyknl4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-block-end: 0.625rem;
}

.student-info[b-8cdpxyknl4] {
    padding: 1rem;
    border-radius: var(--border-radius);
}

.student-name[b-8cdpxyknl4], .student-dob[b-8cdpxyknl4] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--c4l-primary-500);
    margin-block-end: 0.3125rem;
}

.student-dob[b-8cdpxyknl4] {
    margin-block-end: 0;
}

.progress-legend[b-8cdpxyknl4] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    padding: 0.625rem;
    border-radius: var(--border-radius);
}

.legend-item[b-8cdpxyknl4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-box[b-8cdpxyknl4] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.125rem;
}

    .legend-box.completed[b-8cdpxyknl4] {
        background-color: var(--completed-color);
    }

    .legend-box.started[b-8cdpxyknl4] {
        background-color: var(--started-color);
    }

    .legend-box.invalid[b-8cdpxyknl4] {
        background-color: var(--invalid-color);
    }

    .legend-box.low-scores[b-8cdpxyknl4] {
        background-color: var(--low-scores-color);
    }

    .legend-box.no-item[b-8cdpxyknl4] {
        background-color: var(--no-item-color);
    }

.assessment-table[b-8cdpxyknl4] {
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid var(--c4l-primary-500);
    border-radius: var(--border-radius);
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding: 0.5rem;
    overflow: visible;
}

    .assessment-table[b-8cdpxyknl4]::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: transparent;
        border-radius: var(--border-radius);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        opacity: 0;
        transition: opacity var(--transition-speed) ease;
        z-index: -1;
        pointer-events: none;
    }

    .assessment-table:hover[b-8cdpxyknl4]::before {
        opacity: 1;
    }

.table-header[b-8cdpxyknl4] {
    display: flex;
    align-items: stretch;
    gap: var(--section-gap);
    background-color: var(--header-light-purple);
    margin: -0.5rem -0.5rem 0 -0.5rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.checkpoint-column[b-8cdpxyknl4] {
    width: var(--checkpoint-width);
    display: flex;
    flex-direction: column;
}

.elap-section[b-8cdpxyknl4], .lapd-section[b-8cdpxyknl4] {
    display: flex;
    flex-direction: column;
}

.elap-section[b-8cdpxyknl4] {
    width: calc(var(--elap-column-count) * var(--cell-size) + var(--elap-internal-gaps));
    flex-shrink: 0;
}

.lapd-section[b-8cdpxyknl4] {
    width: calc(var(--lapd-column-count) * var(--cell-size) + var(--lapd-internal-gaps));
    flex-shrink: 0;
}

.header-cell[b-8cdpxyknl4], .section-header[b-8cdpxyknl4] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkpoint-header[b-8cdpxyknl4] {
    flex: 1;
}

.subheader-row[b-8cdpxyknl4] {
    display: flex;
    gap: 0.0625rem;
}

.subheader-cell[b-8cdpxyknl4] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

.assessment-row[b-8cdpxyknl4] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.date-row[b-8cdpxyknl4], .data-row[b-8cdpxyknl4] {
    display: flex;
    gap: var(--section-gap);
    background-color: var(--white);
}

.date-cell[b-8cdpxyknl4] {
    font-size: 0.7rem;
    color: var(--date-color);
    font-weight: 600;
    padding: 0.125rem 0.25rem;
    background-color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
}

.checkpoint-cell[b-8cdpxyknl4] {
    background-color: var(--white);
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
}

.score-row[b-8cdpxyknl4] {
    display: flex;
    gap: 0.0625rem;
}

.score-button[b-8cdpxyknl4] {
    background-color: var(--white);
    border: 0.0625rem solid transparent;
    border-radius: 0.1875rem;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    min-height: 2rem;
    padding: 0.25rem;
    cursor: pointer;
    transition: box-shadow var(--transition-speed) ease, background-color var(--transition-speed) ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1), inset 0 0.0625rem 0 rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

    .score-button:focus[b-8cdpxyknl4] {
        outline: 0.1875rem solid var(--c4l-primary-500);
        outline-offset: 0.125rem;
        box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06), inset 0 0.0625rem 0 rgba(255, 255, 255, 0.4), 0 0 0 0.25rem rgba(98, 187, 70, 0.25);
        z-index: 1;
        position: relative;
    }

.checkpoint-cell:focus[b-8cdpxyknl4] {
    outline: 0.1875rem solid var(--c4l-primary-500);
    outline-offset: 0.125rem;
    background-color: var(--header-light-purple);
}

.score-button.completed[b-8cdpxyknl4] {
    background: linear-gradient(145deg, var(--completed-color), var(--completed-border));
    border-color: var(--completed-border);
}

.score-button.started[b-8cdpxyknl4] {
    background: linear-gradient(145deg, var(--started-color), var(--started-border));
    border-color: var(--started-border);
}

.score-button.invalid[b-8cdpxyknl4] {
    background: linear-gradient(145deg, var(--invalid-color), var(--invalid-border));
    border-color: var(--invalid-border);
}

.score-button.low-scores[b-8cdpxyknl4] {
    background: linear-gradient(145deg, var(--low-scores-color), var(--low-scores-border));
    border-color: var(--low-scores-border);
}

.score-button.no-item[b-8cdpxyknl4] {
    background: linear-gradient(145deg, var(--no-item-color), var(--no-item-border));
    border-color: var(--no-item-border);
    color: var(--white);
}

@media (prefers-contrast: high) {
    .assessment-summary[b-8cdpxyknl4] {
        --completed-color: hsl(152 69% 25%);
        --started-color: hsl(190 80% 15%);
        --low-scores-color: hsl(32 100% 25%);
        --no-item-color: hsl(0 0% 40%);
    }

    .score-button:focus[b-8cdpxyknl4] {
        outline: 0.25rem solid var(--c4l-primary-500);
        outline-offset: 0.1875rem;
    }
}
/* /LAP/Pages/Student/Assessment/Summary/Legacy/LapLegacySubscaleSummaryContainerComponent.razor.rz.scp.css */
.assessment-summary[b-ijio0clfta] {
    --border-radius: var(--button-border-radius);
    --cell-size: 3rem;
    --checkpoint-width: 8rem;
    --section-gap: 1.5rem;
    --elap-column-count: 6;
    --lapd-column-count: 13;
    --elap-internal-gaps: 0.3125rem;
    --lapd-internal-gaps: 0.75rem;
    --header-light-purple: hsl(278 37.3% 87.5%);
    --date-color: var(--c4l-tertiary-yellow);
    --completed-color: hsl(152 69% 30%);
    --started-color: hsl(190 80% 20%);
    --invalid-color: var(--error-500);
    --low-scores-color: hsl(32 100% 30%);
    --no-item-color: hsl(0 0% 45%);
    --completed-border: hsl(152 69% 20%);
    --started-border: hsl(190 80% 10%);
    --invalid-border: var(--error-800);
    --low-scores-border: hsl(32 100% 20%);
    --no-item-border: hsl(0 0% 35%);
}

.assessment-summary-title[b-ijio0clfta] {
    margin-block-start: -0.5rem;
}

.assessment-summary-wrapper[b-ijio0clfta] {
    margin-block: 6rem 2rem;
    width: min(100%, 1600px);
    margin-inline: auto;
}

.info-legend-container[b-ijio0clfta] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-block-end: 0.625rem;
}

.student-info[b-ijio0clfta] {
    padding: 1rem;
    border-radius: var(--border-radius);
}

.student-name[b-ijio0clfta], .student-dob[b-ijio0clfta] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--c4l-primary-500);
    margin-block-end: 0.3125rem;
}

.student-dob[b-ijio0clfta] {
    margin-block-end: 0;
}

.progress-legend[b-ijio0clfta] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    padding: 0.625rem;
    border-radius: var(--border-radius);
}

.legend-item[b-ijio0clfta] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-box[b-ijio0clfta] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.125rem;
}

    .legend-box.completed[b-ijio0clfta] {
        background-color: var(--completed-color);
    }

    .legend-box.started[b-ijio0clfta] {
        background-color: var(--started-color);
    }

    .legend-box.invalid[b-ijio0clfta] {
        background-color: var(--invalid-color);
    }

    .legend-box.low-scores[b-ijio0clfta] {
        background-color: var(--low-scores-color);
    }

    .legend-box.no-item[b-ijio0clfta] {
        background-color: var(--no-item-color);
    }

.assessment-table[b-ijio0clfta] {
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid var(--c4l-primary-500);
    border-radius: var(--border-radius);
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding: 0.5rem;
    overflow: visible;
}

    .assessment-table[b-ijio0clfta]::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: transparent;
        border-radius: var(--border-radius);
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        opacity: 0;
        transition: opacity var(--transition-speed) ease;
        z-index: -1;
        pointer-events: none;
    }

    .assessment-table:hover[b-ijio0clfta]::before {
        opacity: 1;
    }

.table-header[b-ijio0clfta] {
    display: flex;
    align-items: stretch;
    gap: var(--section-gap);
    background-color: var(--header-light-purple);
    margin: -0.5rem -0.5rem 0 -0.5rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.checkpoint-column[b-ijio0clfta] {
    width: var(--checkpoint-width);
    display: flex;
    flex-direction: column;
}

.elap-section[b-ijio0clfta], .lapd-section[b-ijio0clfta] {
    display: flex;
    flex-direction: column;
}

.elap-section[b-ijio0clfta] {
    width: calc(var(--elap-column-count) * var(--cell-size) + var(--elap-internal-gaps));
    flex-shrink: 0;
}

.lapd-section[b-ijio0clfta] {
    width: calc(var(--lapd-column-count) * var(--cell-size) + var(--lapd-internal-gaps));
    flex-shrink: 0;
}

.header-cell[b-ijio0clfta], .section-header[b-ijio0clfta] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkpoint-header[b-ijio0clfta] {
    flex: 1;
}

.subheader-row[b-ijio0clfta] {
    display: flex;
    gap: 0.0625rem;
}

.subheader-cell[b-ijio0clfta] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

.assessment-row[b-ijio0clfta] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.date-row[b-ijio0clfta], .data-row[b-ijio0clfta] {
    display: flex;
    gap: var(--section-gap);
    background-color: var(--white);
}

.date-cell[b-ijio0clfta] {
    font-size: 0.7rem;
    color: var(--date-color);
    font-weight: 600;
    padding: 0.125rem 0.25rem;
    background-color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
}

.checkpoint-cell[b-ijio0clfta] {
    background-color: var(--white);
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
}

.score-row[b-ijio0clfta] {
    display: flex;
    gap: 0.0625rem;
}

.score-button[b-ijio0clfta] {
    background-color: var(--white);
    border: 0.0625rem solid transparent;
    border-radius: 0.1875rem;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    min-height: 2rem;
    padding: 0.25rem;
    cursor: pointer;
    transition: box-shadow var(--transition-speed) ease, background-color var(--transition-speed) ease;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1), inset 0 0.0625rem 0 rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

    .score-button:focus[b-ijio0clfta] {
        outline: 0.1875rem solid var(--c4l-primary-500);
        outline-offset: 0.125rem;
        box-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06), inset 0 0.0625rem 0 rgba(255, 255, 255, 0.4), 0 0 0 0.25rem rgba(98, 187, 70, 0.25);
        z-index: 1;
        position: relative;
    }

.checkpoint-cell:focus[b-ijio0clfta] {
    outline: 0.1875rem solid var(--c4l-primary-500);
    outline-offset: 0.125rem;
    background-color: var(--header-light-purple);
}

.score-button.completed[b-ijio0clfta] {
    background: linear-gradient(145deg, var(--completed-color), var(--completed-border));
    border-color: var(--completed-border);
}

.score-button.started[b-ijio0clfta] {
    background: linear-gradient(145deg, var(--started-color), var(--started-border));
    border-color: var(--started-border);
}

.score-button.invalid[b-ijio0clfta] {
    background: linear-gradient(145deg, var(--invalid-color), var(--invalid-border));
    border-color: var(--invalid-border);
}

.score-button.low-scores[b-ijio0clfta] {
    background: linear-gradient(145deg, var(--low-scores-color), var(--low-scores-border));
    border-color: var(--low-scores-border);
}

.score-button.no-item[b-ijio0clfta] {
    background: linear-gradient(145deg, var(--no-item-color), var(--no-item-border));
    border-color: var(--no-item-border);
    color: var(--white);
}

@media (prefers-contrast: high) {
    .assessment-summary[b-ijio0clfta] {
        --completed-color: hsl(152 69% 25%);
        --started-color: hsl(190 80% 15%);
        --low-scores-color: hsl(32 100% 25%);
        --no-item-color: hsl(0 0% 40%);
    }

    .score-button:focus[b-ijio0clfta] {
        outline: 0.25rem solid var(--c4l-primary-500);
        outline-offset: 0.1875rem;
    }
}
/* /LAP/Pages/Student/Assessment/Summary/Legacy/LAP_LegacyStudentAssessmentSummary.razor.rz.scp.css */
.assessment-summary[b-ouib9qern6] {
    --border-radius: var(--button-border-radius);
    --cell-size: 3rem;
    --checkpoint-width: 8rem;
    --section-gap: 1.5rem;
    --elap-column-count: 6;
    --lapd-column-count: 13;
    --elap-internal-gaps: 0.3125rem;
    --lapd-internal-gaps: 0.75rem;
    --header-light-purple: hsl(278 37.3% 87.5%);
    --completed-color: hsl(152 69% 30%);
    --started-color: hsl(190 80% 20%);
    --invalid-color: var(--error-500);
    --low-scores-color: hsl(32 100% 30%);
    --no-item-color: hsl(0 0% 45%);
    --completed-border: hsl(152 69% 20%);
    --started-border: hsl(190 80% 10%);
    --invalid-border: var(--error-800);
    --low-scores-border: hsl(32 100% 20%);
    --no-item-border: hsl(0 0% 35%);
    --date-color: var(--warning-500);
}

.assessment-summary-title[b-ouib9qern6] {
    margin-block-start: -0.5rem;
}

.assessment-summary-wrapper[b-ouib9qern6] {
    margin-block: 6rem 2rem;
    width: min(100%, 1600px);
    margin-inline: auto;
}

.info-legend-container[b-ouib9qern6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-block-end: 0.625rem;
}

.student-info[b-ouib9qern6] {
    padding: 1rem;
    border-radius: var(--border-radius);
}

.student-name[b-ouib9qern6], .student-dob[b-ouib9qern6] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--c4l-primary-500);
    margin-block-end: 0.3125rem;
}

.student-dob[b-ouib9qern6] {
    margin-block-end: 0;
}

.progress-legend[b-ouib9qern6] {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    padding: 0.625rem;
    border-radius: var(--border-radius);
}

.legend-item[b-ouib9qern6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-box[b-ouib9qern6] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.125rem;
}

.legend-box.completed[b-ouib9qern6] {
    background-color: var(--completed-color);
}

.legend-box.started[b-ouib9qern6] {
    background-color: var(--started-color);
}

.legend-box.invalid[b-ouib9qern6] {
    background-color: var(--invalid-color);
}

.legend-box.low-scores[b-ouib9qern6] {
    background-color: var(--low-scores-color);
}

.legend-box.no-item[b-ouib9qern6] {
    background-color: var(--no-item-color);
}

.assessment-table[b-ouib9qern6] {
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.3);
    border: 1px solid var(--c4l-primary-500);
    border-radius: var(--border-radius);
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding: 0.5rem;
    overflow: visible;
}

.assessment-table[b-ouib9qern6]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: transparent;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity var(--transition-speed) ease;
    z-index: -1;
    pointer-events: none;
}

.assessment-table:hover[b-ouib9qern6]::before {
    opacity: 1;
}

.table-header[b-ouib9qern6] {
    display: flex;
    align-items: stretch;
    gap: var(--section-gap);
    background-color: var(--header-light-purple);
    margin: -0.5rem -0.5rem 0 -0.5rem;
    padding: 0.5rem 0.5rem 0 0.5rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.checkpoint-column[b-ouib9qern6] {
    width: var(--checkpoint-width);
    display: flex;
    flex-direction: column;
}

.elap-section[b-ouib9qern6], .lapd-section[b-ouib9qern6] {
    display: flex;
    flex-direction: column;
}

.elap-section[b-ouib9qern6] {
    width: calc(var(--elap-column-count) * var(--cell-size) + var(--elap-internal-gaps));
    flex-shrink: 0;
}

.lapd-section[b-ouib9qern6] {
    width: calc(var(--lapd-column-count) * var(--cell-size) + var(--lapd-internal-gaps));
    flex-shrink: 0;
}

.header-cell[b-ouib9qern6], .section-header[b-ouib9qern6] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkpoint-header[b-ouib9qern6] {
    flex: 1;
}

.subheader-row[b-ouib9qern6] {
    display: flex;
    gap: 0.0625rem;
}

.subheader-cell[b-ouib9qern6] {
    background-color: var(--header-light-purple);
    color: var(--c4l-primary-500);
    font-weight: 600;
    text-align: center;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

.assessment-row[b-ouib9qern6] {
    display: flex;
    flex-direction: column;
    gap: 0.0625rem;
}

.date-row[b-ouib9qern6], .data-row[b-ouib9qern6] {
    display: flex;
    gap: var(--section-gap);
    background-color: var(--white);
}

.date-cell[b-ouib9qern6] {
    font-size: 0.7rem;
    color: var(--date-color);
    font-weight: 600;
    padding: 0.125rem 0.25rem;
    background-color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
}

.checkpoint-cell[b-ouib9qern6] {
    background-color: var(--white);
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
}

.score-row[b-ouib9qern6] {
    display: flex;
    gap: 0.0625rem;
}

.score-button[b-ouib9qern6] {
    background-color: var(--white);
    border: 0.0625rem solid transparent;
    border-radius: 0.1875rem;
    color: white;
    font-weight: 600;
    font-size: 0.875rem;
    min-height: 2rem;
    padding: 0.25rem;
    cursor: pointer;
    transition:
        box-shadow var(--transition-speed) ease,
        background-color var(--transition-speed) ease;
    box-shadow:
        0 0.125rem 0.25rem rgba(0, 0, 0, 0.15),
        0 0.0625rem 0.125rem rgba(0, 0, 0, 0.1),
        inset 0 0.0625rem 0 rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: var(--cell-size);
}

.score-button:focus[b-ouib9qern6] {
    outline: 0.1875rem solid var(--c4l-primary-500);
    outline-offset: 0.125rem;
    box-shadow:
        0 0.25rem 0.375rem rgba(0, 0, 0, 0.1),
        0 0.125rem 0.25rem rgba(0, 0, 0, 0.06),
        inset 0 0.0625rem 0 rgba(255, 255, 255, 0.4),
        0 0 0 0.25rem rgba(98, 187, 70, 0.25);
    z-index: 1;
    position: relative;
}

.checkpoint-cell:focus[b-ouib9qern6] {
    outline: 0.1875rem solid var(--c4l-primary-500);
    outline-offset: 0.125rem;
    background-color: var(--header-light-purple);
}

.score-button.completed[b-ouib9qern6] {
    background: linear-gradient(145deg, var(--completed-color), var(--completed-border));
    border-color: var(--completed-border);
}

.score-button.started[b-ouib9qern6] {
    background: linear-gradient(145deg, var(--started-color), var(--started-border));
    border-color: var(--started-border);
}

.score-button.invalid[b-ouib9qern6] {
    background: linear-gradient(145deg, var(--invalid-color), var(--invalid-border));
    border-color: var(--invalid-border);
}

.score-button.low-scores[b-ouib9qern6] {
    background: linear-gradient(145deg, var(--low-scores-color), var(--low-scores-border));
    border-color: var(--low-scores-border);
}

.score-button.no-item[b-ouib9qern6] {
    background: linear-gradient(145deg, var(--no-item-color), var(--no-item-border));
    border-color: var(--no-item-border);
    color: var(--white);
}

@media (prefers-contrast: high) {
    .assessment-summary[b-ouib9qern6] {
        --completed-color: hsl(152 69% 25%);
        --started-color: hsl(190 80% 15%);
        --low-scores-color: hsl(32 100% 25%);
        --no-item-color: hsl(0 0% 40%);
    }

    .score-button:focus[b-ouib9qern6] {
        outline: 0.25rem solid var(--c4l-primary-500);
        outline-offset: 0.1875rem;
    }
}