/* Pix UI */
:root {
  --pix-primary-10-inline:247, 245, 255;
  --pix-primary-10: rgb(var(--pix-primary-10-inline));
  --pix-primary-100-inline:206, 195, 244;
  --pix-primary-100: rgb(var(--pix-primary-100-inline));
  --pix-primary-300-inline:149, 126, 232;
  --pix-primary-300: rgb(var(--pix-primary-300-inline));
  --pix-primary-500-inline:97, 63, 221;
  --pix-primary-500: rgb(var(--pix-primary-500-inline));
  --pix-primary-700-inline:69, 45, 157;
  --pix-primary-700: rgb(var(--pix-primary-700-inline));
  --pix-primary-900-inline:41, 26, 93;
  --pix-primary-900: rgb(var(--pix-primary-900-inline));
  --pix-secondary-50-inline:255, 250, 235;
  --pix-secondary-50: rgb(var(--pix-secondary-50-inline));
  --pix-secondary-100-inline:255, 239, 192;
  --pix-secondary-100: rgb(var(--pix-secondary-100-inline));
  --pix-secondary-300-inline:255, 220, 118;
  --pix-secondary-300: rgb(var(--pix-secondary-300-inline));
  --pix-secondary-500-inline:255, 203, 51;
  --pix-secondary-500: rgb(var(--pix-secondary-500-inline));
  --pix-secondary-700-inline:161, 98, 6;
  --pix-secondary-700: rgb(var(--pix-secondary-700-inline));
  --pix-secondary-900-inline:91, 56, 8;
  --pix-secondary-900: rgb(var(--pix-secondary-900-inline));
  --pix-tertiary-100-inline:195, 208, 255;
  --pix-tertiary-100: rgb(var(--pix-tertiary-100-inline));
  --pix-tertiary-500-inline:61, 104, 255;
  --pix-tertiary-500: rgb(var(--pix-tertiary-500-inline));
  --pix-tertiary-900-inline:26, 44, 107;
  --pix-tertiary-900: rgb(var(--pix-tertiary-900-inline));
  --pix-neutral-0-inline:255, 255, 255;
  --pix-neutral-0: rgb(var(--pix-neutral-0-inline));
  --pix-neutral-20-inline:244, 245, 247;
  --pix-neutral-20: rgb(var(--pix-neutral-20-inline));
  --pix-neutral-100-inline:205, 209, 217;
  --pix-neutral-100: rgb(var(--pix-neutral-100-inline));
  --pix-neutral-300-inline:147, 157, 173;
  --pix-neutral-300: rgb(var(--pix-neutral-300-inline));
  --pix-neutral-500-inline:94, 108, 132;
  --pix-neutral-500: rgb(var(--pix-neutral-500-inline));
  --pix-neutral-800-inline:37, 56, 88;
  --pix-neutral-800: rgb(var(--pix-neutral-800-inline));
  --pix-neutral-900-inline:18, 38, 71;
  --pix-neutral-900: rgb(var(--pix-neutral-900-inline));
  --pix-info-50-inline:234, 241, 255;
  --pix-info-50: rgb(var(--pix-info-50-inline));
  --pix-info-100-inline:190, 212, 255;
  --pix-info-100: rgb(var(--pix-info-100-inline));
  --pix-info-300-inline:114, 163, 255;
  --pix-info-300: rgb(var(--pix-info-300-inline));
  --pix-info-500-inline:44, 117, 255;
  --pix-info-500: rgb(var(--pix-info-500-inline));
  --pix-info-700-inline:31, 83, 181;
  --pix-info-700: rgb(var(--pix-info-700-inline));
  --pix-info-900-inline:18, 49, 107;
  --pix-info-900: rgb(var(--pix-info-900-inline));
  --pix-success-50-inline:230, 246, 239;
  --pix-success-50: rgb(var(--pix-success-50-inline));
  --pix-success-100-inline:176, 228, 204;
  --pix-success-100: rgb(var(--pix-success-100-inline));
  --pix-success-300-inline:84, 197, 144;
  --pix-success-300: rgb(var(--pix-success-300-inline));
  --pix-success-500-inline:0, 168, 90;
  --pix-success-500: rgb(var(--pix-success-500-inline));
  --pix-success-700-inline:0, 119, 64;
  --pix-success-700: rgb(var(--pix-success-700-inline));
  --pix-success-900-inline:0, 71, 38;
  --pix-success-900: rgb(var(--pix-success-900-inline));
  --pix-warning-50-inline:253, 240, 231;
  --pix-warning-50: rgb(var(--pix-warning-50-inline));
  --pix-warning-100-inline:250, 209, 181;
  --pix-warning-100: rgb(var(--pix-warning-100-inline));
  --pix-warning-300-inline:244, 155, 96;
  --pix-warning-300: rgb(var(--pix-warning-300-inline));
  --pix-warning-500-inline:238, 105, 17;
  --pix-warning-500: rgb(var(--pix-warning-500-inline));
  --pix-warning-700-inline:169, 75, 12;
  --pix-warning-700: rgb(var(--pix-warning-700-inline));
  --pix-warning-900-inline:100, 44, 7;
  --pix-warning-900: rgb(var(--pix-warning-900-inline));
  --pix-error-50-inline:251, 235, 234;
  --pix-error-50: rgb(var(--pix-error-50-inline));
  --pix-error-100-inline:243, 192, 188;
  --pix-error-100: rgb(var(--pix-error-100-inline));
  --pix-error-300-inline:228, 118, 111;
  --pix-error-300: rgb(var(--pix-error-300-inline));
  --pix-error-500-inline:215, 51, 40;
  --pix-error-500: rgb(var(--pix-error-500-inline));
  --pix-error-700-inline:153, 36, 28;
  --pix-error-700: rgb(var(--pix-error-700-inline));
  --pix-error-900-inline:90, 21, 17;
  --pix-error-900: rgb(var(--pix-error-900-inline));
  --pix-certif-50-inline:232, 242, 242;
  --pix-certif-50: rgb(var(--pix-certif-50-inline));
  --pix-certif-300-inline:100, 169, 168;
  --pix-certif-300: rgb(var(--pix-certif-300-inline));
  --pix-certif-500-inline:24, 127, 125;
  --pix-certif-500: rgb(var(--pix-certif-500-inline));
  --pix-certif-700-inline:17, 90, 89;
  --pix-certif-700: rgb(var(--pix-certif-700-inline));
  --pix-orga-50-inline:235, 241, 249;
  --pix-orga-50: rgb(var(--pix-orga-50-inline));
  --pix-orga-300-inline:120, 162, 212;
  --pix-orga-300: rgb(var(--pix-orga-300-inline));
  --pix-orga-500-inline:54, 116, 191;
  --pix-orga-500: rgb(var(--pix-orga-500-inline));
  --pix-orga-700-inline:38, 82, 136;
  --pix-orga-700: rgb(var(--pix-orga-700-inline));
  --pix-information-dark-inline:242, 70, 69;
  --pix-information-dark: rgb(var(--pix-information-dark-inline));
  --pix-information-light-inline:241, 161, 65;
  --pix-information-light: rgb(var(--pix-information-light-inline));
  --pix-content-dark-inline:26, 140, 137;
  --pix-content-dark: rgb(var(--pix-content-dark-inline));
  --pix-content-light-inline:82, 217, 135;
  --pix-content-light: rgb(var(--pix-content-light-inline));
  --pix-communication-dark-inline:61, 104, 255;
  --pix-communication-dark: rgb(var(--pix-communication-dark-inline));
  --pix-communication-light-inline:18, 163, 255;
  --pix-communication-light: rgb(var(--pix-communication-light-inline));
  --pix-security-dark-inline:172, 0, 141;
  --pix-security-dark: rgb(var(--pix-security-dark-inline));
  --pix-security-light-inline:255, 63, 148;
  --pix-security-light: rgb(var(--pix-security-light-inline));
  --pix-environment-dark-inline:94, 37, 99;
  --pix-environment-dark: rgb(var(--pix-environment-dark-inline));
  --pix-environment-light-inline:86, 77, 166;
  --pix-environment-light: rgb(var(--pix-environment-light-inline));
  --pix-shadow-inline: 7, 20, 46;
  --pix-shadow: rgb(var(--pix-shadow-inline));
  --pix-gradient-default-light: linear-gradient(180deg, rgb(var(--pix-primary-500-inline), 0.2) 0%, rgb(var(--pix-primary-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
  --pix-gradient-orga-light: linear-gradient(180deg, rgb(var(--pix-orga-500-inline), 0.2) 0%, rgb(var(--pix-orga-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
  --pix-gradient-certif-light: linear-gradient(180deg, rgb(var(--pix-certif-500-inline), 0.2) 0%, rgb(var(--pix-certif-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
}

@font-face {
  font-weight: 700;
  font-family: "Nunito";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/Nunito/Nunito-Bold.woff2");
}
@font-face {
  font-weight: 400;
  font-family: "Nunito";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/Nunito/Nunito-Regular.woff2");
}
/* @deprecated - use Nunito */
@font-face {
  font-weight: 500;
  font-family: "Open Sans";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/OpenSans/OpenSans-Medium.woff2");
}
@font-face {
  font-weight: 400;
  font-family: "Roboto";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Regular.woff2");
}
@font-face {
  font-weight: 500;
  font-family: "Roboto";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Medium.woff2");
}
@font-face {
  font-weight: 700;
  font-family: "Roboto";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Bold.woff2");
}
@font-face {
  font-weight: 400;
  font-family: "Roboto Mono";
  font-style: normal;
  src: url("../@1024pix/pix-ui/fonts/RobotoMono/RobotoMono-Regular.woff2");
}
/* @deprecated - use Design Tokens */
:root {
  --pix-font-normal: 400;
  --pix-font-medium: 500;
  --pix-font-bold: 700;
  --_pix-font-family-title: 'Nunito', Arial, sans-serif;
  --_pix-font-family-body: 'Roboto', Arial, sans-serif;
  --_pix-font-family-monospace: 'Roboto Mono', monospace;
}

:root {
  --pix-spacing-1x: 4px;
  --pix-spacing-2x: 8px;
  --pix-spacing-3x: 12px;
  --pix-spacing-4x: 16px;
  --pix-spacing-6x: 24px;
  --pix-spacing-8x: 32px;
  --pix-spacing-9x: 36px;
  --pix-spacing-10x: 40px;
  --pix-spacing-12x: 48px;
}

.pix-shadow-xs {
  box-shadow: 0 4px 8px rgba(7, 20, 46, 0.08);
}

.pix-shadow-sm {
  box-shadow: 0 6px 12px rgba(7, 20, 46, 0.08);
}

.pix-shadow-md {
  box-shadow: 0 8px 16px rgba(7, 20, 46, 0.08);
}

.pix-shadow-lg {
  box-shadow: 0 10px 20px rgba(7, 20, 46, 0.08);
}

.pix-shadow-xl {
  box-shadow: 0 12px 24px rgba(7, 20, 46, 0.08);
}

.pix-title-xxs, .mission-card__container .mission-card-bottom .mission-name,
.pix-title-xs,
.pix-title-s,
.pix-title-m, .school-code__welcome,
.pix-title-l {
  font-weight: var(--pix-font-bold);
  font-family: var(--_pix-font-family-title);
}

.school-code__welcome,
.pix-title-l {
  --font-size-title: 1.75rem;
  font-size: var(--font-size-title);
  line-height: 1.3;
  letter-spacing: calc(-0.02 * var(--font-size-title));
}
@media (min-width: 769px) {
  .school-code__welcome,
  .pix-title-l {
    --font-size-title: 1.875rem;
  }
}
@media (min-width: 992px) {
  .school-code__welcome,
  .pix-title-l {
    --font-size-title: 2rem;
  }
}

.pix-title-m {
  --font-size-title: 1.5rem;
  --letter-spacing-title: -0.02;
  font-size: var(--font-size-title);
  line-height: 1.3;
  letter-spacing: calc(var(--letter-spacing-title) * var(--font-size-title));
}
@media (min-width: 769px) {
  .pix-title-m {
    --font-size-title: 1.625rem;
  }
}
@media (min-width: 992px) {
  .pix-title-m {
    --font-size-title: 1.75rem;
    --letter-spacing-title: -0.01;
  }
}

.pix-title-s {
  --font-size-title: 1.375rem;
  font-size: var(--font-size-title);
  line-height: 1.3;
  letter-spacing: calc(-0.01 * var(--font-size-title));
}
@media (min-width: 769px) {
  .pix-title-s {
    --font-size-title: 1.375rem;
  }
}
@media (min-width: 992px) {
  .pix-title-s {
    --font-size-title: 1.5rem;
  }
}

.mission-card__container .mission-card-bottom .mission-name,
.pix-title-xs {
  --font-size-title: 1.25rem;
  font-size: var(--font-size-title);
  line-height: 1.4;
  letter-spacing: calc(-0.01 * var(--font-size-title));
}

.pix-title-xxs {
  --font-size-title: 1.125rem;
  font-size: var(--font-size-title);
  line-height: 1.625;
  letter-spacing: calc(-0.01 * var(--font-size-title));
}

.pix-body-l, .school-code__label,
.pix-body-m,
.pix-body-s,
.pix-body-xs {
  font-weight: var(--pix-font-normal);
  font-family: var(--_pix-font-family-body);
}

.pix-body-xs {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.pix-body-s {
  font-size: 0.875rem;
  line-height: 1.5;
}

.school-code__label,
.pix-body-m {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 769px) {
  .school-code__label,
  .pix-body-m {
    font-size: 1rem;
  }
}

.pix-body-l {
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 769px) {
  .pix-body-l {
    font-size: 1.125rem;
  }
}

.pix-monospace {
  font-weight: var(--pix-font-normal);
  font-family: var(--_pix-font-family-monospace);
}

.pix-body-weight-medium {
  font-weight: var(--pix-font-medium);
}

.pix-body-weight-bold {
  font-weight: var(--pix-font-bold);
}

.pix1d-button {
  padding: 12px 32px;
  font-weight: 700;
  font-size: 1rem;
  border: 1px solid var(--pix-primary-500);
}
.pix1d-button--small {
  padding: 8px 24px;
  border-style: none;
  box-shadow: none;
}
.pix1d-button--skip {
  color: var(--pix-primary-500);
  background-color: var(--pix-neutral-0);
}
.pix1d-button--skip:hover, .pix1d-button--skip:focus, .pix1d-button--skip:active, .pix1d-button--skip:focus-visible {
  color: var(--pix-neutral-0);
}
.pix1d-button--skip .loader.loader--white > div {
  background-color: var(--pix-primary-500);
}
.pix1d-button--skip:hover .loader.loader--white > div {
  background-color: var(--pix-neutral-0);
}
.pix1d-button--success {
  background-color: var(--pix-success-700);
  border: 1px solid var(--pix-success-700);
}

.pix-button.pix1d-button--success:hover {
  background-color: var(--pix-success-500);
  border: 1px solid var(--pix-success-500);
}

.button__icon-after {
  margin-left: 8px;
}

:root {
  --pix-black-inline: 0,0,0;
  --pix-black: rgb(var(--pix-black-inline));
  --pix-white-inline: 255,255,255;
  --pix-white: rgb(var(--pix-white-inline));
  --pix-communication-dark-inline:14,88,90;
  --pix-communication-dark: rgb(var(--pix-communication-dark-inline));
  --pix-communication-light-inline:25,160,163;
  --pix-communication-light: rgb(var(--pix-communication-light-inline));
  --pix-contenu-dark-inline:35,69,119;
  --pix-contenu-dark: rgb(var(--pix-contenu-dark-inline));
  --pix-contenu-light-inline:63,125,216;
  --pix-contenu-light: rgb(var(--pix-contenu-light-inline));
  --pix-environnementnum-dark-inline:133,133,249;
  --pix-environnementnum-dark: rgb(var(--pix-environnementnum-dark-inline));
  --pix-environnementnum-light-inline:99,70,206;
  --pix-environnementnum-light: rgb(var(--pix-environnementnum-light-inline));
  --pix-information-dark-inline:206,103,0;
  --pix-information-dark: rgb(var(--pix-information-dark-inline));
  --pix-information-light-inline:255,178,77;
  --pix-information-light: rgb(var(--pix-information-light-inline));
  --pix-securite-dark-inline:113,42,61;
  --pix-securite-dark: rgb(var(--pix-securite-dark-inline));
  --pix-securite-light-inline:206,77,111;
  --pix-securite-light: rgb(var(--pix-securite-light-inline));
  --pix-error-100-inline:245,200,200;
  --pix-error-100: rgb(var(--pix-error-100-inline));
  --pix-error-300-inline:233,137,137;
  --pix-error-300: rgb(var(--pix-error-300-inline));
  --pix-error-50-inline:252,237,237;
  --pix-error-50: rgb(var(--pix-error-50-inline));
  --pix-error-500-inline:222,79,79;
  --pix-error-500: rgb(var(--pix-error-500-inline));
  --pix-error-700-inline:158,56,56;
  --pix-error-700: rgb(var(--pix-error-700-inline));
  --pix-error-900-inline:93,33,33;
  --pix-error-900: rgb(var(--pix-error-900-inline));
  --pix-neutral-100-inline:207,209,219;
  --pix-neutral-100: rgb(var(--pix-neutral-100-inline));
  --pix-neutral-300-inline:150,157,177;
  --pix-neutral-300: rgb(var(--pix-neutral-300-inline));
  --pix-neutral-50-inline:239,240,243;
  --pix-neutral-50: rgb(var(--pix-neutral-50-inline));
  --pix-neutral-500-inline:99,108,138;
  --pix-neutral-500: rgb(var(--pix-neutral-500-inline));
  --pix-neutral-700-inline:70,77,98;
  --pix-neutral-700: rgb(var(--pix-neutral-700-inline));
  --pix-neutral-900-inline:42,45,58;
  --pix-neutral-900: rgb(var(--pix-neutral-900-inline));
  --pix-primary-100-inline:195,215,243;
  --pix-primary-100: rgb(var(--pix-primary-100-inline));
  --pix-primary-300-inline:126,168,229;
  --pix-primary-300: rgb(var(--pix-primary-300-inline));
  --pix-primary-400-inline:101,151,224;
  --pix-primary-400: rgb(var(--pix-primary-400-inline));
  --pix-primary-50-inline:236,242,251;
  --pix-primary-50: rgb(var(--pix-primary-50-inline));
  --pix-primary-500-inline:63,125,216;
  --pix-primary-500: rgb(var(--pix-primary-500-inline));
  --pix-primary-700-inline:45,89,153;
  --pix-primary-700: rgb(var(--pix-primary-700-inline));
  --pix-primary-900-inline:26,53,91;
  --pix-primary-900: rgb(var(--pix-primary-900-inline));
  --pix-secondary-100-inline:255,234,203;
  --pix-secondary-100: rgb(var(--pix-secondary-100-inline));
  --pix-secondary-300-inline:255,210,142;
  --pix-secondary-300: rgb(var(--pix-secondary-300-inline));
  --pix-secondary-50-inline:254,248,238;
  --pix-secondary-50: rgb(var(--pix-secondary-50-inline));
  --pix-secondary-500-inline:255,188,87;
  --pix-secondary-500: rgb(var(--pix-secondary-500-inline));
  --pix-secondary-700-inline:181,133,62;
  --pix-secondary-700: rgb(var(--pix-secondary-700-inline));
  --pix-secondary-900-inline:107,79,37;
  --pix-secondary-900: rgb(var(--pix-secondary-900-inline));
  --pix-success-100-inline:182,222,211;
  --pix-success-100: rgb(var(--pix-success-100-inline));
  --pix-success-300-inline:98,183,159;
  --pix-success-300: rgb(var(--pix-success-300-inline));
  --pix-success-50-inline:232,244,241;
  --pix-success-50: rgb(var(--pix-success-50-inline));
  --pix-success-500-inline:20,148,112;
  --pix-success-500: rgb(var(--pix-success-500-inline));
  --pix-success-700-inline:14,105,80;
  --pix-success-700: rgb(var(--pix-success-700-inline));
  --pix-success-900-inline:8,62,47;
  --pix-success-900: rgb(var(--pix-success-900-inline));
  --pix-tertiary-100-inline:213,212,243;
  --pix-tertiary-100: rgb(var(--pix-tertiary-100-inline));
  --pix-tertiary-300-inline:163,161,230;
  --pix-tertiary-300: rgb(var(--pix-tertiary-300-inline));
  --pix-tertiary-50-inline:241,241,251;
  --pix-tertiary-50: rgb(var(--pix-tertiary-50-inline));
  --pix-tertiary-500-inline:118,115,217;
  --pix-tertiary-500: rgb(var(--pix-tertiary-500-inline));
  --pix-tertiary-700-inline:84,82,154;
  --pix-tertiary-700: rgb(var(--pix-tertiary-700-inline));
  --pix-tertiary-900-inline:50,48,91;
  --pix-tertiary-900: rgb(var(--pix-tertiary-900-inline));
}

@font-face {
  font-weight: 200 1000;
  font-family: Nunito;
  font-style: normal;
  src: url("/fonts/Nunito/Nunito-VariableFont_wght.ttf");
}
.header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header .identified-learner {
  margin-right: calc((100% - 100vw) / 2 + 45px);
}

.challenge-actions {
  display: flex;
  justify-content: space-between;
  height: fit-content;
}
.challenge-actions button:only-child {
  margin-left: auto;
}

.challenge-embed-simulator {
  position: relative;
}
.challenge-embed-simulator__iframe {
  position: relative;
  width: 100%;
  border: none;
}
.challenge-embed-simulator__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.challenge-embed-simulator .reboot-container {
  display: flex;
  justify-content: flex-end;
}
.challenge-embed-simulator .reboot-container .pix-button--tertiary {
  color: var(--pix-neutral-500);
  text-decoration: none;
}
.challenge-embed-simulator .reboot-container__content {
  display: flex;
  align-items: center;
}

.challenge-content {
  display: grid;
  grid-template-columns: 1fr;
  margin: 16px 140px 0;
  column-gap: var(--pix-spacing-6x);
  transition: all 0.4s;
  row-gap: var(--pix-spacing-4x);
}
@media (max-width: 1194px) {
  .challenge-content {
    margin: 16px 120px 0;
  }
}
.challenge-content__grid-multiple-element {
  grid-template-areas: "left right" "left actions";
  grid-template-rows: min-content min-content;
  grid-template-columns: 1fr 1fr;
}
.challenge-content__grid-multiple-element--40-60 {
  grid-template-columns: 2fr 3fr;
}
.challenge-content__grid-multiple-element--60-40 {
  grid-template-columns: 3fr 2fr;
}
.challenge-content__grid-multiple-element div:nth-child(1) {
  grid-area: left;
}
.challenge-content__grid-multiple-element div:nth-child(2) {
  grid-area: right;
}
.challenge-content__grid-multiple-element div:nth-child(3) {
  grid-area: actions;
}
.challenge-content__form {
  display: flex;
  justify-content: center;
  width: 100%;
}
.challenge-content__autoreply {
  display: none;
}

.challenge-content-proposals {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: fit-content;
  text-align: left;
}
.challenge-content-proposals.input-label {
  display: inline;
}
.challenge-content-proposals__response--short-text, .challenge-content-proposals__response--number {
  width: 50%;
}
.challenge-content-proposals__response--paragraph {
  max-width: 100%;
}
.challenge-content-proposals__response.pix-input__input--default {
  background-color: var(--pix-neutral-20);
  border: none;
  border-bottom: 1px solid var(--pix-primary-500);
  border-radius: 4px 4px 0 0;
}
.challenge-content-proposals__qcm-checkboxes, .challenge-content-proposals__qcu-radios {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.challenge-content-proposals__qcm-checkboxes__hint, .challenge-content-proposals__qcu-radios__hint {
  margin-bottom: 10px;
  color: var(--pix-neutral-700);
  font-size: 16px;
  text-align: start;
}

.pix-checkbox.pix1d-checkbox .pix-label--inline-label, .pix-radio-button.pix1d-radio .pix-label--inline-label {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-right: 8px;
  padding-bottom: 20px;
  color: var(--pix-primary-900);
  font-weight: 400;
  text-align: left;
  background-color: var(--pix-neutral-0);
  border: 1px solid var(--pix-neutral-100);
  border-radius: 8px;
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label.pix-label--checked, .pix-radio-button.pix1d-radio .pix-label--inline-label.pix-label--checked {
  background-color: var(--pix-primary-50);
  border-color: var(--pix-primary-500);
  border-width: 2px;
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label:hover, .pix-radio-button.pix1d-radio .pix-label--inline-label:hover {
  background-color: var(--pix-primary-50);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label:focus-within, .pix-radio-button.pix1d-radio .pix-label--inline-label:focus-within {
  background-color: var(--pix-primary-50);
  border-color: var(--pix-primary-700);
  border-width: 2px;
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label .pix-checkbox__input:hover:checked, .pix-radio-button.pix1d-radio .pix-label--inline-label .pix-checkbox__input:hover:checked {
  background-color: var(--pix-primary-500);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label input, .pix-radio-button.pix1d-radio .pix-label--inline-label input {
  width: 18px;
  height: 18px;
  margin-left: 20px;
  border: 1.5px solid var(--pix-neutral-100);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label input[type=checkbox]:focus:checked, .pix-radio-button.pix1d-radio .pix-label--inline-label input[type=checkbox]:focus:checked {
  background-color: var(--pix-primary-700);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label input[type=checkbox]:checked, .pix-radio-button.pix1d-radio .pix-label--inline-label input[type=checkbox]:checked {
  background-color: var(--pix-primary-500);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label input[type=radio]:focus:checked::after, .pix-radio-button.pix1d-radio .pix-label--inline-label input[type=radio]:focus:checked::after {
  background-color: var(--pix-primary-700);
}
.pix-checkbox.pix1d-checkbox .pix-label--inline-label input[type=radio]:checked::after, .pix-radio-button.pix1d-radio .pix-label--inline-label input[type=radio]:checked::after {
  background-color: var(--pix-primary-500);
}

.pix-checkbox.pix1d-checkbox--disabled .pix-label--inline-label:hover, .pix-radio-button.pix1d-radio--disabled .pix-label--inline-label:hover {
  background-color: var(--pix-neutral-50);
  cursor: not-allowed;
}
.pix-checkbox.pix1d-checkbox--disabled .pix-label--inline-label, .pix-radio-button.pix1d-radio--disabled .pix-label--inline-label {
  background-color: var(--pix-neutral-50);
  border: 2px solid var(--pix-neutral-100);
}
.pix-checkbox.pix1d-checkbox--disabled .pix-label--inline-label.pix-label--checked, .pix-radio-button.pix1d-radio--disabled .pix-label--inline-label.pix-label--checked {
  background-color: var(--pix-primary-50);
  border-color: var(--pix-primary-500);
  border-width: 2px;
}
.pix-checkbox.pix1d-checkbox--disabled .pix-label--inline-label.pix-label--checked:hover, .pix-radio-button.pix1d-radio--disabled .pix-label--inline-label.pix-label--checked:hover {
  background-color: var(--pix-primary-50);
  cursor: not-allowed;
}

.challenge-media__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
  color: var(--pix-neutral-900);
  font-size: 5rem;
}
.challenge-media__loaded-image {
  max-width: 100%;
  max-height: 650px;
}
@media (max-width: 1194px) {
  .challenge-media__loaded-image {
    max-height: 500px;
  }
}
.challenge-media__loaded-image--hidden {
  display: none;
}

.challenge-layout {
  display: flex;
  justify-content: center;
  min-height: calc(100vh - 48px);
  padding: var(--pix-spacing-4x);
  border-radius: 24px;
}
.challenge-layout--default {
  background-color: rgb(var(--pix-primary-500-inline), 10%);
}
.challenge-layout--error {
  background-color: rgb(var(--pix-error-500-inline), 10%);
  border: 2px solid var(--pix-error-500);
}
.challenge-layout--success {
  background-color: rgb(var(--pix-success-500-inline), 10%);
  border: 2px solid var(--pix-success-500);
}
.challenge-layout--feedback {
  background-color: rgb(var(--pix-secondary-500-inline), 10%);
}
.challenge-layout--feedback--success {
  background-color: rgb(var(--pix-secondary-500-inline), 10%);
  background-image: url("/images/background-stars-success.svg");
}
.challenge-layout--result {
  background-color: rgb(var(--pix-secondary-500-inline), 10%);
}
.challenge-layout--result--success {
  background-color: rgb(var(--pix-secondary-500-inline), 10%);
  background-image: url("/images/background-success-result-page.svg");
}

.element-delayed-wrapper {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.element-delayed-wrapper.display {
  opacity: 1;
}

.device-warning-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background-color: var(--pix-neutral-0);
}
.device-warning-modal-overlay--hidden {
  visibility: hidden;
  opacity: 0;
}
.device-warning-modal-overlay__logos {
  display: flex;
  gap: var(--pix-spacing-8x);
}
.device-warning-modal-overlay__logos .logo {
  height: 80px;
}
@media (max-width: 768px) {
  .device-warning-modal-overlay .logos {
    gap: var(--pix-spacing-6x);
  }
}

.device-warning-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-align: initial;
  background-image: url("/images/background-blob-with-robot.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-size: 90%;
  background-attachment: fixed;
}
.device-warning-modal .close-button {
  align-self: self-end;
  margin: var(--pix-spacing-8x) var(--pix-spacing-8x) 0 0;
}
.device-warning-modal section {
  display: flex;
  flex-direction: column;
  gap: var(--pix-spacing-6x);
  margin: var(--pix-spacing-12x) var(--pix-spacing-9x);
  color: var(--pix-neutral-900);
}
.device-warning-modal section h1 {
  font-weight: 800;
  font-size: 1.2rem;
}
.device-warning-modal section h2 {
  font-weight: 500;
  font-size: 1.2rem;
}
.device-warning-modal section span {
  display: flex;
  flex-direction: row;
  gap: var(--pix-spacing-6x);
  align-items: center;
}
.device-warning-modal section .button-link {
  max-width: 200px;
}
.device-warning-modal.is-landscape {
  background-size: 45%;
}
.device-warning-modal.is-landscape section {
  max-width: 52%;
}
.device-warning-modal.is-tablet section {
  margin: var(--pix-spacing-6x) 80px;
}
.device-warning-modal.is-tablet section h1 {
  font-size: 2.5rem;
}
.device-warning-modal.is-tablet section h2 {
  font-size: 1.5rem;
}

.mission-card__container {
  position: relative;
  width: 248px;
  height: 368px;
  padding: var(--pix-spacing-2x);
  font-family: "Nunito", sans-serif;
  font-style: normal;
  background-color: var(--pix-neutral-0);
  border-radius: 16px;
  box-shadow: 2px 4px 6px 0 rgba(70, 77, 98, 0.2), 0 0 2px 0 rgba(70, 77, 98, 0.32);
}
.mission-card__container .area-code-1 {
  color: var(--pix-information-dark);
}
.mission-card__container .area-code-1 .background {
  fill: var(--pix-information-light);
}
.mission-card__container .area-code-2 {
  color: var(--pix-communication-dark);
}
.mission-card__container .area-code-2 .background {
  fill: var(--pix-communication-light);
}
.mission-card__container .area-code-3 {
  color: var(--pix-contenu-dark);
}
.mission-card__container .area-code-3 .background {
  fill: var(--pix-contenu-light);
}
.mission-card__container .area-code-4 {
  color: var(--pix-securite-dark);
}
.mission-card__container .area-code-4 .background {
  fill: var(--pix-securite-light);
}
.mission-card__container .area-code-5 {
  color: var(--pix-environnementnum-dark);
}
.mission-card__container .area-code-5 .background {
  fill: var(--pix-environnementnum-light);
}
.mission-card__container .status {
  position: absolute;
  top: 30px;
  left: 50%;
  width: fit-content;
  color: var(--pix-primary-500);
  font-weight: 700;
  font-size: var(--pix-spacing-4x);
  line-height: 21.82px;
  text-align: center;
  background: var(--pix-neutral-0);
  border: solid 2px var(--pix-primary-500);
  border-radius: 4px;
  transform: translate(-50%);
}
.mission-card__container .status--completed {
  color: var(--pix-success-500);
  border: none;
}
.mission-card__container .status p {
  padding: var(--pix-spacing-1x) var(--pix-spacing-4x);
}
.mission-card__container .started-icon {
  position: absolute;
  top: -32px;
  left: 164px;
}
.mission-card__container .mission-card-bottom {
  margin-top: var(--pix-spacing-2x);
}
.mission-card__container .mission-card-bottom .mission-name {
  min-height: 62px;
  margin-bottom: var(--pix-spacing-3x);
  text-align: center;
}
.mission-card__container .mission-card-bottom .mission-name p {
  white-space: break-spaces;
}
.mission-card__container .mission-card-bottom .fake-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  width: 140px;
  height: 40px;
  margin: auto;
  padding: var(--pix-spacing-3x) var(--pix-spacing-8x);
  color: var(--pix-primary-500);
  border: 1px solid var(--pix-primary-500);
  border-radius: 100px;
}
.mission-card__container .mission-icon {
  position: absolute;
  top: 85px;
  right: 0;
  left: 0;
  text-align: center;
}
.mission-card__container .mission-icon .icon {
  width: 121px;
  height: 112px;
}
.mission-card__container .mission-icon-default {
  position: absolute;
  top: 100px;
  right: 0;
  left: 0;
}
.mission-card__container .mission-icon--completed {
  position: absolute;
  top: 130px;
  left: 50%;
  transform: translate(-50%);
}
.mission-card__container .completed-mission-card-bottom {
  position: absolute;
  bottom: var(--pix-spacing-8x);
  left: 50%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  width: 200px;
  height: 62px;
  transform: translate(-50%);
}
.mission-card__container .completed-mission-card-bottom p {
  color: var(--pix-neutral-0);
  font-weight: 800;
  font-size: 22.38px;
  line-height: normal;
  white-space: break-spaces;
  text-align: center;
}

.bubble-container {
  display: flex;
  margin-bottom: 8px;
}

.bubble {
  position: relative;
  width: fit-content;
  height: fit-content;
  margin-right: 16px;
  margin-left: 8px;
  padding: 8px 20px;
  font-size: 1.4rem;
  text-align: left;
  background-color: var(--pix-primary-100);
  border-radius: 16px 16px 16px 0;
}
@media (max-width: 1194px) {
  .bubble {
    font-size: 1.25rem;
  }
}
.bubble ul, .bubble ol {
  padding: revert;
}
.bubble ul {
  list-style-type: disc;
}
.bubble ol {
  list-style-type: decimal;
}
.bubble a {
  color: var(--pix-primary-700);
  text-decoration: underline;
}
.bubble a:active, .bubble a:focus, .bubble a:hover {
  color: var(--pix-primary-700);
}
.bubble a:not(.internal-link)::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0 0.2rem;
  background-image: url("/images/icons/external-link-alt.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  content: "";
}
.bubble::after {
  position: absolute;
  bottom: 0;
  left: -7px;
  display: block;
  width: 0;
  border-color: transparent var(--pix-primary-100);
  border-style: solid;
  border-width: 12px 8px 0 0;
  content: "";
}
.bubble--success {
  background-color: var(--pix-success-100);
}
.bubble--success::after {
  border-color: transparent var(--pix-success-100);
}
.bubble--warning {
  background-color: var(--pix-secondary-100);
}
.bubble--warning::after {
  border-color: transparent var(--pix-secondary-100);
}
.bubble--error {
  background-color: var(--pix-error-100);
}
.bubble--error::after {
  border-color: transparent var(--pix-error-100);
}

.card-wrapper {
  height: fit-content;
  padding: var(--pix-spacing-4x);
  background-color: var(--pix-neutral-0);
  border-radius: 24px;
  box-shadow: 0 0 1px 0 var(--pix-primary-500), 8px 8px 32px -8px rgba(63, 125, 216, 0.35);
}

.footer {
  margin: 0.5rem 0 0 3rem;
}
.footer .footer-navigation__list {
  display: flex;
  flex-wrap: wrap;
}
.footer .footer-navigation__item {
  display: inline-block;
  padding: 0 12px 6px 0;
  color: #505F79;
  font-size: 0.8125rem;
  font-family: "Roboto", Arial, sans-serif;
  line-height: 1.375rem;
  letter-spacing: 0.009rem;
}
.footer .footer-navigation__item:focus {
  color: #5E6C84;
  text-decoration: none;
}
.footer .footer-navigation__item:hover {
  color: #0D25B3;
  text-decoration: none;
  cursor: pointer;
}

.issue {
  display: flex;
  align-items: center;
  width: 100%;
  height: 85vh;
}
.issue .blob {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15%;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.issue .robot-speaking {
  z-index: 2;
  width: 100%;
}
.issue .robot-speaking__logo {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 196px;
  max-height: unset;
}
.issue .robot-speaking .bubbles {
  position: absolute;
  top: 35%;
  left: max(41%, 30% + 200px);
  margin-left: 0;
}
.issue .issue-buttons {
  position: absolute;
  bottom: 20%;
  left: max(60%, 30% + 200px);
  z-index: 3;
}
.issue .issue-button {
  width: 230px;
}
.issue .issue-button:nth-child(2) {
  margin-top: 20px;
}
.issue p {
  font-size: 1.5rem;
}

.issue-logo {
  position: absolute;
  bottom: 40px;
  align-self: center;
  width: 182px;
  height: 50px;
}

.identified-learner {
  display: flex;
  gap: var(--pix-spacing-3x);
  align-items: center;
  font-weight: var(--font-medium);
}
.identified-learner__informations {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.identified-learner__informations button {
  padding: 0;
}
.identified-learner__informations p {
  font-weight: var(--pix-font-bold);
  white-space: nowrap;
}
.identified-learner__icon {
  width: 40px;
  height: 40px;
  padding: var(--pix-spacing-1x);
  background-color: var(--pix-primary-300);
  border-radius: 50%;
  fill: var(--pix-neutral-0);
}

.oralization-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  color: var(--pix-primary-500);
  font-weight: 700;
  font-size: 1rem;
  line-height: 0.9;
}
.oralization-container button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  padding: 0;
  background-color: var(--pix-primary-500);
}
.oralization-container button svg {
  width: 100%;
  height: 30px;
  margin-left: 4px;
  fill: var(--pix-neutral-0);
}
.oralization-container button:focus {
  border: 2px solid var(--pix-primary-700);
}
.oralization-container--is-reading {
  color: var(--pix-primary-700);
}
.oralization-container--is-reading button {
  background-color: var(--pix-primary-700);
}
.oralization-container--is-reading button svg {
  margin-left: unset;
}

.robot-speaking {
  display: flex;
  width: 100%;
  margin-top: 20px;
}
@media (max-width: 1194px) {
  .robot-speaking {
    margin-top: 8px;
  }
}
.robot-speaking .bubbles {
  display: flex;
  flex-direction: column;
  justify-content: start;
  max-width: 80%;
  margin-left: 140px;
}
@media (max-width: 1194px) {
  .robot-speaking .bubbles {
    margin-left: 120px;
  }
}
.robot-speaking__logo {
  position: absolute;
  width: 128px;
  margin-top: -57px;
}
@media (max-width: 1194px) {
  .robot-speaking__logo {
    width: 106px;
    margin-top: -37px;
  }
}

.width-limited-content {
  display: flex;
  justify-content: center;
  width: 100%;
}
.width-limited-content__inner-content {
  width: 100%;
  max-width: 1440px;
}

.mission-introduction {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.mission-introduction .header_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.mission-introduction .button-actions__icon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  fill: var(--pix-neutral-0);
}
.mission-introduction__media {
  display: flex;
  justify-content: center;
  min-height: 400px;
  margin: var(--pix-spacing-4x) 140px;
  padding: var(--pix-spacing-4x);
  background-color: var(--pix-neutral-0);
  border-radius: 24px;
  box-shadow: 0 0 1px 0 var(--pix-primary-500), 8px 8px 32px -8px rgba(63, 125, 216, 0.35);
}
.mission-introduction__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--pix-spacing-4x);
  margin-right: 140px;
}
.mission-introduction__actions button:only-child {
  margin-left: auto;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 40px 145px;
}
@media (max-width: 1194px) {
  .cards {
    margin-left: 120px;
  }
}

.card {
  padding: 0;
  background-color: transparent;
  border-radius: 16px;
}
.card--loading {
  background-color: var(--pix-neutral-300);
  opacity: 0.2;
}

.pix-button.card:focus {
  border: solid 3px var(--pix-primary-700);
}
.pix-button.card:hover, .pix-button.card:focus, .pix-button.card:active, .pix-button.card:focus-visible {
  background-color: transparent;
}
.pix-button.card:hover .fake-button, .pix-button.card:focus .fake-button, .pix-button.card:active .fake-button, .pix-button.card:focus-visible .fake-button {
  color: var(--pix-neutral-0);
  background-color: var(--pix-primary-700);
}

.header_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mission-page {
  margin-top: 20px;
}
.mission-page .header_container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.mission-page__body {
  display: flex;
  margin-top: 16px;
  margin-left: 145px;
}
@media (max-width: 1194px) {
  .mission-page__body {
    margin-left: 125px;
  }
}
.mission-page__details {
  display: flex;
  flex-direction: column;
  margin-top: 43px;
  margin-right: 40px;
  margin-left: 25px;
  text-align: left;
}
.mission-page__details .details-action {
  width: fit-content;
  margin-top: 32px;
  padding: 16px 32px 16px 40px;
  font-size: 18px;
  border-radius: 100px;
}
.mission-page__details .details-action__icon {
  width: 25px;
  height: 25px;
  margin-left: 10px;
  fill: var(--pix-neutral-0);
}
.mission-page__details .details-action__loader {
  display: none;
}
.mission-page__details .details-action__loader--visible {
  width: 200px;
  height: 58px;
}
.mission-page__details .details-go-back {
  margin-bottom: 21px;
  color: var(--pix-primary-700);
  text-decoration: underline;
}
.mission-page__details .details-list {
  margin-left: 30px;
}
.mission-page__details .details-list img {
  width: 21px;
  margin: 4px;
}
.mission-page__details .details-list--with-bullet {
  display: list-item;
  list-style-type: disc;
}
.mission-page__details .details-list--with-image {
  display: flex;
  align-items: flex-start;
}
.mission-page__details .details-list__title {
  margin-bottom: 16px;
  font-weight: 800;
  font-size: 18px;
}
.mission-page__details .details-list__title--big {
  font-size: 28px;
}
.mission-page__details .details-list__item {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 8px;
}
.mission-page__details .details-list__item p {
  line-height: 28px;
}
.mission-page__details .details-list__item .icon {
  color: var(--pix-primary-500);
}

.pix-button.pix1d-button.details-action .loader__not-visible-text {
  height: 20px;
}

.loading-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.loading-page .loader {
  display: inline-block;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border: 5px solid var(--pix-neutral-0);
  border-bottom-color: var(--pix-primary-500);
  border-radius: 50%;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.school-code {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  margin-left: 3rem;
}
.school-code p, .school-code label, .school-code a {
  width: fit-content;
}
.school-code__welcome-with-bubble {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.school-code__welcome {
  font-weight: 800;
}
.school-code__instructions {
  font-size: 1.5rem;
}
.school-code__label {
  margin-top: 60px;
}
.school-code__input {
  display: flex;
  padding-top: var(--pix-spacing-4x);
}
.school-code__pix-code {
  border: solid 1px var(--pix-neutral-100);
  border-radius: var(--pix-spacing-2x);
}
.school-code__rotated-bubble {
  align-self: flex-end;
  width: fit-content;
  height: fit-content;
  margin-bottom: 30px;
  padding: 12px 24px;
  color: var(--pix-primary-900);
  font-size: 1.5rem;
  text-align: left;
  background-color: var(--pix-secondary-500);
  border-radius: 16px;
  transform: rotate(-8deg);
}
.school-code__rotated-bubble::after {
  position: absolute;
  bottom: -14px;
  left: 20px;
  display: block;
  width: 0;
  border-color: transparent var(--pix-secondary-500);
  border-style: solid;
  border-width: 0px 0px 15px 25px;
  content: "";
}
.school-code .pix1d-button {
  width: 215px;
  margin-top: 24px;
  margin-bottom: 64px;
  padding: 16px 40px;
  font-size: 1.125rem;
}
.school-code .logos {
  display: flex;
  gap: var(--pix-spacing-6x);
  margin-top: 73px;
  margin-bottom: 20px;
}
.school-code .logo {
  height: 80px;
}
@media (min-width: 1195px) {
  .school-code {
    margin-top: 30px;
  }
  .school-code .logos {
    gap: var(--pix-spacing-8x);
    margin-top: 149px;
    margin-bottom: 16px;
  }
  .school-code .logo {
    height: 112px;
  }
}

.school {
  margin-left: 3rem;
}
.school .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 300px;
  margin: 16px auto 0 130px;
}
@media (max-width: 1194px) {
  .school .list {
    margin-left: 115px;
  }
}
.school .list__students {
  justify-content: normal;
  min-height: 0;
}
.school .list .students__item {
  width: 190px;
  height: 55px;
  margin: 12px;
  color: var(--pix-neutral-900);
  font-size: 1.125rem;
  background: var(--pix-neutral-0);
  border-radius: 30px;
  box-shadow: 0 0 1px 0 var(--pix-primary-500), 8px 8px 32px -8px rgba(61, 104, 255, 0.2);
}
.school .list .students__item p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.school .list .divisions__item {
  width: 190px;
  height: 190px;
  margin: 12px;
  color: var(--pix-neutral-900);
  text-align: center;
  background-color: var(--pix-neutral-0);
  background-image: url("/images/division.svg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 30px;
  background-size: 145px;
  border-radius: 24px;
  box-shadow: 0 0 1px 0 var(--pix-primary-500), 8px 8px 32px -8px rgba(61, 104, 255, 0.2);
}
.school .list .divisions__item .item__title {
  position: relative;
  top: 138px;
  left: 5%;
  display: -webkit-box;
  width: 90%;
  overflow: hidden;
  font-weight: 800;
  text-overflow: ellipsis;
  word-break: normal;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1195px) {
  .school .list .divisions__item {
    width: 240px;
    height: 240px;
    background-position-y: 50px;
    background-size: 155px;
  }
  .school .list .divisions__item .item__title {
    position: relative;
    top: 175px;
  }
}

.pix-button.students__item:hover, .pix-button.students__item:active, .divisions__item:hover, .divisions__item:active {
  background-color: var(--pix-primary-50);
}
.pix-button.students__item:focus, .pix-button.students__item:focus-visible, .divisions__item:focus, .divisions__item:focus-visible {
  background-color: var(--pix-primary-50);
  outline: 2px solid var(--pix-primary-300);
  outline-offset: 0;
}

.feedback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.feedback img {
  width: 185px;
}
.feedback button {
  width: fit-content;
  margin-top: 46px;
  margin-left: 190px;
}
.feedback .robot-speaking {
  width: fit-content;
}
.feedback .robot-speaking .bubbles {
  margin-left: 190px;
}

body {
  color: var(--pix-neutral-900);
  font-weight: 600;
  font-family: "Nunito", sans-serif;
  background: rgba(236, 242, 251, 0.2);
}

b {
  font-weight: bold;
}

.app {
  margin: 24px;
}
.app main {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 48px);
}
/*@ sourceMappingURL=junior.css.map*/