@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-extrabold.otf) format("opentype");font-weight:400;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Gilroy;src:url(https://jojoschool-cdn.azureedge.net/assets/gilroy-bold.otf) format("opentype");font-weight:700;font-style:normal;letter-spacing:.015em;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Soleil;src:url(https://jojoschool-cdn.azureedge.net/assets/soleil-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:export{animationDurationQuick:.2s;animationDurationNormal:.35s;animationDurationSlow:.6s;animationTimingEaseInOut:ease-in-out;animationTimingEaseOut:ease-out}@keyframes skeleton-loading{0%{background-color:#f6f8fd}to{background-color:#e5e5e5}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.level-grade-selector{display:flex;gap:.25rem .5rem;position:relative;flex-wrap:wrap;width:-moz-fit-content;width:fit-content}.level-grade-selector--vertical{flex-direction:column}.level-grade-selector--bordered{border:1px solid rgb(217,217,217);padding:.75rem;background-color:#fff;border-radius:.25rem}.level-grade-selector--error{border-color:#ff1a1a}.level-grade-selector__special-buttons{display:flex;gap:.25rem;flex-wrap:wrap}.level-grade-selector--empty{grid-template-columns:1fr;grid-template-rows:1fr;place-items:center}.level-grade-selector__levelgrade{display:flex;border-radius:3.125rem;padding:.25rem;border:1px solid rgb(217,217,217);flex-wrap:nowrap;width:-moz-fit-content;width:fit-content}.level-grade-selector__levelgrade--VMBO{background-color:#e9faec}.level-grade-selector__levelgrade--HAVO{background-color:#ffece5}.level-grade-selector__levelgrade--VWO{background-color:#f8e9fa}.level-grade-selector__levelgrade--All,.level-grade-selector__levelgrade--OB-BB{background-color:#f6f8fd}.level-grade-selector__level__wrapper{cursor:pointer;overflow:hidden;height:1.375rem;margin-right:0;display:flex}.level-grade-selector__level__button{border-radius:3.125rem;height:100%}.level-grade-selector__level__button--vertical{min-width:3.25rem}.level-grade-selector__level__button--VMBO{background-color:#41d656}.level-grade-selector__level__button--HAVO{background-color:#ff5b1a}.level-grade-selector__level__button--VWO{background-color:#7f19e6}.level-grade-selector__level__button--All{background-color:#3b65de;display:flex;align-items:center;justify-content:center}.level-grade-selector__level__button--All svg{fill:#fff;width:1rem}.level-grade-selector__level__button--OB-BB{font-family:Gilroy,sans-serif;font-weight:400;background-color:#3b65de;display:flex;align-items:center;justify-content:center;color:#fff;padding:.5rem}.level-grade-selector__level__title{margin:0;align-self:center;color:#fff;font-size:1rem;text-transform:lowercase;height:100%}.level-grade-selector__grades{display:flex;align-items:center;gap:.1875rem}.level-grade-selector__grade{display:grid;place-items:center;width:1.375rem;height:1.375rem;cursor:pointer;border-radius:3.125rem;color:#0f235c;font-family:Gilroy,sans-serif;font-weight:400}.level-grade-selector__grade--selected--VMBO{background-color:#41d656;color:#fff}.level-grade-selector__grade--selected--HAVO{background-color:#ff5b1a;color:#fff}.level-grade-selector__grade--selected--VWO{background-color:#7f19e6;color:#fff}.level-grade-selector__grade--VMBO:hover{background-color:#41d656;color:#fff}.level-grade-selector__grade--HAVO:hover{background-color:#ff5b1a;color:#fff}.level-grade-selector__grade--VWO:hover{background-color:#7f19e6;color:#fff}.level-grade-selector__disabled-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f2f5;opacity:.5;border-radius:.5rem}