/* stylelint-disable no-duplicate-selectors */
html {
  height: 100%;
}
html,
body {
  border: 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label,
input,
textarea,
select,
button {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
/* arimo-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/arimo/arimo-v29-all-regular.woff2') format('woff2');
}
/* lexend-deca-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-regular.woff2') format('woff2');
}
/* lexend-deca-500 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 500;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-500.woff2') format('woff2');
}
/* lexend-deca-600 - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Lexend Deca';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/lexend-deca/lexend-deca-v21-all-600.woff2') format('woff2');
}
/* mulish-regular - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-regular.woff2') format('woff2');
}
/* mulish-italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-italic.woff2') format('woff2');
}
/* mulish-700 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700.woff2') format('woff2');
}
/* mulish-700italic - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/mulish/mulish-v13-all-700italic.woff2') format('woff2');
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-regular.woff2') format('woff2');
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-italic.woff2') format('woff2');
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-600.woff2') format('woff2');
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700.woff2') format('woff2');
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-700italic.woff2') format('woff2');
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../gynzy-styleguide/assets/fonts/open-sans/open-sans-v40-all-800.woff2') format('woff2');
}
@font-face {
  font-family: 'ds-digi';
  src: url('../gynzy-styleguide/assets/fonts/ds-digi/ds-digi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
.font-arial-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: bold;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-open-sans-semibold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
}
.font-open-sans-bold {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
}
.font-open-sans-bold-italic {
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  font-weight: 700;
}
/* Group Colors */
/* ParnasSys */
/* Folders */
.school-manager {
  padding-bottom: 1.04166667rem;
}
.school-manager .unlink-uwlr__modal .modal__component-header,
.school-manager .unsaved-properties__modal .modal__component-header {
  font-size: 2.5rem;
  font-weight: bold;
}
.school-manager .unlink-uwlr__modal .modal__dialog-content,
.school-manager .unsaved-properties__modal .modal__dialog-content {
  text-align: left;
  width: 53.33333333rem;
}
.school-manager .unlink-uwlr__modal p,
.school-manager .unsaved-properties__modal p {
  font-size: 1.5625rem;
  color: #556474;
}
.school-manager .index__container {
  padding: 0 4.16666667rem;
  border-top: 1px solid #d1d3de;
}
.school-manager .users__container {
  margin: 0 4.16666667rem;
}
.school-manager .users__container .generic-users-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.school-manager .users__container .generic-users-container button {
  margin-right: 2.5rem;
}
.school-manager .users__container .generic-users-container a {
  text-decoration: none;
}
.school-manager .users__container .generic-users-container .flat__icon .icon--container svg path {
  fill: #277cd9;
}
.school-manager .students__container {
  margin: 0 4.16666667rem;
}
.school-manager .students__container .student-table__filters {
  padding: 0 0 1.66666667rem 0;
  margin: 0 2.5rem 1.66666667rem 2.5rem;
  border-bottom: 1px solid #d1d3de;
}
.school-manager .students__container .student-table__filters .filter__name-search {
  margin-bottom: 1.66666667rem;
}
.school-manager .students__container .student-table__filters .filter__num-exercises {
  display: flex;
  align-items: center;
}
.school-manager .students__container .student-table__filters .filter__num-exercises .styleguide.flat__icon {
  width: 2.5rem;
  height: 2.5rem;
}
.school-manager .students__container .student-table__filters .filter__num-exercises .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.school-manager .students__container .student-table__filters .filter__num-exercises span {
  margin: 0 1.25rem;
  font-size: 1.66666667rem;
  color: #2a3541;
}
.school-manager .students__container .student-table__filters .filter__num-exercises .filter__num-exercises-dropdown {
  width: 25rem;
}
.school-manager .students__container .action-selection-chip {
  margin-left: 2.5rem;
}
.school-manager .students__container .no-students-placeholder {
  margin: 3.33333333rem 0;
}
.school-manager .licenses__container {
  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
  margin: 0 4.16666667rem;
  margin-bottom: 2.08333333rem;
}
.school-manager .licenses__container a {
  color: #38a4de;
}
.school-manager .licenses__container p {
  font-size: 1.5625rem;
  color: #556474;
}
.school-manager .licenses__container .legacy-pricing-notice {
  display: flex;
  align-items: center;
  gap: 1.66666667rem;
  padding: 1.66666667rem;
  margin-top: 1.66666667rem;
  background-color: #fff7e5;
  border-radius: 0.83333333rem;
}
.school-manager .licenses__container .legacy-pricing-notice__description {
  margin: 0;
  font-size: 1.5625rem;
  color: #556474;
}
.school-manager .settings__container {
  /* stylelint-disable-next-line nesting-selector-no-missing-scoping-root */
  margin: 0 4.16666667rem;
}
.school-manager .settings__container .settings__container__warning {
  display: flex;
  align-items: center;
  gap: 0.83333333rem;
  padding: 1.66666667rem;
  background-color: #fff4bd;
  border-radius: 0.83333333rem;
  margin: 2.5rem 0;
}
.school-manager .settings__container .settings__container__warning .styleguide.flat__icon .icon--graphics {
  fill: #574a0a;
}
.school-manager .settings__container .settings__container__warning__text {
  font-size: 1.25rem;
  font-weight: 400;
  color: #574a0a;
}
.school-manager .settings__container .settings__container__warning__text strong {
  font-weight: 600;
}
.school-manager .settings__container .settings__container__warning__text a {
  color: inherit;
}
.login {
  padding: 1.04166667rem 4.16666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white;
}
.login h1 {
  font-size: 2.5rem;
  line-height: 4.32291667rem;
  color: #3f4c5a;
}
.login .error-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 37.5rem;
  padding: 2.5rem;
  background: white;
  z-index: 10;
}
.login .error-panel .error-message {
  border-bottom: 1px solid #d1d3de;
}
.login .error-panel .error-message p {
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
  margin-bottom: 2.5rem;
}
.login .error-panel button {
  margin-top: 2.5rem;
}
.button-info {
  border-radius: 2rem;
  background-clip: padding-box;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #277cd9;
  display: inline-block;
  padding: 0;
  position: relative;
  transition: 0.15s;
}
.button-info:hover {
  background-color: #4e92ff;
}
.button-info:active {
  background-color: #2465ab;
  color: rgba(255, 255, 255, 0.5);
}
.button-info::after {
  display: block;
  content: '\ℹ︎';
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: normal;
  text-align: center;
}
.card-content {
  display: flex;
  padding: 1.66666667rem;
}
.card-content .styleguide.gynzy.show-hide-container .show-hide-container__title-container .show-hide-container__title {
  padding-left: 2.08333333rem;
}
.card-content .show-hide-container {
  margin: 1.66666667rem;
}
.card-actions {
  display: flex;
  width: 50%;
}
.card-actions hr {
  margin: 2.5rem 0;
}
.card-actions .styleguide__tooltip {
  position: absolute;
  width: 21.875rem;
  line-height: 1.875rem;
}
.card-actions .school-change__title {
  display: flex;
  line-height: 2.91666667rem;
}
.card-actions .school-change__title span {
  color: #8c99a8;
  font-weight: 600;
  margin-left: 0.52083333rem;
}
.card-actions .action {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
}
.card-actions .action button {
  width: -moz-fit-content;
  width: fit-content;
}
.card-actions .action h3 {
  font-size: 1.875rem;
  line-height: 2.91666667rem;
  color: #3f4c5a;
  margin-bottom: 0.52083333rem;
}
.card-actions .action p {
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
  margin-bottom: 2.5rem;
}
.card-user-details {
  display: flex;
  width: 50%;
  height: 100%;
}
.card-user-details .show-hide-container__content > * {
  margin-top: 0.78125rem;
}
.card-user-details .show-hide-container__content label {
  font-size: 1.66666667rem;
  line-height: 3.02083333rem;
  font-weight: 600;
}
.card-user-details .show-hide-container.show-hide-container--open .show-hide-container__content-container {
  overflow: visible;
}
.card-user-details .user {
  margin-top: 0;
  display: flex;
}
.card-user-details .user .input__field__label-container {
  width: 100%;
}
.card-user-details .user .input__field__label-container:first-of-type {
  margin-right: 0.625rem;
}
.card-user-details .user .input__field__label-container:last-of-type {
  margin-left: 0.625rem;
}
.card-user-details .role__checkboxes {
  display: flex;
  margin-top: 2.08333333rem;
}
.card-user-details .styleguide__tooltip {
  width: 21.875rem;
  line-height: 1.875rem;
  position: absolute;
}
.card-user-details .button-group {
  padding-top: 2.08333333rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.card-user-details .button-group button {
  width: 13.02083333rem;
}
.card-user-details .button-group .button--save {
  margin-left: 1.25rem;
}
.card-user-details .user-details-info {
  background-color: #f5f5f8;
  border-radius: 0.52083333rem;
  margin-top: 1.5625rem;
  padding: 1.5rem;
  font-size: 1.5625rem;
  font-style: normal;
  line-height: 1.875rem;
  color: #556474;
}
.card-user-details .user-details-info.warn {
  background-color: #fff7e5;
}
.card-user-details .user-details-info.warn span {
  font-style: italic;
  font-weight: 600;
}
.card-header {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: flex-start;
  padding: 3.33333333rem;
}
.card-header .user-portrait {
  margin-right: 1.5625rem;
}
.card-header .user-portrait .user-portrait__container {
  height: 5.72916667rem;
  width: 5.72916667rem;
}
.card-header .card-header-title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #2a3541;
  line-height: 1.1em;
}
.card-header .card-header-title span {
  font-weight: 400;
}
.card-header .card-header-subtitle {
  font-size: 1.875rem;
  color: #2a3541;
  margin-top: 0.58333333rem;
  line-height: 1.1em;
}
.card-header .card-header-subtitle strong {
  font-weight: 600;
}
.card-header .styleguide.buttons__group {
  margin-right: 1.04166667rem;
}
.flow-modal .flow__modal {
  width: 100%;
}
.flow-modal .flow__modal .flow-modal-container {
  width: 100rem;
}
.flow-modal .flow__modal .modal__component-header {
  font-weight: bold;
  font-size: 2.5rem;
}
.flow-modal .flow__modal .modal__dialog-content {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  overflow: hidden;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.flow-modal .flow__modal .modal__dialog-yield {
  padding-top: 2rem;
  display: flex;
  flex: 1;
  overflow: hidden;
}
.flow-modal .flow__modal .modal__dialog-buttons {
  justify-content: flex-end;
}
.header-component {
  display: flex;
  justify-content: space-between;
  padding: 1.04166667rem 4.16666667rem;
}
.header-component .button-container {
  width: 20%;
  display: flex;
}
.header-component .button-container.back {
  justify-content: flex-start;
}
.header-component .button-container.close {
  justify-content: flex-end;
}
.header-component h1 {
  font-size: 2.5rem;
  line-height: 4.32291667rem;
  color: #3f4c5a;
}
.header-component .user-name {
  display: flex;
  margin-left: auto;
}
.header-component .user-name span {
  display: flex;
  align-self: center;
  font-size: 1.66666667rem;
  margin-right: 1.04166667rem;
}
.header-component .user-name .user-portrait {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
}
.header-component .user-name .user-portrait .user-portrait__initials {
  font-size: 1.875rem;
}
.header-component .user-name .user-portrait .user-portrait__container {
  height: 4.32291667rem;
  width: 4.32291667rem;
}
.license-label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.875rem;
  padding: 0 1.04166667rem;
  border-radius: 2.08333333rem;
  -webkit-user-select: none;
          user-select: none;
}
.license-label.license-label--clickable {
  cursor: pointer;
}
.license-label a.license-label__link {
  color: inherit;
  text-decoration: none;
}
.license-label.license-label--negative {
  background-color: #ed1c24;
  color: #ffffff;
}
.license-label.license-label--negative.license-label--clickable:hover {
  background-color: #f04248;
}
.license-label.license-label--negative.license-label--clickable:active {
  background-color: #c61017;
  color: rgba(255, 255, 255, 0.7);
}
.license-label.license-label--secondary {
  background-color: #d1d3de;
  color: #3f4c5a;
}
.license-label.license-label--secondary.license-label--clickable:hover {
  background-color: #e9eaef;
}
.license-label.license-label--secondary.license-label--clickable:active {
  background-color: #aeb7c2;
  color: rgba(63, 76, 90, 0.7);
}
.license-label.license-label--call-to-action {
  background-color: #fd8b1d;
  color: #ffffff;
}
.license-label.license-label--call-to-action.license-label--clickable:hover {
  background-color: #fda045;
}
.license-label.license-label--call-to-action.license-label--clickable:active {
  background-color: #e57102;
  color: rgba(255, 255, 255, 0.7);
}
.add-users-modal .add-teachers__modal .modal__component-header {
  font-weight: bold;
  font-size: 2.5rem;
}
.add-users-modal .add-teachers__modal .modal__dialog-content {
  text-align: left;
  width: 65.83333333rem;
}
.add-users-modal .add-teachers__modal .sub-message {
  display: block;
  font-size: 1.5625rem;
  padding-bottom: 1.04166667rem;
  font-style: italic;
}
.add-users-modal .add-teachers__modal p {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 1.5625rem;
}
.key-authorization-modal .authorization-key-form .error-message__container {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}
.key-authorization-modal .authorization-key-form .error-message__container .error-message {
  color: #ed1c24;
  font-weight: 600;
  margin: 0 0 0 0.625rem;
}
.key-authorization-modal .authorization-key-form .error-message__container .flat__icon .icon--graphics {
  fill: #ed1c24;
}
.key-authorization-modal .authorization-key-form label {
  font-weight: 600;
}
.key-authorization-modal .authorization-key-form p {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 1.5625rem;
}
.key-authorization-modal .authorization-key-form .input__field__label-container {
  margin-bottom: 1.25rem;
}
.instructional-image {
  width: 100%;
  padding-bottom: 1rem;
}
.las-sync-settings-modal .las-sync-settings-message {
  margin-top: 1.66666667rem;
  margin-bottom: 2.5rem;
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.las-sync-settings-modal .las-sync-settings-subheader {
  font-size: 1.66666667rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.las-sync-settings-modal .las-sync-settings-list {
  margin-left: 1.66666667rem;
}
.las-sync-settings-modal .las-sync-settings-list li {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.las-sync-settings-modal .las-sync-settings-list li p {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.las-sync-settings-modal .las-sync-settings-list-checkboxes {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.las-sync-settings-modal .las-sync-settings-checkbox {
  margin-top: 1.25rem;
}
.las-sync-settings-modal .las-sync-settings-checkbox.input--disabled {
  opacity: 1;
}
.las-sync-settings-modal .las-sync-settings-checkbox.input--disabled .svg--container {
  opacity: 0.5;
}
.las-sync-settings-modal .las-sync-settings-checkbox.size--normal .input--label {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.las-sync-settings-modal .las-sync-settings-checkbox-description {
  font-size: 1.25rem;
  line-height: 2.08333333rem;
  margin-top: 0.20833333rem;
  padding-left: 3.75rem;
}
.las-sync-settings-modal .las-sync-settings-edit-link {
  display: flex;
  gap: 0.41666667rem;
  flex-direction: row;
  align-items: center;
}
.las-sync-settings-modal .las-sync-settings-edit-link .flat__icon .icon--graphics {
  fill: #277cd9;
}
.las-sync-settings-modal .las-sync-settings-edit-link:hover .flat__icon .icon--graphics {
  fill: #4e92ff;
}
.las-sync-settings-modal .las-sync-settings-edit-link:focus .flat__icon .icon--graphics,
.las-sync-settings-modal .las-sync-settings-edit-link:active .flat__icon .icon--graphics {
  fill: #2465ab;
}
.las-sync-settings-modal .las-sync-settings-edit-link .actionable-link {
  font-size: 1.66666667rem;
  line-height: 2.5rem;
}
.las-sync-settings-modal .las-sync-settings-migration-warning {
  background-color: #d4eefc;
  border-radius: 0.83333333rem;
  font-size: 1.25rem;
  color: #1a455b;
  font-weight: 400;
  display: flex;
  padding: 1.66666667rem;
  gap: 0.83333333rem;
  margin-top: 1.66666667rem;
}
.las-sync-settings-modal .las-sync-settings-migration-warning .styleguide.flat__icon .icon--graphics {
  fill: #1a455b;
}
.las-sync-settings-modal .las-sync-settings-migration-warning strong {
  font-weight: 600;
}
.school-change-modal .school-change__modal .modal__component-header {
  font-weight: bold;
  font-size: 2.5rem;
}
.school-change-modal .school-change__modal .modal__dialog-content {
  text-align: left;
  width: 65.83333333rem;
}
.school-change-modal .school-change__modal .schools__container {
  max-height: 47.5vh;
  overflow: auto;
}
.school-change-modal .school-change__modal p {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 1.5625rem;
}
.school-change-modal .school-change__modal .school__radio-buttons {
  margin: 1.04166667rem 0;
}
.las-migration-required-modal .modal__dialog-content {
  text-align: left;
  width: 83.33333333rem;
}
.las-migration-required-modal .modal__dialog-content .modal__dialog-yield {
  padding-top: 1.66666667rem;
  padding-bottom: 0;
}
.las-migration-required-modal .modal__dialog-content .modal__dialog-buttons {
  border-top: none;
}
.las-migration-required-modal .modal__component-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.las-migration-required-modal .modal__component-header .las-migration-required__las-icon .svg__icon,
.las-migration-required-modal .modal__component-header .las-migration-required__las-icon .svg__icon img {
  width: 5rem;
  height: 5rem;
}
.las-migration-required-modal .modal__component-header .las-migration-required__arrow-icon .svg__icon,
.las-migration-required-modal .modal__component-header .las-migration-required__arrow-icon .svg__icon img {
  width: 3.33333333rem;
  height: 3.33333333rem;
}
.las-migration-required-modal .las-migration-required__title {
  align-self: stretch;
  font-family: var(--font-family-header);
  font-weight: 500;
  font-size: 3.33333333rem;
  line-height: 1.5;
  text-align: left;
}
.las-migration-required-modal .las-migration-required__icon-composition {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.30208333rem;
  margin-bottom: 1.66666667rem;
}
.las-migration-required-modal .las-migration-required__body {
  font-size: 1.66666667rem;
  color: #556474;
  line-height: 1.5;
}
.las-migration-required-modal .las-migration-required__body p {
  font-size: 1.66666667rem;
  margin-bottom: 1.66666667rem;
  line-height: 1.5;
}
.las-migration-required-modal .las-migration-required__body ul {
  margin-bottom: 1.66666667rem;
  padding-left: 2rem;
}
.las-migration-required-modal .las-migration-required__body ul li {
  margin-bottom: 0.5rem;
  list-style-type: disc;
  font-size: 1.66666667rem;
  line-height: 1.5;
}
.las-migration-required-modal .las-migration-required__body a {
  color: #277cd9;
  text-decoration: underline;
}
.las-migration-required-modal .las-migration-required__school-selection {
  margin-bottom: 1rem;
}
.las-migration-required-modal .las-migration-required__school-selection-label {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  color: #556474;
  margin-bottom: 0.5rem;
}
.student-delete-modal .modal__component-header {
  font-weight: bold;
  font-size: 2.5rem;
}
.student-delete-modal .modal__dialog-content {
  text-align: left;
  width: 62.5rem;
}
.student-delete-modal .modal__dialog-content .input__textarea.student-names-list {
  margin-bottom: 3rem;
  background-color: #effaff;
}
.student-delete-modal .modal__dialog-content p {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 3rem;
}
.student-delete-modal .modal__dialog-buttons--button > .button__regular:disabled {
  cursor: default;
  opacity: 0.5;
}
.uwlr-group-map-action-modal {
  max-width: 100rem;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.uwlr-group-map-action-modal p.description {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 1.5625rem;
}
.uwlr-group-map-action-modal .scroll-container {
  flex: 1;
  overflow-y: auto;
  width: calc(100% + 6rem);
  margin-left: -3rem;
  margin-bottom: -3rem;
  display: flex;
  position: relative;
}
.uwlr-group-map-action-modal .uwlr__table {
  height: 100%;
  overflow: visible;
  overflow-y: auto;
}
.uwlr-group-map-action-modal .uwlr__table .group-type {
  width: 17%;
}
.uwlr-group-map-action-modal .uwlr__table .divider {
  width: 8%;
}
.uwlr-group-map-action-modal .uwlr__table .external-group {
  width: 30%;
}
.uwlr-group-map-action-modal .uwlr__table .gynzy-group {
  width: 45%;
}
.uwlr-group-map-action-modal .uwlr__table th {
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}
.uwlr-group-map-action-modal .uwlr__table th::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #d1d3de;
}
.uwlr-group-map-action-modal .uwlr__table tbody tr {
  border-bottom: 1px solid #d1d3de;
}
.uwlr-group-map-action-modal .uwlr__table tbody tr:nth-child(odd) {
  background-color: white;
}
.uwlr-group-map-action-modal .uwlr__table tbody tr:last-child {
  border-bottom: none;
}
.uwlr-group-map-action-modal .uwlr__table tbody td {
  height: 5.20833333rem;
  font-size: 1.5625rem;
  color: #556474;
}
.uwlr-group-map-action-modal .uwlr__table tbody td.cell__regular::after {
  background: 0, 0;
}
.uwlr-student-map-action-modal p.description:nth-of-type(2) {
  margin-left: 3.125rem;
}
.uwlr-student-map-action-modal .uwlr__table .group {
  width: 17%;
}
.uwlr-student-map-action-modal .uwlr__table .divider {
  width: 8%;
}
.uwlr-student-map-action-modal .uwlr__table .external-student {
  width: 30%;
}
.uwlr-student-map-action-modal .uwlr__table .gynzy-student {
  width: 45%;
}
.uwlr-student-map-confirmation-modal .uwlr__table .group {
  width: 20%;
}
.uwlr-student-map-confirmation-modal .uwlr__table .divider {
  width: 5%;
}
.uwlr-student-map-confirmation-modal .uwlr__table .external-student {
  width: 30%;
}
.uwlr-student-map-confirmation-modal .uwlr__table .gynzy-student {
  width: 45%;
}
.uwlr-teacher-map-action-modal p.description:nth-of-type(2) {
  margin-left: 3.125rem;
}
.uwlr-teacher-map-action-modal .uwlr__table .group {
  width: 17%;
}
.uwlr-teacher-map-action-modal .uwlr__table .divider {
  width: 8%;
}
.uwlr-teacher-map-action-modal .uwlr__table .external-teacher {
  width: 30%;
}
.uwlr-teacher-map-action-modal .uwlr__table .gynzy-teacher {
  width: 45%;
}
.uwlr-teacher-map-confirmation-modal .uwlr__table .group {
  width: 20%;
}
.uwlr-teacher-map-confirmation-modal .uwlr__table .divider {
  width: 5%;
}
.uwlr-teacher-map-confirmation-modal .uwlr__table .external-teacher {
  width: 30%;
}
.uwlr-teacher-map-confirmation-modal .uwlr__table .gynzy-teacher {
  width: 45%;
}
.eduv-client-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 8.54166667rem;
  border-top: 1px solid #d1d3de;
  margin: 0 2.5rem;
  padding: 2.5rem 0;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
}
.eduv-client-row button {
  width: 14.58333333rem;
}
.eduv-client-row .eduv-client__logo {
  min-width: 6.25rem;
}
.eduv-client-row .eduv-client__logo .svg__icon {
  width: 6.25rem;
  height: 6.25rem;
}
.eduv-client-row .eduv-client__description {
  margin: 0 4.16666667rem 0 2.08333333rem;
  width: 100%;
}
.eduv-client-row .eduv-client__description .eduv-client__title {
  font-weight: bold;
}
.eduv-client-row .eduv-client__description .eduv-client__last-sync {
  font-style: italic;
}
.eduv-client-row .eduv-client__description p {
  font-size: 1.5625rem;
}
.las-setting-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 8.54166667rem;
  border-top: 1px solid #d1d3de;
  margin: 0 2.5rem;
  padding: 2.5rem 0;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
}
.las-setting-row button {
  width: 14.58333333rem;
}
.las-setting-row .las__logo {
  min-width: 6.25rem;
}
.las-setting-row .las__logo .svg__icon {
  width: 6.25rem;
  height: 6.25rem;
}
.las-setting-row .las__logo.Parnassys .svg__icon .icon--graphics {
  fill: #c9496a;
}
.las-setting-row .styleguide__tooltip {
  width: 26.04166667rem;
  line-height: 1.875rem;
}
.las-setting-row .las__description {
  margin: 0 4.16666667rem 0 2.08333333rem;
  width: 100%;
}
.las-setting-row .las__description .las__title {
  font-weight: bold;
}
.las-setting-row .las__description .active {
  font-size: 1.5625rem;
  display: inline;
  margin-left: 1.04166667rem;
  color: #1eaa10;
  font-weight: 600;
}
.las-setting-row .las__description .deprecated {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
  padding: 0.41666667rem 0.83333333rem;
  border-radius: var(--size-radius-round);
  background: #921f1f;
  color: #ffffff;
  margin: 0 0.83333333rem;
}
.las-setting-row .las__description a {
  color: #38a4de;
}
.las-setting-row .las__description p {
  font-size: 1.5625rem;
}
.las-setting-row .las__description .uwlr-link {
  margin-top: 0.52083333rem;
}
.las-setting-row .las-button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.04166667rem;
}
.licence-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 8.54166667rem;
  border-top: 1px solid #d1d3de;
  margin: 0 2.5rem;
  padding: 0.52083333rem 0;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
}
.licence-row .license__logo {
  min-width: 5.20833333rem;
}
.licence-row .license__logo .svg__icon {
  width: 5.20833333rem;
  height: 5.20833333rem;
}
.licence-row .license__detail {
  margin: 0 4.16666667rem 0 2.08333333rem;
  width: 100%;
}
.licence-row .license__detail .license__detail-row {
  display: flex;
  align-items: center;
}
.licence-row .license__detail .license-label {
  margin-left: 1.04166667rem;
}
.licence-row .license__detail .license__title {
  font-weight: bold;
}
.licence-row .license__detail .license__amount {
  margin-right: 4.16666667rem;
  min-width: 8.33333333rem;
  display: inline-block;
}
.licence-row .license__detail .license__info {
  font-style: italic;
}
.licence-row .license__detail .license__info.expired {
  color: #ed1c24;
}
.teacher-mapping-row .user-information .user-name-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.teacher-mapping-row .user-information .user-email {
  font-size: 1.25rem;
}
.teacher-mapping-row .user-confirmation .icons-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.teacher-mapping-row .user-confirmation .user-warning {
  margin-left: 3rem;
  width: 1.6rem;
}
.teacher-mapping-row .user-confirmation .user-warning .icon--graphics {
  fill: #ed1c24;
}
.teacher-mapping-row .user-confirmation .user-warning:hover .icon--graphics {
  fill: #c61017;
}
.usage-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  min-height: 10.41666667rem;
  border-top: 1px solid #d1d3de;
  margin: 0 2.5rem;
  padding: 1.25rem 0;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
}
.usage-row .usage-row__info-row {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.usage-row .usage-row__info-cell {
  display: flex;
  min-width: 22.91666667rem;
}
.usage-row .usage-row__info-value {
  font-weight: bold;
  margin: 0 1.04166667rem;
}
.usage-row .usage-row__info-footer {
  font-style: italic;
  font-size: 1.25rem;
  margin-top: 1.25rem;
}
.user-menu-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 8.33333333rem;
  border-top: 1px solid #d1d3de;
  margin: 0 2.5rem;
  font-size: 1.5625rem;
  line-height: 2.5rem;
  color: #556474;
}
.user-menu-row .show-on-portrait {
  display: none;
}
.user-menu-row .name {
  display: block;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
.user-menu-row .email {
  display: block;
  font-style: italic;
  margin-top: 0.3125rem;
}
.user-menu-row .created-at {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.user-menu-row .buttons-group {
  display: flex;
  justify-content: flex-end;
}
.user-menu-row .buttons-group .button {
  min-width: 16.66666667rem;
}
.user-menu-row .buttons-group .button.primary {
  margin-right: 1.25rem;
}
.user-menu-row .styleguide__tooltip {
  width: 26.04166667rem;
  line-height: 1.875rem;
  position: absolute;
}
@media screen and (orientation: portrait) {
  .user-menu-row .buttons-group .button {
    width: 4.16666667rem;
    min-width: 0;
  }
  .user-menu-row .buttons-group .hide-on-portrait {
    display: none;
  }
  .user-menu-row .buttons-group .show-on-portrait {
    display: inline-block;
  }
}
.sticky-menu {
  position: sticky;
  top: 0;
  z-index: 100;
}
.sticky-menu #sticky__container {
  overflow: hidden;
  position: relative;
  top: 0;
  display: flex;
  height: 7.8125rem;
  border-bottom: 1px solid #d1d3de;
  background-color: white;
}
.sticky-menu #sticky__container .back-button {
  display: flex;
  align-self: center;
  margin: 0 4.16666667rem;
  z-index: 1;
}
.sticky-menu #sticky__container .school-manager__tab-navigation {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.sticky-menu #sticky__container .school-manager__tab-navigation span {
  font-size: 1.66666667rem;
}
.sticky-menu #sticky__container .school__dropdown {
  width: 21.875rem;
  position: absolute;
  right: 3.85416667rem;
  bottom: 1.77083333rem;
}
.sticky-menu #sticky__container .school__dropdown.expand {
  width: 46.875rem;
}
.sticky-menu #sticky__container .school__dropdown label {
  color: #556474;
  font-size: 1.35416667rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.77083333rem;
}
.license-label__container {
  display: flex;
  align-items: center;
}
.license-label__container a.license__link {
  color: #277cd9;
}
.license-label__container a.license__link:hover {
  color: #4e92ff;
}
.license-label__container a.license__link:active {
  color: #2465ab;
}
.license-label__container * + .license-label {
  margin-left: 1.04166667rem;
}
.school-table .school__table {
  table-layout: auto;
  border-bottom-left-radius: 0.41666667rem;
  border-bottom-right-radius: 0.41666667rem;
}
.school-table .school__table tbody {
  border-top: 1px solid #d1d3de;
}
.school-table .school__table tbody td {
  height: 5.20833333rem;
  font-size: 1.5625rem;
  color: #556474;
}
.school-table .school__table tbody td a.school__table__link--primary {
  color: #277cd9;
}
.school-table .school__table tbody td a.school__table__link--primary:hover {
  color: #4e92ff;
}
.school-table .school__table tbody td a.school__table__link--primary:active {
  color: #2465ab;
}
.school-table .school__table tbody td a.school_table__link--negative {
  color: #ed1c24;
  font-weight: 600;
}
.school-table .school__table tbody td a.school_table__link--negative:hover {
  color: #f04248;
}
.school-table .school__table tbody td a.school_table__link--negative:active {
  color: #c61017;
}
.school-table .school__table tbody td.cell__regular::after {
  background: 0, 0;
}
.school-table .school__table tbody td:first-of-type {
  width: 30%;
}
.school-table .school__table tbody td:nth-of-type(2) {
  width: 15%;
}
.school-table .school__table tbody td:nth-of-type(3) {
  width: 15%;
}
.school-table .school__table tbody td:nth-of-type(4) {
  width: 25%;
}
.school-table .school__table tbody td:last-of-type {
  width: 15%;
}
.school-table table.totals {
  width: 100%;
  table-layout: auto;
  border-top: 1px solid #d1d3de;
}
.school-table table.totals td {
  height: 5.20833333rem;
  padding: 0.5rem;
  font-size: 1.5625rem;
  font-weight: 600;
  color: #556474;
}
.school-table table.totals td:first-of-type {
  width: 30%;
  padding-left: 3.125rem;
}
.school-table table.totals td:nth-of-type(2) {
  width: 15%;
}
.school-table table.totals td:nth-of-type(3) {
  width: 15%;
}
.school-table table.totals td:nth-of-type(4) {
  width: 25%;
}
.school-table table.totals td:last-of-type {
  width: 15%;
  padding-right: 3.125rem;
}
.user-table .user__table tbody {
  border-top: 1px solid #d1d3de;
  border-bottom: 1px solid #d1d3de;
}
.user-table .user__table tbody td {
  height: 5.20833333rem;
  font-size: 1.5625rem;
  color: #556474;
}
.user-table .user__table tbody td.cell__regular::after {
  background: 0, 0;
}
.user-table .user__table tbody td .you {
  font-weight: 400;
  margin-left: 0.3125rem;
}
.user-table .user__table tbody td .edit-user__button {
  text-align: left;
  color: #277cd9;
  text-decoration: underline;
  cursor: pointer;
  font-family: inherit;
}
.student-table {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
.student-table .student-row-count-label {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.student-table .student-row-count-label span {
  height: 2.08333333rem;
  color: #2a3541;
  font-size: 1.45833333rem;
  margin-right: 2.5rem;
}
.student-table thead {
  height: 5.20833333rem;
}
.student-table thead tr {
  border-bottom: 1px solid #d1d3de;
}
.student-table thead tr .table-header__sort__title {
  text-align: left;
}
.student-table thead .header__select-all {
  width: 2%;
}
.student-table thead .header__name {
  width: 15%;
}
.student-table thead .header__groups {
  width: 20%;
}
.student-table thead .header__created-at {
  width: 10%;
}
.student-table thead .header__num-exercises {
  width: 8%;
}
.student-table thead .header__num-exercises-total {
  width: 8%;
}
.student-table thead .header__username {
  width: 15%;
}
.student-table thead .header__external-type {
  width: 8%;
}
.student-table thead .header__delete {
  width: 2%;
}
.student-table tbody {
  border-top: 1px solid #d1d3de;
  border-bottom: 1px solid #d1d3de;
}
.student-table tbody td {
  min-height: 5.20833333rem;
  font-size: 1.5625rem;
  color: #556474;
}
.student-table tbody td span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.student-table tbody td .tooltip-inner span {
  width: 25rem;
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}
.student-table tbody td.cell__regular {
  overflow: visible;
}
.student-table tbody td.cell__regular::after {
  background: 0, 0;
}
.student-table tbody .student-group__cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.student-table tbody .student-group__cell .student-group {
  padding: 0.3125rem 0.41666667rem;
}
.student-table .empty-state-placeholder {
  margin-top: 3.33333333rem;
  margin-bottom: 0;
}
.student-table .loading-spinner {
  padding: 6.66666667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.student-table .loading-spinner .styleguide.flat__icon {
  height: 5rem;
  width: 5rem;
}
.student-table .loading-spinner .styleguide.flat__icon .icon--graphics {
  fill: #556474;
}
.uwlr-modal {
  max-width: 100rem;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.uwlr-modal p.description {
  font-size: 1.5625rem;
  color: #556474;
  margin-bottom: 1.5625rem;
}
.uwlr-modal .scroll-container {
  flex: 1;
  overflow: auto;
  width: calc(100% + 6rem);
  margin-left: -3rem;
  margin-bottom: -3rem;
  display: flex;
  position: relative;
}
.uwlr-modal .uwlr__table {
  height: 100%;
  overflow: auto;
}
.uwlr-modal .uwlr__table th {
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}
.uwlr-modal .uwlr__table th::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #d1d3de;
}
.uwlr-modal .uwlr__table tbody tr {
  border-bottom: 1px solid #d1d3de;
}
.uwlr-modal .uwlr__table tbody tr:nth-child(odd) {
  background-color: white;
}
.uwlr-modal .uwlr__table tbody tr:last-child {
  border-bottom: none;
}
.uwlr-modal .uwlr__table tbody td {
  height: 5.20833333rem;
  font-size: 1.5625rem;
  color: #556474;
}
.uwlr-modal .uwlr__table tbody td.cell__regular::after {
  background: 0, 0;
}
.mapping-row .user-information {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mapping-row .user-information .user-portrait__container {
  width: 3.33333333rem;
  height: 3.33333333rem;
  margin-right: 1.25rem;
}
.mapping-row .user-confirmation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mapping-row .edit-mode {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mapping-row .edit-mode .dropdown__basic {
  flex: 1;
  width: auto;
  min-width: 0;
}
.mapping-row .edit-mode .action-required {
  margin-left: 3rem;
  width: 1.6rem;
}
.mapping-row .edit-mode .action-required .icon--graphics {
  fill: #ed1c24;
}
.mapping-row .edit-mode .action-required:hover .icon--graphics {
  fill: #c61017;
}
.mapping-row .create-new-user {
  font-style: italic;
}
#impersonation-bar {
  width: 100%;
  height: 5rem;
  background: #277cd9;
  color: #ffffff;
  text-align: center;
  font-size: 1.66666667rem;
  cursor: pointer;
}
#impersonation-bar:hover {
  background: #4e92ff;
}
#impersonation-bar:active {
  background: #2465ab;
}
html,
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.25vmin;
}
html .snackbar--wrapper,
body .snackbar--wrapper {
  position: fixed;
  z-index: 210001;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.5625rem;
}
html .snackbar--wrapper .snack-bar p,
body .snackbar--wrapper .snack-bar p {
  font-size: 1.66666667rem !important;
}
html p,
body p {
  font-size: 1.25rem;
}
html hr,
body hr {
  height: 1px;
  background: #e9eaef;
  margin: 0;
}
#ember-basic-dropdown-wormhole,
.ember-basic-dropdown-content {
  position: absolute;
  z-index: 99999;
}
#ember-basic-dropdown-wormhole .school-result,
.ember-basic-dropdown-content .school-result {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4.6875rem;
  font-size: 1.66666667rem;
  letter-spacing: 0.05208333rem;
  padding: 0 2.08333333rem;
  color: #556474;
}
#ember-basic-dropdown-wormhole .school-result .selected,
.ember-basic-dropdown-content .school-result .selected {
  color: #277cd9;
  font-weight: 600;
}
#ember-basic-dropdown-wormhole .school-result .school-name,
.ember-basic-dropdown-content .school-result .school-name {
  margin-right: 0.625rem;
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
#ember-basic-dropdown-wormhole .school-result .national-identifier,
.ember-basic-dropdown-content .school-result .national-identifier {
  color: #8c99a8;
}
#ember-basic-dropdown-wormhole .school-result:hover,
.ember-basic-dropdown-content .school-result:hover {
  background-color: #e9eaef;
}
.styleguide.modal__component {
  z-index: 21000;
}
.g-recaptcha {
  position: fixed;
  z-index: 100000;
}