:root{--primary: #64ab2e;--primary-alt-1: #7AA03C;--primary-alt-2: #5f8f35;--primary-dark: green;--primary-gradient: linear-gradient(to bottom, #88b344, #779c3b);--primary-hover: #88b344;--secondary: #db9b19;--secondary-light: #F5B133;--secondary-lightest: #fff9a0;--tertiary: #4fa6cf;--tertiary-gradient: linear-gradient(to bottom, #6598b0, #59889e);--tertiary-lightest: #6ecbff;--text: #3c4e58;--text-light: #fff;--text-dark: #000;--text-alt-1: #4fa6cf;--text-alt-2: #40454D;--text-alt-3: rgb(26 115 232);--text-alt-4: #e6f0fc;--text-alt-5: #51341f;--text-alt-6: rgb(29, 47, 47);--text-alt-7: #CED3D9;--text-alt-8: #9da6ab;--lesson-story-text: #426d80;--text-opaque: #808080;--chat: #abb3be;--vote: #ebedf0;--link: #4fa6cf;--link-alt-2: #F8F9FA;--link-hover: #005580;--button-hover: #88b344;--border: #CED3D9;--border-alt-1: #cccccc;--border-alt-2: #dcdcdc;--border-alt-3: #DDE0E5;--border-alt-4: #6a6661;--radio-button-border: #c3c3c3;--checkbox-border: #c3c3c3;--section-break: rgba(0 0 0 /0.15);--range: rgba(0 0 0 /0.15);--border-secondary: #c4e5f4;--border-tertiary: #517e8f;--border-quaternary: #d3e9f3;--disabled: #eee;--disabled-text: #c3c3c3;--background: #b7dbeb;--background-alt-1: #eff8fc;--background-alt-2: #f3f3f3;--background-alt-3: #f5f5f5;--background-alt-4: #0B346A;--background-alt-5: #d5edfb;--background-alt-6: rgb(230, 230, 230);--background-alt-7: #F4F1F1;--background-alt-8: #EFF7FB;--background-alt-9: #F8F9FA;--background-hover: #edf6fa;--background-hover-alt-2: rgba(125, 138, 154, 0.16);--background-hover-alt-3: rgba(20, 90, 182, 0.16);--background-hover-alt-4: #1458b3;--menu-button-hover: rgba(20, 90, 182, 0.24);--background-opaque: rgba(0, 0, 0, 0.4);--background-gradient: linear-gradient(to bottom, #fafafa, #f3f3f3);--progress: rgba(0, 0, 0, .05);--progress-alt: #bfd2a1;--progress-active: #9dcf4e;--progress-active-alt: #426d80;--dot: #e6e6e6;--breadcrumbs-chevron: #52A7CF;--speech-bubble: #eff8fc;--speech-bubble-point: #99d2ec;--background-lightest: #fff;--font-stack: "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--duration: .3s;--search: #7d8a9a;--border-radius: 3rem;--border-radius-round: 50%;--button-box-shadow: rgba(198, 195, 150, 0.25) 0px 0.0625rem 0.0625rem, rgba(79, 166, 207, 0.6) 0px 0px 0px 0px;--card-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 5px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.08);--box-shadow-inset: inset 0 .1rem .2rem 0 #c6c3be;--on-focus: #a7d3e7;--box-shadow-on-focus: inset 0 .1rem .2rem 0 #a7d3e7;--dropdown-box-shadow: 0 .1rem .1rem 0 rgba(198, 195, 190, 0.25);--toggle-box-shadow: inset 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 4px 5px 0 rgba(0, 0, 0, 0.06), inset 0 1px 10px 0 rgba(0, 0, 0, 0.08);--accordion-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px -1px, rgba(0, 0, 0, 0.06) 0px 4px 5px 0px, rgba(0, 0, 0, 0.08) 0px 1px 10px 0px;--login-card-shadow: 0 1rem 3rem 0 rgba(60, 78, 88, 0.3);--profile-dropdown-shadow: .2rem .2rem 1rem rgba(0 0 0 /0.25);--gap-sm:.5rem;--gap-md: 2rem;--gap-lg: 4rem;--close: #ec5a48;--close-light: rgba(236, 90, 72, 0.15);--overlay: rgba(0, 0, 0, 0.75);--overlay-alt-2: rgba(56, 63, 72, 0.5);--modal-config-yellow: rgb(255, 248, 165);--notification: rgb(226, 241, 202);--notification-info: #eff8fc;--notification-error: rgb(249, 223, 219);--select-active: rgb(38, 132, 255);--select-hover: rgb(222, 235, 255);--checkbox: #d9d9d9;--checkbox-checked: rgb(104, 165, 203);--dropdown-label: #808080;--tooltip: #2c383f;view-transition-name:root;--theme-background-orange: #FFD4A7;--theme-text-orange: #b77114;--theme-background-red: #fad5d2;--theme-text-red: #b71f14;--theme-background-green: #aff7b4;--theme-text-green: #11991a;--theme-background-blue: #cbdff9;--theme-text-blue:#145ab6;--theme-background-indigo: #d7d4fa;--theme-text-indigo: #1f14b6;--theme-background-pink:#fad3e4;--theme-text-pink: #b8145b;--theme-background-teal: #cbf9e5;--theme-text-teal: #14b871;--theme-background-gray: #ebedf0;--theme-text-gray: #7d8a9a;--header-height: 6rem}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:300;src:url("../fonts/ubuntu-v21-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:400;src:url("../fonts/ubuntu-v21-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:italic;font-weight:400;src:url("../fonts/ubuntu-v21-latin-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:500;src:url("../fonts/ubuntu-v21-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Ubuntu";font-style:normal;font-weight:700;src:url("../fonts/ubuntu-v21-latin-700.woff2") format("woff2")}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-stack);font-weight:500}h1{font-size:2.5rem;line-height:3rem}h2{font-size:2rem;line-height:2.7rem}h3{font-size:1.8rem;line-height:2.5rem}h4{font-size:1.8rem;line-height:2.5rem}.is-style-font-open-sans{font-family:"Open Sans",sans-serif !important}a{color:var(--link);-webkit-transition:color var(--duration) ease,background-color var(--duration) ease;-moz-transition:color var(--duration) ease,background-color var(--duration) ease;-ms-transition:color var(--duration) ease,background-color var(--duration) ease;-o-transition:color var(--duration) ease,background-color var(--duration) ease;transition:color var(--duration) ease,background-color var(--duration) ease}a:hover,a:focus{color:var(--link-hover)}.block-button-container,.button-group{display:flex;flex-wrap:wrap;gap:1rem 3rem}.block-button-container.align-center,.button-group.align-center{justify-content:center}.block-button-container.align-right,.button-group.align-right{justify-content:end}.block-button-container.space-between,.button-group.space-between{width:100%;justify-content:space-between}@media screen and (max-width: 991px){.block-button-container.space-between-mob,.button-group.space-between-mob{width:100%;justify-content:space-between}}.button,button.button,button[type=button].button{display:inline-flex;gap:.8rem;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:.1rem solid rgba(0,0,0,0);margin:0;cursor:pointer;font-size:1.6rem;font-weight:500;padding:0 .8rem;min-height:3.5rem;border-radius:.3rem;position:relative;text-align:center;text-decoration:none;vertical-align:middle;transition:all var(--duration) ease-in-out;color:var(--text-light);box-shadow:var(--button-box-shadow)}.button svg,button.button svg,button[type=button].button svg{transition:all var(--duration) ease-in-out}@media screen and (min-width: 768px){.button,button.button,button[type=button].button{width:fit-content}}.button:hover,.button:focus,button.button:hover,button.button:focus,button[type=button].button:hover,button[type=button].button:focus{color:var(--text-light)}.button.primary,.button.hulpkaart,button.button.primary,button.button.hulpkaart,button[type=button].button.primary,button[type=button].button.hulpkaart{background:var(--primary-gradient),var(--button-hover);border-color:var(--primary)}.button.primary:hover,.button.primary:focus,.button.hulpkaart:hover,.button.hulpkaart:focus,button.button.primary:hover,button.button.primary:focus,button.button.hulpkaart:hover,button.button.hulpkaart:focus,button[type=button].button.primary:hover,button[type=button].button.primary:focus,button[type=button].button.hulpkaart:hover,button[type=button].button.hulpkaart:focus{background:var(--button-hover);color:var(--text-light)}.button.secondary,.button.download,button.button.secondary,button.button.download,button[type=button].button.secondary,button[type=button].button.download{--button-hover: #6598b0;background:var(--tertiary-gradient),var(--button-hover);border-color:var(--border-tertiary)}.button.secondary svg use,.button.download svg use,button.button.secondary svg use,button.button.download svg use,button[type=button].button.secondary svg use,button[type=button].button.download svg use{fill:var(--background-lightest)}.button.secondary:hover,.button.secondary:focus,.button.download:hover,.button.download:focus,button.button.secondary:hover,button.button.secondary:focus,button.button.download:hover,button.button.download:focus,button[type=button].button.secondary:hover,button[type=button].button.secondary:focus,button[type=button].button.download:hover,button[type=button].button.download:focus{background:var(--button-hover);color:var(--text-light)}.button.tertiary,button.button.tertiary,button[type=button].button.tertiary{background:var(--tertiary);border-color:var(--tertiary);color:#fff}.button.outlined,.button.reaction,.button.plaats-reactie-btn,button.button.outlined,button.button.reaction,button.button.plaats-reactie-btn,button[type=button].button.outlined,button[type=button].button.reaction,button[type=button].button.plaats-reactie-btn{--button-hover: #eaecef;border:.1rem solid var(--border);color:var(--text-alt-3);font-size:1.3rem;background:var(--background-lightest)}.button.outlined:hover,.button.outlined:focus,.button.reaction:hover,.button.reaction:focus,.button.plaats-reactie-btn:hover,.button.plaats-reactie-btn:focus,button.button.outlined:hover,button.button.outlined:focus,button.button.reaction:hover,button.button.reaction:focus,button.button.plaats-reactie-btn:hover,button.button.plaats-reactie-btn:focus,button[type=button].button.outlined:hover,button[type=button].button.outlined:focus,button[type=button].button.reaction:hover,button[type=button].button.reaction:focus,button[type=button].button.plaats-reactie-btn:hover,button[type=button].button.plaats-reactie-btn:focus{background:var(--button-hover)}.button.link,button.button.link,button[type=button].button.link{color:var(--tertiary);min-width:fit-content;font-weight:400;box-shadow:none}.button.link:focus,.button.link:hover,button.button.link:focus,button.button.link:hover,button[type=button].button.link:focus,button[type=button].button.link:hover{text-decoration:underline}.button.card-button-next,.button.card-button-previous,.button.card-button-finish,.button.sentences-swiper-prev,.button.sentences-swiper-next,button.button.card-button-next,button.button.card-button-previous,button.button.card-button-finish,button.button.sentences-swiper-prev,button.button.sentences-swiper-next,button[type=button].button.card-button-next,button[type=button].button.card-button-previous,button[type=button].button.card-button-finish,button[type=button].button.sentences-swiper-prev,button[type=button].button.sentences-swiper-next{background:var(--tertiary);padding:3rem .5rem;position:absolute;border-radius:0;top:30rem;z-index:4}.button.card-button-next,.button.card-button-finish,.button.sentences-swiper-next,button.button.card-button-next,button.button.card-button-finish,button.button.sentences-swiper-next,button[type=button].button.card-button-next,button[type=button].button.card-button-finish,button[type=button].button.sentences-swiper-next{right:0;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem}.button.card-button-next:hover,.button.card-button-next:focus,.button.card-button-finish:hover,.button.card-button-finish:focus,.button.sentences-swiper-next:hover,.button.sentences-swiper-next:focus,button.button.card-button-next:hover,button.button.card-button-next:focus,button.button.card-button-finish:hover,button.button.card-button-finish:focus,button.button.sentences-swiper-next:hover,button.button.sentences-swiper-next:focus,button[type=button].button.card-button-next:hover,button[type=button].button.card-button-next:focus,button[type=button].button.card-button-finish:hover,button[type=button].button.card-button-finish:focus,button[type=button].button.sentences-swiper-next:hover,button[type=button].button.sentences-swiper-next:focus{padding-inline:1.8rem}.button.card-button-next:hover svg,.button.card-button-next:focus svg,.button.card-button-finish:hover svg,.button.card-button-finish:focus svg,.button.sentences-swiper-next:hover svg,.button.sentences-swiper-next:focus svg,button.button.card-button-next:hover svg,button.button.card-button-next:focus svg,button.button.card-button-finish:hover svg,button.button.card-button-finish:focus svg,button.button.sentences-swiper-next:hover svg,button.button.sentences-swiper-next:focus svg,button[type=button].button.card-button-next:hover svg,button[type=button].button.card-button-next:focus svg,button[type=button].button.card-button-finish:hover svg,button[type=button].button.card-button-finish:focus svg,button[type=button].button.sentences-swiper-next:hover svg,button[type=button].button.sentences-swiper-next:focus svg{padding-left:.2rem}.button.card-button-finish,button.button.card-button-finish,button[type=button].button.card-button-finish{right:0;background:var(--primary-gradient),var(--button-hover);border-color:var(--primary)}.button.card-button-finish svg use,button.button.card-button-finish svg use,button[type=button].button.card-button-finish svg use{--icon-color: var(--background-lightest)}.button.card-button-previous,.button.sentences-swiper-prev,button.button.card-button-previous,button.button.sentences-swiper-prev,button[type=button].button.card-button-previous,button[type=button].button.sentences-swiper-prev{left:0;border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.button.card-button-previous:hover,.button.card-button-previous:focus,.button.sentences-swiper-prev:hover,.button.sentences-swiper-prev:focus,button.button.card-button-previous:hover,button.button.card-button-previous:focus,button.button.sentences-swiper-prev:hover,button.button.sentences-swiper-prev:focus,button[type=button].button.card-button-previous:hover,button[type=button].button.card-button-previous:focus,button[type=button].button.sentences-swiper-prev:hover,button[type=button].button.sentences-swiper-prev:focus{padding-inline:1.8rem}.button.card-button-previous:hover svg,.button.card-button-previous:focus svg,.button.sentences-swiper-prev:hover svg,.button.sentences-swiper-prev:focus svg,button.button.card-button-previous:hover svg,button.button.card-button-previous:focus svg,button.button.sentences-swiper-prev:hover svg,button.button.sentences-swiper-prev:focus svg,button[type=button].button.card-button-previous:hover svg,button[type=button].button.card-button-previous:focus svg,button[type=button].button.sentences-swiper-prev:hover svg,button[type=button].button.sentences-swiper-prev:focus svg{padding-right:.2rem}.button.disabled,button.button.disabled,button[type=button].button.disabled{box-shadow:0 .1rem .1rem rgba(198,195,150,.25),0 0 0 rgba(79,166,207,.6);background:linear-gradient(#f4f1f1, #eae8e7);color:#c5c1be;border-color:#d9d9d9;pointer-events:none;cursor:not-allowed}.button.toc-button,.button.cancel,button.button.toc-button,button.button.cancel,button[type=button].button.toc-button,button[type=button].button.cancel{border:.1rem solid var(--border);box-shadow:var(--button-box-shadow);background:var(--background-gradient, var(--background-alt-2))}.button.toc-button svg use,.button.cancel svg use,button.button.toc-button svg use,button.button.cancel svg use,button[type=button].button.toc-button svg use,button[type=button].button.cancel svg use{fill:var(--tertiary)}.button.toc-button:hover,.button.toc-button:focus,.button.cancel:hover,.button.cancel:focus,button.button.toc-button:hover,button.button.toc-button:focus,button.button.cancel:hover,button.button.cancel:focus,button[type=button].button.toc-button:hover,button[type=button].button.toc-button:focus,button[type=button].button.cancel:hover,button[type=button].button.cancel:focus{background:var(--background-alt-2)}.button.cancel svg use,button.button.cancel svg use,button[type=button].button.cancel svg use{fill:var(--text)}.button.cancel-comment-btn,button.button.cancel-comment-btn,button[type=button].button.cancel-comment-btn{font-size:1.6rem}.button.light,button.button.light,button[type=button].button.light{border:.1rem solid var(--border);box-shadow:var(--button-box-shadow);background:var(--background-gradient, var(--background-alt-2));color:var(--tertiary)}.button.light svg use,button.button.light svg use,button[type=button].button.light svg use{fill:var(--tertiary)}.button.light:hover,.button.light:focus,button.button.light:hover,button.button.light:focus,button[type=button].button.light:hover,button[type=button].button.light:focus{background:var(--background-alt-2)}.button.login,.button.invite,.button.new-message,.button.remove-message,button.button.login,button.button.invite,button.button.new-message,button.button.remove-message,button[type=button].button.login,button[type=button].button.invite,button[type=button].button.new-message,button[type=button].button.remove-message{background:var(--text-alt-3);color:var(--text-light);width:100%;font-size:1.3rem}.button.login:hover,.button.login:focus,.button.invite:hover,.button.invite:focus,.button.new-message:hover,.button.new-message:focus,.button.remove-message:hover,.button.remove-message:focus,button.button.login:hover,button.button.login:focus,button.button.invite:hover,button.button.invite:focus,button.button.new-message:hover,button.button.new-message:focus,button.button.remove-message:hover,button.button.remove-message:focus,button[type=button].button.login:hover,button[type=button].button.login:focus,button[type=button].button.invite:hover,button[type=button].button.invite:focus,button[type=button].button.new-message:hover,button[type=button].button.new-message:focus,button[type=button].button.remove-message:hover,button[type=button].button.remove-message:focus{background:var(--background-hover-alt-4)}.button.remove-message,button.button.remove-message,button[type=button].button.remove-message{border-color:var(--background-alt-9);background:var(--background-alt-9);color:var(--text-alt-3)}.button.remove-message:hover,.button.remove-message:focus,button.button.remove-message:hover,button.button.remove-message:focus,button[type=button].button.remove-message:hover,button[type=button].button.remove-message:focus{background:var(--background-hover-alt-2)}.button.invite,button.button.invite,button[type=button].button.invite{width:fit-content;padding:0 .5rem}.button.external,button.button.external,button[type=button].button.external{width:100%;padding:2rem;background:var(--link-alt-2);color:var(--text-alt-3)}.button.external svg use,button.button.external svg use,button[type=button].button.external svg use{--icon-color: var(--text-alt-3)}.button.admin-button,button.button.admin-button,button[type=button].button.admin-button{padding:1rem;color:var(--text-alt-3);background:var(--background-lightest);box-shadow:var(--profile-dropdown-shadow);border-radius:.4rem}.button.admin-button svg use,button.button.admin-button svg use,button[type=button].button.admin-button svg use{--icon-color: var(--text-alt-3)}.button.admin-button.with-hover:hover,.button.admin-button.with-hover:focus,button.button.admin-button.with-hover:hover,button.button.admin-button.with-hover:focus,button[type=button].button.admin-button.with-hover:hover,button[type=button].button.admin-button.with-hover:focus{background:var(--background-hover)}.button.admin-button.no-shadow,button.button.admin-button.no-shadow,button[type=button].button.admin-button.no-shadow{box-shadow:none}.button.admin-button.no-shadow:hover,.button.admin-button.no-shadow:focus,button.button.admin-button.no-shadow:hover,button.button.admin-button.no-shadow:focus,button[type=button].button.admin-button.no-shadow:hover,button[type=button].button.admin-button.no-shadow:focus{background:var(--background-hover-alt-2)}.button.admin-button-outlined,button.button.admin-button-outlined,button[type=button].button.admin-button-outlined{padding:1rem;color:var(--text-alt-3);background:var(--background-lightest);border-radius:.4rem;font-weight:400;font-size:1.4rem;box-shadow:none;border:.1rem solid var(--border)}.button.admin-button-outlined svg use,button.button.admin-button-outlined svg use,button[type=button].button.admin-button-outlined svg use{--icon-color: var(--text-alt-3)}.button.admin-button-outlined:hover,.button.admin-button-outlined:focus,button.button.admin-button-outlined:hover,button.button.admin-button-outlined:focus,button[type=button].button.admin-button-outlined:hover,button[type=button].button.admin-button-outlined:focus{background:var(--background-hover-alt-2)}.button.notification-action-button,button.button.notification-action-button,button[type=button].button.notification-action-button{padding:1rem;color:var(--text);background:var(--background-lightest);border-radius:.4rem;font-weight:400;box-shadow:none;font-size:1.4rem}.button.notification-action-button.notification-read-all,button.button.notification-action-button.notification-read-all,button[type=button].button.notification-action-button.notification-read-all{color:var(--text-alt-3)}.button.notification-action-button svg use,button.button.notification-action-button svg use,button[type=button].button.notification-action-button svg use{--icon-color: var(--text-alt-3)}.button.notification-action-button.active,button.button.notification-action-button.active,button[type=button].button.notification-action-button.active{color:var(--text-alt-3);background:var(--background-hover-alt-3);border-radius:.4rem;font-weight:500}.button.notification-action-button:hover,.button.notification-action-button:focus,button.button.notification-action-button:hover,button.button.notification-action-button:focus,button[type=button].button.notification-action-button:hover,button[type=button].button.notification-action-button:focus{background:var(--background-hover-alt-2)}.button.show-cards,button.button.show-cards,button[type=button].button.show-cards{width:100%;background:var(--background-alt-8);padding:0 1rem;box-shadow:none;color:var(--tertiary);font-weight:400;font-size:1.6rem}.button.archive-button,.button.flag-button,.button.delete-button,button.button.archive-button,button.button.flag-button,button.button.delete-button,button[type=button].button.archive-button,button[type=button].button.flag-button,button[type=button].button.delete-button{border-color:var(--text-alt-7)}.button.archive-button svg use,.button.flag-button svg use,.button.delete-button svg use,button.button.archive-button svg use,button.button.flag-button svg use,button.button.delete-button svg use,button[type=button].button.archive-button svg use,button[type=button].button.flag-button svg use,button[type=button].button.delete-button svg use{--icon-color: var(--text-alt-7)}.button.archive-button.active,.button.flag-button.active,.button.delete-button.active,button.button.archive-button.active,button.button.flag-button.active,button.button.delete-button.active,button[type=button].button.archive-button.active,button[type=button].button.flag-button.active,button[type=button].button.delete-button.active{background:var(--text-alt-7)}.button.archive-button.active svg use,.button.flag-button.active svg use,.button.delete-button.active svg use,button.button.archive-button.active svg use,button.button.flag-button.active svg use,button.button.delete-button.active svg use,button[type=button].button.archive-button.active svg use,button[type=button].button.flag-button.active svg use,button[type=button].button.delete-button.active svg use{--icon-color: var(--close)}.button.delete-button svg use,button.button.delete-button svg use,button[type=button].button.delete-button svg use{--icon-color: var(--text-alt-3)}.button.archive-button.active svg use,button.button.archive-button.active svg use,button[type=button].button.archive-button.active svg use{--icon-color: var(--text-alt-3)}.button.js-show-all-cards,button.button.js-show-all-cards,button[type=button].button.js-show-all-cards{--icon-color: var(--background-lightest)}.button.vote-btn,button.button.vote-btn,button[type=button].button.vote-btn{position:relative !important;display:inline-flex;align-items:center;gap:.5rem;border-color:var(--border);background:var(--background-lightest);color:var(--text);padding:.4rem;border-radius:.4rem}.button.vote-btn .dislike-count,.button.vote-btn .like-count,button.button.vote-btn .dislike-count,button.button.vote-btn .like-count,button[type=button].button.vote-btn .dislike-count,button[type=button].button.vote-btn .like-count{font-size:1.3rem}.button.vote-btn.btn-highlighted,button.button.vote-btn.btn-highlighted,button[type=button].button.vote-btn.btn-highlighted{background:var(--background-hover-alt-3)}.button.vote-btn.btn-highlighted .dislike-count,.button.vote-btn.btn-highlighted .like-count,button.button.vote-btn.btn-highlighted .dislike-count,button.button.vote-btn.btn-highlighted .like-count,button[type=button].button.vote-btn.btn-highlighted .dislike-count,button[type=button].button.vote-btn.btn-highlighted .like-count{color:var(--text-alt-3)}.button.vote-btn.btn-highlighted svg,button.button.vote-btn.btn-highlighted svg,button[type=button].button.vote-btn.btn-highlighted svg{--icon-color: var(--text-alt-3)}.button.vote-btn[disabled],.button.vote-btn.author-disabled,button.button.vote-btn[disabled],button.button.vote-btn.author-disabled,button[type=button].button.vote-btn[disabled],button[type=button].button.vote-btn.author-disabled{opacity:.8;cursor:not-allowed;pointer-events:none;background:var(--vote);box-shadow:none}input[type=submit].login{background:var(--text-alt-3);color:var(--text-light);width:100%;font-size:1.3rem;border-radius:0}input[type=submit].login:hover,input[type=submit].login:focus{border:0;background:var(--background-hover-alt-4)}.buttons-container{display:flex;gap:1rem;margin-top:3rem}.buttons-container.notification-list-actions{margin:0}.buttons-container.notification-list-actions .notification-read-all{margin-left:auto}.modal-close-button{appearance:none;display:flex;gap:.8rem;align-items:center;padding:.5rem 1rem;background:var(--close);cursor:pointer;font-size:1.6rem;font-weight:400;color:var(--text-light);transition:all var(--duration) ease;border:0;border-radius:.2rem}.modal-close-button span{display:block}.notification-amount{display:flex;background:var(--text-alt-3);border-radius:50%;color:var(--text-light);align-items:center;justify-content:center;line-height:100%;height:2.4rem;width:2.4rem}.message-is-new{color:var(--text-alt-3);font-weight:500;font-size:1.4rem}.margin-left-auto{margin-left:auto}.user-info{display:flex;align-items:center;gap:.8rem}.user-info .message-sender{margin:0}.user-info .message-published{font-size:1.4rem;line-height:normal;color:var(--text-opaque)}.user-info .reaction-icon{margin-left:auto}.user-info.small .message-sender{font-size:1.4rem;line-height:normal}.user-info.small .message-published{font-size:1.2rem}p,main ul,main ol,footer ul,footer ol{font-size:1.8rem;line-height:2.5rem;margin:0}p{font-weight:400}p:empty{display:none}.edited-text{display:block;padding:.8rem;color:var(--text-alt-8);text-decoration:none;transition:color .2s ease;font-size:1.4rem;font-weight:400}.has-inline-color.has-primary-color{color:var(--primary)}.has-inline-color.has-secondary-color{color:var(--secondary)}.has-inline-color.has-tertiary-color{color:var(--tertiary)}.has-primary-color{color:var(--primary)}.has-secondary-color{color:var(--secondary)}.has-tertiary-color{color:var(--tertiary)}.has-background-color{color:var(--background)}.has-background-lightest-color{color:var(--background-lightest)}.has-white-color{color:var(--white)}.has-transparent-color{color:var(--transparent)}pre{background:#202124;color:#fff;font-size:1.4rem;padding:1.5rem}hr{background:var(--section-break);margin:1rem 2rem;border:none;height:.1rem}hr.no-inline-margin{margin:1rem 0}dt{font-weight:600;margin-bottom:1rem}dd{margin:0}table{width:100%;border-collapse:collapse}.avatar{width:4rem;height:4rem;min-width:4rem;border-radius:.4rem;aspect-ratio:1/1;overflow:hidden;margin:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;text-transform:uppercase;background:#e0e0e0;color:var(--text)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar h3{line-height:normal}.avatar--initials{background:var(--theme-background-orange);color:var(--theme-text-orange)}.avatar--initials small.initials{font-size:1.6rem}.avatar--1,.avatar--orange{background:var(--theme-background-orange);color:var(--theme-text-orange)}.avatar--red{background:var(--theme-background-red);color:var(--theme-text-red)}.avatar--3,.avatar--green{background:var(--theme-background-green);color:var(--theme-text-green)}.avatar--4,.avatar--blue{background:var(--theme-background-blue);color:var(--theme-text-blue)}.avatar--indigo{background:var(--theme-background-indigo);color:var(--theme-text-indigo)}.avatar--pink{background:var(--theme-background-pink);color:var(--theme-text-pink)}.avatar--teal{background:var(--theme-background-teal);color:var(--theme-text-teal)}.avatar--gray,.avatar--grey{background:var(--theme-background-gray);color:var(--theme-text-gray)}.avatar.small{width:2.5rem;height:2.5rem;min-width:2.5rem}.avatar.small h3{font-size:1.1rem;margin:0}.avatar.round{border-radius:50%;width:3.2rem;height:3.2rem;min-width:3.2rem}.avatar.round h3{font-size:1.1rem;margin:0}.user-profile:has(.avatar.small img){width:2.5rem;height:2.5rem;min-width:2.5rem}html.off-canvas,html.off-canvas body{height:100%;overflow:hidden !important;position:relative}.menu-button{color:var(--text-alt-4);font-size:1.8rem;text-align:center;text-transform:uppercase}.menu-button #nav-toggle{display:flex;align-items:center;justify-content:center;appearance:none;border:0;background:none;border-radius:.4rem;padding:.8rem;margin-right:.8rem;cursor:pointer}.menu-button #nav-toggle svg use{fill:var(--text-alt-4)}.menu-button #nav-toggle:hover,.menu-button #nav-toggle:focus{background:var(--menu-button-hover)}nav{display:block;position:relative;width:100%}nav.breadcrumbs-nav{margin-top:auto;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 991px){nav.breadcrumbs-nav{display:none}}nav.breadcrumbs-nav .menu,nav.breadcrumbs-nav .user-menu{width:100%}nav.breadcrumbs-nav .menu ul,nav.breadcrumbs-nav .user-menu ul{display:flex;font-size:0;margin:0;padding:0;text-align:left}nav.breadcrumbs-nav .menu ul li,nav.breadcrumbs-nav .user-menu ul li{display:inline-flex;list-style-type:none;position:relative;vertical-align:middle;margin-right:.8rem;line-height:2.1rem}nav.breadcrumbs-nav .menu ul li a,nav.breadcrumbs-nav .menu ul li span,nav.breadcrumbs-nav .user-menu ul li a,nav.breadcrumbs-nav .user-menu ul li span{color:var(--text-alt-4);display:flex;align-items:center;white-space:nowrap;font-size:1.33rem;min-width:2.8rem;padding:2rem 1rem;font-weight:500;text-decoration:none;transition:all var(--duration) ease-in-out}nav.breadcrumbs-nav .menu ul li a:has(svg) svg,nav.breadcrumbs-nav .menu ul li span:has(svg) svg,nav.breadcrumbs-nav .user-menu ul li a:has(svg) svg,nav.breadcrumbs-nav .user-menu ul li span:has(svg) svg{margin-right:.8rem}nav.breadcrumbs-nav .menu ul li a:hover,nav.breadcrumbs-nav .menu ul li a:focus,nav.breadcrumbs-nav .user-menu ul li a:hover,nav.breadcrumbs-nav .user-menu ul li a:focus{text-decoration:underline}nav.breadcrumbs-nav .menu ul li .toggle-button,nav.breadcrumbs-nav .user-menu ul li .toggle-button{display:inline-block;font-size:1.5rem}nav.breadcrumbs-nav .menu ul li ul,nav.breadcrumbs-nav .user-menu ul li ul{display:flex;flex-direction:column;min-width:100%;position:absolute;text-align:left;z-index:200;left:-9999px;top:-9999px;width:.1rem;height:.1rem;overflow:hidden}nav.breadcrumbs-nav .menu ul li ul li,nav.breadcrumbs-nav .user-menu ul li ul li{display:block;border:0;text-align:left}nav.breadcrumbs-nav .menu ul li ul li.current-menu-item,nav.breadcrumbs-nav .user-menu ul li ul li.current-menu-item{background-color:var(--primary)}nav.breadcrumbs-nav .menu ul li:hover .toggle-button,nav.breadcrumbs-nav .menu ul li a:focus+.toggle-button,nav.breadcrumbs-nav .user-menu ul li:hover .toggle-button,nav.breadcrumbs-nav .user-menu ul li a:focus+.toggle-button{transform:scaleY(-1);-ms-transform:scaleY(-1);-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1)}nav.breadcrumbs-nav .menu ul li:hover ul,nav.breadcrumbs-nav .menu ul li a:focus+ul,nav.breadcrumbs-nav .menu ul li a:focus+.toggle-button+ul,nav.breadcrumbs-nav .menu ul li:focus-within ul,nav.breadcrumbs-nav .user-menu ul li:hover ul,nav.breadcrumbs-nav .user-menu ul li a:focus+ul,nav.breadcrumbs-nav .user-menu ul li a:focus+.toggle-button+ul,nav.breadcrumbs-nav .user-menu ul li:focus-within ul{top:100%;left:0;width:auto;height:auto}nav.breadcrumbs-nav .menu ul li:not(:first-child)::before,nav.breadcrumbs-nav .user-menu ul li:not(:first-child)::before{display:inline-block;content:"";background-image:url(../svg/breadcrumbs-arrow.svg);background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0);background-size:100%;color:var(--breadcrumbs-chevron);height:100%;width:1.2rem;margin-right:1.6rem;flex-basis:1.2rem}nav.breadcrumbs-nav .user-menu{width:fit-content}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item){justify-content:flex-end;min-width:20rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) a,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .button{color:var(--text);text-decoration:none}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) a span,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .button span{padding:0}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .user-profile{padding:0}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .user-profile .avatar{font-size:2rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .user-profile:has(span){padding:1rem;block-size:5rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .user-profile:has(span) span{text-align:center}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item) .user-profile img{width:100%;height:100%;object-fit:cover}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children{padding-bottom:1rem;margin-bottom:-1rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown{background:var(--background-lightest);box-shadow:var(--profile-dropdown-shadow);border-radius:.4rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item{line-height:normal;padding:0;margin:0}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item a,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item span{color:var(--text);font-size:1.3rem}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item a,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item .button{--border: #DEE0E4;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1.2rem;color:var(--text);border-bottom:.1rem solid var(--border);width:100%}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item a:hover,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item a:focus,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item .button:hover,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item .button:focus{background:var(--background-alt-3)}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item a:has(svg) svg,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item .button:has(svg) svg{--icon-color: var(--text);margin-right:0}nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item:last-child a,nav.breadcrumbs-nav .user-menu ul li:not(.profile-menu-item).menu-item-has-children .profile-dropdown li.profile-menu-item:last-child .button{border-bottom:none}body.messages-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.messages-detail nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.notification-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.client-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.home-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2){display:none}@media screen and (min-width: 768px){body.messages-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.messages-detail nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.notification-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.client-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2),body.home-page nav.breadcrumbs-nav .menu ul li:nth-child(n+2){display:inline-flex}}label{font-weight:normal;font-weight:700}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=date],textarea,select{outline:none;background:var(--background-lightest);border:.1rem solid var(--border);border-radius:.5rem;color:var(--text);display:block;font-size:1.6rem;height:3.5rem;padding:.8rem 1.2rem;vertical-align:middle;width:100%;line-height:2.1rem;box-shadow:var(--box-shadow-inset);margin-right:0;border:.1rem solid #c6c3be;cursor:pointer}input[type=text]:focus-within,input[type=text]:focus,input[type=email]:focus-within,input[type=email]:focus,input[type=tel]:focus-within,input[type=tel]:focus,input[type=password]:focus-within,input[type=password]:focus,input[type=number]:focus-within,input[type=number]:focus,input[type=date]:focus-within,input[type=date]:focus,textarea:focus-within,textarea:focus,select:focus-within,select:focus{box-shadow:var(--box-shadow-on-focus);border:.1rem solid var(--on-focus)}input[type=text].search,input[type=email].search,input[type=tel].search,input[type=password].search,input[type=number].search,input[type=date].search,textarea.search,select.search{border:0;box-shadow:none;background:var(--background-alt-3);padding:1rem}input[type=number]{box-shadow:var(--box-shadow-inset);height:4rem;border-radius:.3rem}input[type=file]{border:1px dashed var(--border) !important;padding:16px}select{appearance:none}textarea{height:12.5rem;min-height:12.5rem;outline:none}input:disabled{background:var(--disabled);cursor:default}fieldset{border:0;padding:0;margin:0}.questions.quiz .form-group{display:block;padding:1.4rem 0}.questions.quiz .form-group__label{display:inline-block;font-weight:700}.questions.quiz label{font-weight:400;display:inline-flex;gap:1rem;cursor:pointer}.questions.quiz .radio-group{display:flex;flex-direction:column;gap:1rem}.rating-scale input[type=radio],.quiz input[type=radio],.zoekplaat-circle-popover input[type=radio]{display:grid;place-content:center;appearance:none;width:1.4rem;height:1.4rem;margin-top:.25rem;border:.1rem solid var(--radio-button-border);border-radius:1.2rem;outline:none;background:var(--background-lightest);cursor:pointer}.rating-scale input[type=radio]::before,.quiz input[type=radio]::before,.zoekplaat-circle-popover input[type=radio]::before{content:"";background:var(--tertiary);width:.8rem;height:.8rem;border-radius:.6rem;color:var(--tertiary);transform:scale(0);transition:120ms transform ease-in-out;box-shadow:rgba(198,195,150,.25) 0px .0625rem .0625rem,rgba(79,166,207,.6) 0px 0px 0px}.rating-scale input[type=radio]:checked,.quiz input[type=radio]:checked,.zoekplaat-circle-popover input[type=radio]:checked{border:.1rem solid var(--tertiary)}.rating-scale input[type=radio]:checked::before,.quiz input[type=radio]:checked::before,.zoekplaat-circle-popover input[type=radio]:checked::before{transform:scale(1)}form.comment-form{margin-top:1.5rem}form.comment-form div.button-group{column-gap:0;margin-block:2rem 1rem;position:relative}@media screen and (min-width: 768px){form.comment-form div.button-group{margin:-4rem 0 1.5rem auto;padding-inline:.5rem;gap:.2rem}}form.comment-form button[type=button],form.comment-form .button{cursor:pointer;outline:0;margin:0}form.comment-form .button.link{font-size:1.4rem;border:.1rem solid rgba(0,0,0,0)}form.comment-form .button.link:hover,form.comment-form .button.link:focus{background:none;text-decoration:none;border:.1rem solid rgba(0,0,0,0);color:var(--tertiary);outline:0;padding:0 .8rem}form.comment-form button.primary{background:var(--select-active);border:.1rem solid var(--select-active);padding:0;aspect-ratio:1/1}form.comment-form button.primary:hover,form.comment-form button.primary:focus{background:var(--tertiary);border:.1rem solid var(--tertiary)}form.comment-form button.cancel-comment-btn{margin-left:auto}form.comment-form button.action-button{--icon-color: var(--text);border:none}form.comment-form button.action-button:hover,form.comment-form button.action-button:focus{border:none}form.comment-form button.action-button.active{--icon-color: var(--select-active);background:var(--text-alt-4)}form.comment-form .prose-menubar{display:none}@media screen and (min-width: 768px){form.comment-form .prose-editor div[contenteditable=true]{min-height:13rem;padding:16px 16px 50px 16px}}form.comment-form .comment-file-area{display:none}.search-form{display:flex;flex-direction:column;gap:1rem;height:100%}.show-inactive-clients,.show-unread-messages{display:flex;flex-direction:row;align-items:center}.show-inactive-clients label,.show-unread-messages label{font-size:1.4rem;font-weight:400;color:var(--text-opaque);cursor:pointer}.show-inactive-clients input[type=checkbox],.show-unread-messages input[type=checkbox]{cursor:pointer;display:flex;flex-direction:row;box-sizing:border-box;width:1.2rem;height:1.2rem;margin-right:.8rem;border-radius:.2rem;appearance:none;background:var(--checkbox);outline:none;transition:outline .1s;align-items:center;justify-content:center;position:relative}.show-inactive-clients input[type=checkbox]::before,.show-unread-messages input[type=checkbox]::before{content:"";display:block;width:1.2rem;height:1.2rem;border-radius:.2rem;background:var(--text-alt-3);transform:scale(0);transition:120ms transform ease-in-out}.show-inactive-clients input[type=checkbox]::after,.show-unread-messages input[type=checkbox]::after{content:"";position:absolute;width:.3rem;height:.6rem;border:solid var(--background-lightest);border-width:0 .15rem .15rem 0;transform:translateY(-0.1rem) rotate(45deg) scale(0);transform-origin:center;transition:120ms transform ease-in-out}.show-inactive-clients input[type=checkbox]:checked::before,.show-unread-messages input[type=checkbox]:checked::before{transform:scale(1)}.show-inactive-clients input[type=checkbox]:checked::after,.show-unread-messages input[type=checkbox]:checked::after{transform:translateY(-0.1rem) rotate(45deg) scale(1)}button[type=button]:where(:not(.password-toggle-btn)),input[type=submit]{background:#fff none;border:.1rem solid var(--border);border-radius:.5rem;color:var(--text);cursor:pointer;display:inline-block;font-size:1.6rem;font-weight:normal;margin-top:1rem;margin-bottom:0;padding:.5rem 1rem;text-align:center;vertical-align:middle;white-space:nowrap}button[type=button]:where(:not(.password-toggle-btn)):hover:not(.no-hover),input[type=submit]:hover:not(.no-hover){color:#333;background:#ebebeb;border:.1rem solid #adadad}input[role=switch]{--height: 2rem;--width: 4;appearance:none;display:inline-flex;align-items:center;height:var(--height);width:4rem;border:0;border-radius:1.2rem;background:var(--disabled);box-shadow:var(--toggle-box-shadow);cursor:pointer;position:relative;transition:all .2s ease-in-out}input[role=switch]::after{content:"";display:block;aspect-ratio:1;height:1.6rem;border-radius:50%;background:var(--background-lightest);margin:.2rem;transition:all .2s ease-in-out}input[role=switch]:checked{background:var(--progress-active)}input[role=switch]:checked::after{translate:2rem 0}.lesson-questions,.lezen-uit-eigen-boek-form{gap:2rem;display:flex;flex-direction:column}.lesson-questions .form-group,.lezen-uit-eigen-boek-form .form-group{padding-block:1.4rem}.lesson-questions .form-group__label,.lezen-uit-eigen-boek-form .form-group__label{display:block;font-weight:700;margin-bottom:.8rem}.lesson-questions textarea,.lezen-uit-eigen-boek-form textarea{width:100%;min-height:10rem;padding:1rem}.lesson-questions fieldset,.lezen-uit-eigen-boek-form fieldset{border:0;padding:0}.lesson-questions .rating-scale,.lezen-uit-eigen-boek-form .rating-scale{list-style:none;padding:0 0 4rem;margin:0;display:flex;flex-direction:row}.lesson-questions .rating-scale__item,.lezen-uit-eigen-boek-form .rating-scale__item{margin-bottom:.8rem}.lesson-questions .rating-scale__item label,.lezen-uit-eigen-boek-form .rating-scale__item label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-weight:400;text-align:center;cursor:pointer;margin:0}.lezen-uit-eigen-boek-form{gap:3rem}.lezen-uit-eigen-boek-form .form-group{padding:0}.lezen-uit-eigen-boek-form .form-group__label{font-weight:500}.fill-in-form input[type=text],.fill-in-form input[type=number]{width:fit-content}.dropdown-container select{position:absolute;left:-9999px}.dropdown-container .dropdown-item{display:flex;align-items:center;gap:1rem}.dropdown-container .dropdown{margin-top:3rem;position:relative;display:inline-block;width:20rem;max-width:100%;transition:.5s ease-in-out all}.dropdown-container .dropdown .dropdown-toggle{display:flex;justify-content:space-between;align-items:center;border:.1rem solid var(--border);box-shadow:var(--dropdown-box-shadow);background:linear-gradient(to bottom, #fafafa, #f3f3f3);cursor:pointer;padding:1rem;border-radius:.3rem}.dropdown-container .dropdown .dropdown-toggle .label{display:inline-flex;align-items:center;gap:1rem}.dropdown-container .dropdown .dropdown-toggle .label.default-label{color:var(--dropdown-label);font-size:1.4rem}.dropdown-container .dropdown .dropdown-toggle .arrow{border-color:var(--tertiary) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.5rem .5rem .25rem;display:inline-block}.dropdown-container .dropdown .dropdown-toggle .dropdown-arrow-box{padding:.8rem;position:relative;display:flex;align-items:center;justify-content:center}.dropdown-container .dropdown .dropdown-toggle .dropdown-arrow-box::before{content:"";align-self:stretch;box-sizing:border-box;background:var(--border);position:absolute;top:50%;left:0;transform:translateY(-50%);height:calc(100% - 1.6rem);width:.1rem}.dropdown-container .dropdown .dropdown-toggle .dropdown-arrow-box svg{--icon-color: var(--border)}.dropdown-container .dropdown .dropdown-menu{opacity:0;display:none;transition:opacity .3s ease,display .3s ease allow-discrete;list-style:none;padding:0;border:.1rem solid var(--border);background:var(--background-lightest);width:100%;position:absolute;overflow:hidden;z-index:1}.dropdown-container .dropdown .dropdown-menu li{padding:1rem;cursor:pointer}.dropdown-container .dropdown .dropdown-menu li.item{display:flex;flex-direction:row;gap:1rem;align-items:center}.dropdown-container .dropdown .dropdown-menu li:hover{background:var(--background-hover)}.dropdown-container .dropdown .dropdown-menu li.active{background:var(--background-hover)}.dropdown-container .dropdown .dropdown-menu li:has(a){padding:0}.dropdown-container .dropdown .dropdown-menu li:has(a) a{display:inline-block;padding:1rem;width:100%;text-decoration:none}.dropdown-container .dropdown.open .dropdown-menu{opacity:1;display:block}@starting-syle{.dropdown-container .dropdown.open .dropdown-menu{opacity:0}}.card:has(#config-form) #config-form{width:100%}.card:has(#config-form) .settings-grid:has(.dropdown-container){grid-auto-flow:row dense;grid-template-columns:repeat(3, 1fr)}.card:has(#config-form) .settings-grid:has(.dropdown-container) .field-wrapper{grid-column:1/-1}.card:has(#config-form) .settings-grid:has(.dropdown-container) .field-wrapper input[type=text]{box-shadow:none;margin-top:1rem}.card:has(#config-form) .dropdown-container{display:flex;flex-direction:column}.card:has(#config-form) .dropdown{margin-top:1rem;width:auto}.card:has(#config-form) .dropdown .dropdown-toggle{background:#fff;border:.1rem solid #ccc;border-radius:.4rem;padding:0}.card:has(#config-form) .dropdown .dropdown-toggle .label{padding:.2rem .8rem;width:100%}.card:has(#config-form) .dropdown .dropdown-menu{margin-top:.8rem}.card:has(#config-form) .dropdown .dropdown-menu li.active{background:var(--text-alt-3);color:var(--text-light)}.skribbelwerk-settings-dropdowns-container{display:flex;flex-direction:row;gap:var(--gap-md);margin-bottom:4rem}.skribbelwerk-settings-dropdowns-container .dropdown-container{flex:1}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown-label{font-size:1.4rem}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown{width:100%;margin-top:.5rem}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown .dropdown-toggle{background:var(--background-lightest);border-radius:4px}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown .dropdown-menu{border-radius:4px;box-shadow:rgba(0,0,0,.1) 0px 0px 1px,rgba(0,0,0,.1) 0px 4px 11px;margin-bottom:8px;margin-top:8px;box-sizing:border-box;position:absolute;z-index:1}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown .dropdown-menu li{padding:.8rem 1.2rem}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown .dropdown-menu li.active{background:var(--select-active);color:var(--text-light)}.skribbelwerk-settings-dropdowns-container .dropdown-container .dropdown .dropdown-menu li:not(.active):hover{background:var(--select-hover)}.how-to-practice .skribbelwerk-settings-dropdowns-container .dropdown-toggle{padding:0 0 0 1rem}.sidebar-content .dropdown-container .label,.sidebar-content .dropdown-container .item a{color:var(--text)}.quantity-container{display:flex;align-items:center;gap:1rem}.quantity-container .quantity{position:relative;display:flex}.quantity-container .quantity input[type=number]{box-shadow:var(--box-shadow-inset);-moz-appearance:textfield;width:6.4rem}.quantity-container .quantity input[type=number]::-webkit-outer-spin-button,.quantity-container .quantity input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-container .quantity .quantity-nav{position:relative;width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;transform:translatex(-2.5rem);margin-right:-2.8rem;transition:transform .2s ease}.quantity-container .quantity .quantity-button{appearance:none;border:0;margin:0;padding:0;background:none;position:relative;cursor:pointer;user-select:none;transition:transform .2s ease}.quantity-container .quantity .quantity-button svg use{--icon-color: var(--tertiary)}.quantity-container .quantity .quantity-button.quantity-up{transform:translateY(0.4rem)}.quantity-container .quantity .quantity-button.quantity-down{transform:translateY(-0.4rem)}.quantity-container .quantity-label{display:block;font-weight:400;font-size:1.6rem;margin-left:2rem}.form-group__radio-list{--button-hover: #6598b0;list-style:none;padding:0;margin:0;display:inline-flex}.form-group__radio-list .form-group__radio-list-item{width:100%}.form-group__radio-list .form-group__radio-list-item label.button{position:relative;border-radius:0;cursor:pointer;justify-content:start;white-space:nowrap}.form-group__radio-list .form-group__radio-list-item label.button input[type=radio]{position:absolute;inset:0;opacity:0}.form-group__radio-list .form-group__radio-list-item label.button .custom-read-date{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;box-shadow:none;opacity:0;pointer-events:none}.form-group__radio-list .form-group__radio-list-item label.button:has(input[type=radio]:checked){background:var(--tertiary-gradient),var(--button-hover);border-color:var(--border-tertiary);color:var(--text-light)}.form-group__radio-list .form-group__radio-list-item label.button:has(input[type=radio]:focus-visible){box-shadow:var(--box-shadow-on-focus);border-color:var(--on-focus)}.form-group__radio-list .form-group__radio-list-item label.button:hover{background:var(--background-lightest)}.form-group__radio-list .form-group__radio-list-item label.button:focus-within{outline:6px solid var(--on-focus);transform:scale(1.05)}.form-group__radio-list.day-moment label.button:has(input[type=radio]:checked){background:var(--tertiary);border-color:var(--tertiary)}.form-group__radio-list.time-spent{flex-direction:column}.form-group__radio-list.time-spent label.button{width:100%}.form-group__radio-list.time-spent label.button:has(input[type=radio]:checked){background:var(--tertiary);border-color:var(--tertiary)}.form-group__radio-list.three-radio-buttons .form-group__radio-list-item:first-child label.button{border-radius:.3rem 0 0 .3rem}.form-group__radio-list.three-radio-buttons .form-group__radio-list-item:nth-child(2) label.button{border-radius:0}.form-group__radio-list.three-radio-buttons .form-group__radio-list-item:nth-child(3) label.button{border-radius:0 .3rem .3rem 0}.form-group__radio-list.radio-buttons-in-columns .form-group__radio-list-item:first-child label.button{border-radius:.3rem .3rem 0 0}.form-group__radio-list.radio-buttons-in-columns .form-group__radio-list-item:last-child label.button{border-radius:0 0 .3rem .3rem}#login_register,.login-container{display:flex;justify-content:center;align-items:center;padding-block:2rem}#login_register .login-card,.login-container .login-card{background:var(--background-lightest);display:flex;flex-direction:column;flex-basis:30rem;border-radius:.3rem;box-shadow:var(--login-card-shadow)}#login_register .login-card .login-hero,.login-container .login-card .login-hero{position:relative;height:22.5rem}#login_register .login-card .login-hero .logo,.login-container .login-card .login-hero .logo{position:absolute;bottom:0;left:0;right:0;margin:0 auto;border-radius:50%;border:.5rem solid var(--background-lightest);height:10rem;width:10rem;overflow:hidden;background:var(--background-lightest)}#login_register .login-card .login-form,.login-container .login-card .login-form{padding:.8rem 1.6rem;display:flex;flex-direction:column;gap:1.6rem}#login_register .login-card .login-form form,.login-container .login-card .login-form form{display:flex;flex-direction:column;gap:1.6rem}#login_register .login-card .login-form form label,.login-container .login-card .login-form form label{display:block;margin-bottom:.8rem}#login_register .login-card .login-form form input,#login_register .login-card .login-form form select,#login_register .login-card .login-form form textarea,.login-container .login-card .login-form form input,.login-container .login-card .login-form form select,.login-container .login-card .login-form form textarea{border:.1rem solid var(--border);border-radius:.4rem;overflow:hidden;width:100%;height:100%;position:relative;box-shadow:none}#login_register .login-card .login-form .link,.login-container .login-card .login-form .link{font-size:1.3rem;color:var(--text-alt-3);text-align:center;margin-bottom:1.6rem}.search-container,.select-container{display:flex;align-items:center;border-radius:.5rem;background:var(--background-alt-3)}.search-container input,.select-container input{font-size:1.4rem}.search-container button,.select-container button{display:flex;align-items:center;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0 1rem;height:100%}.search-container.outlined,.select-container.outlined{--icon-color: var(--search);border:.1rem solid var(--border-alt-1);background:var(--background-lightest)}.search-container.outlined .search,.select-container.outlined .search{background:var(--background-lightest);color:var(--search)}.select-container{align-items:center;min-height:3.7rem;--icon-color: var(--search);border:.1rem solid var(--border-alt-1);background:var(--background-lightest);width:fit-content}@media screen and (max-width: 767px){.select-container{width:100%;min-height:4.4rem}}@media screen and (max-width: 767px){.select-container .select2-container{width:100% !important}}.select-container .select2-container--default .select2-selection--single,.select-container .select2-container--default .select2-selection{border:none;background:rgba(0,0,0,0);height:100%;border-radius:0}@media screen and (max-width: 767px){.select-container .select2-container--default .select2-selection--single,.select-container .select2-container--default .select2-selection{display:flex;align-items:center}}.select-container .select2-container--default .select2-selection .select2-selection__rendered{color:var(--search);font-size:1.4rem}.select-container .select2-container--default .select2-selection--single .select2-selection__clear{font-size:25px;font-weight:lighter}.select-container .select2-container--default .select2-selection--single .select2-selection__clear:hover,.select-container .select2-container--default .select2-selection--single .select2-selection__clear:focus{color:var(--close)}span.select2-container--default .select2-selection.select2-selection--multiple{--border-color: var(--border)}span.select2-container--default .select2-selection.select2-selection--multiple input{border-color:#fff !important}span.select2-container--default .select2-selection.select2-selection--multiple li.select2-selection__choice{--darkened-bg: var(--text-alt-4);--border-color: var(--text-alt-4);font-size:14px;font-weight:lighter;display:flex;flex-direction:row-reverse;color:var(--background-alt-4);padding:3px 5px}span.select2-container--default .select2-selection.select2-selection--multiple li.select2-selection__choice span.select2-selection__choice__remove{margin-right:0;margin-left:5px;font-weight:lighter;font-size:24px;color:inherit;line-height:.9}span.select2-container--default .select2-selection.select2-selection--multiple li.select2-selection__choice span.select2-selection__choice__remove:hover,span.select2-container--default .select2-selection.select2-selection--multiple li.select2-selection__choice span.select2-selection__choice__remove:focus{color:var(--close)}span.select2-container--default .select2-selection.select2-selection--multiple input.select2-search__field,span.select2-container--default .select2-selection.select2-selection--multiple .select2-search__field{min-width:30px;padding-block:5px !important}span.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__clear{font-size:25px;font-weight:lighter}span.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__clear:hover,span.select2-container--default .select2-selection.select2-selection--multiple .select2-selection__clear:focus{color:var(--close)}span.select2-container.select2-container--default li.select2-results__option{font-size:13px;color:var(--text-alt-2);font-weight:lighter}span.select2-container.select2-container--default li.select2-results__option.select2-results__option--highlighted,span.select2-container.select2-container--default li.select2-results__option[aria-selected=true]{background:var(--text-alt-4)}span.select2-container.select2-container--default li.select2-results__option[aria-selected=true]:hover,span.select2-container.select2-container--default li.select2-results__option[aria-selected=true]:focus{background:var(--close-light)}span.select2-container.select2-container--default li.select2-results__option:hover,span.select2-container.select2-container--default li.select2-results__option:focus{background:var(--background-hover-alt-2)}span.select2-container.select2-container--default .select2-search--dropdown .select2-search__field{background:var(--background-lightest);color:var(--search);border-color:var(--border-alt-1)}.comment-dropzone{position:relative;display:flex;align-items:center;border:.1rem dashed var(--border);border-radius:.5rem;padding:.8rem;margin-block:1.5rem;cursor:pointer;background:var(--background-lightest);transition:border-color .2s,background .2s}.comment-dropzone:hover{border-color:var(--on-focus);background:var(--background-hover-alt-2)}.comment-dropzone[aria-disabled=true]{pointer-events:none;opacity:.5}.comment-dropzone__content{display:flex;align-items:center;gap:1.6rem;text-align:center;pointer-events:none}.comment-dropzone__primary{display:flex;align-items:center;gap:.5rem;background-color:var(--background-lightest);color:var(--select-active);border-radius:.4rem;padding:1rem;flex-direction:row;border:.1rem solid var(--border)}.comment-dropzone svg{--icon-color: var(--select-active)}.comment-dropzone__icon{width:1.9rem;height:1.9rem;fill:currentColor;flex-shrink:0}.comment-dropzone__cta{font-size:1.4rem;font-weight:400;text-decoration:none}.comment-dropzone__hint{font-size:1.4rem;color:var(--text-opaque)}.comment-dropzone .comment-file-input{position:absolute !important;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.prose-editor{border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.prose-editor div.prose-menubar{background:var(--background-alt-9)}.prose-editor div.prose-menubar .prose-menubar__group:has(span[title=undo]){margin-left:auto}.prose-editor div.prose-menubar .prose-menubar__group .prose-menubar__button{background:none;border-radius:0;border:0;padding:.6rem;height:auto;opacity:.5;transition:opacity var(--transition) var(--duration);font-size:2rem}.prose-editor div.prose-menubar .prose-menubar__group .prose-menubar__button:hover:not(.disabled),.prose-editor div.prose-menubar .prose-menubar__group .prose-menubar__button:focus:not(.disabled),.prose-editor div.prose-menubar .prose-menubar__group .prose-menubar__button.active{opacity:1}.prose-editor div.prose-menubar .prose-menubar__group .prose-menubar__button.active{color:var(--select-active)}.prose-editor div[contenteditable=true]{border:0;padding:16px;min-height:10rem}.autosave-status{font-size:1.3rem;line-height:1.92rem;text-align:right;color:var(--text-opaque);display:block}.errorlist{order:9;padding-left:0;gap:.3rem;display:flex;flex-direction:column;margin-top:.2rem}.errorlist li{list-style-type:none;font-size:1.3rem;font-style:italic;color:var(--close);line-height:1.3}.word-checkbox-container .word-checkbox,.sentences-checkbox-container .word-checkbox{padding-left:2rem;margin-bottom:1rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.word-checkbox-container input[type=checkbox],.sentences-checkbox-container input[type=checkbox]{appearance:none;-webkit-appearance:none;position:absolute;top:0;left:0;opacity:0;cursor:pointer}.word-checkbox-container input[type=checkbox]:checked~.checkmark,.sentences-checkbox-container input[type=checkbox]:checked~.checkmark{background:var(--checkbox-checked)}.word-checkbox-container input[type=checkbox]:checked~.checkmark::after,.sentences-checkbox-container input[type=checkbox]:checked~.checkmark::after{display:block}.word-checkbox-container .checkmark,.sentences-checkbox-container .checkmark{position:absolute;top:0;left:0;width:1.2rem;height:1.2rem;background:var(--background-lightest);border:.1rem solid var(--checkbox-border);border-radius:.2rem;display:flex;justify-content:center;align-items:center;transition:opacity .2s ease-in-out}.word-checkbox-container .checkmark::after,.sentences-checkbox-container .checkmark::after{content:"";position:absolute;display:none;width:.3rem;height:.6rem;border:solid var(--background-lightest);border-width:0 .2rem .2rem 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}@keyframes swinging{20%{transform:rotate(2.5deg)}80%{transform:rotate(-2.5deg)}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes slide-in-from-right{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-from-left{from{transform:translateX(-110%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-out-to-left{from{transform:translateX(0);opacity:1}to{transform:translateX(-110%);opacity:0}}@keyframes slide-out-to-right{from{transform:translateX(0);opacity:1}to{transform:translateX(110%);opacity:0}}*{box-sizing:border-box}html{font-size:62.5%}html,body{font-family:var(--font-stack);height:100%;margin:0;padding:0}body{display:-ms-flexbox;display:flex;flex-direction:column;height:auto;min-height:100%;font-size:1.6rem;background-color:var(--background);position:relative;color:var(--text);transition:background-color .6s ease-in-out}body.home{background:var(--primary)}body.world-1 footer#bottom ul.footer-links li a,body.world-1 footer#bottom ul.footer-links li span,body.world-2 footer#bottom ul.footer-links li a,body.world-2 footer#bottom ul.footer-links li span,body.world-3 footer#bottom ul.footer-links li a,body.world-3 footer#bottom ul.footer-links li span{color:var(--text-light)}body.world-1{background:var(--primary)}body.world-2{background:var(--secondary)}body.world-3{background:var(--tertiary-lightest)}body.home-page:has(.home-dashboard) .content-grid,body.client-detail .content-grid{--content-max-width: 144rem;--breakout-max-size: 168rem}body.messages-detail .content-grid:not(#hero .content-grid),body.notification-page .content-grid:not(#hero .content-grid){--content-max-width: 57.6rem}body.home-page footer#bottom,body.privacy-statement footer#bottom,body.tos footer#bottom,body.login footer#bottom{background:var(--background-alt-9);border-top:.1rem solid var(--text-alt-7)}body:has(.slides-content-container) footer#bottom ul.footer-links li a,body:has(.slides-content-container) footer#bottom ul.footer-links li span,body.bios footer#bottom ul.footer-links li a,body.bios footer#bottom ul.footer-links li span,body.bieb footer#bottom ul.footer-links li a,body.bieb footer#bottom ul.footer-links li span{color:var(--text)}body.invite-form,body.activation-form,body.profile-detail,body.client-page,body.messages-page,body.messages-detail,body.notification-page,body.message-form{background:var(--background-lightest)}@media screen and (max-width: 991px){body.home-page .breadcrumbs-nav,body.invite-form .breadcrumbs-nav,body.activation-form .breadcrumbs-nav,body.profile-detail .breadcrumbs-nav,body.client-page .breadcrumbs-nav{display:flex}}body.bios main>.content-grid,body.bieb main>.content-grid,body.home-page main>.content-grid,body.invite-form main>.content-grid,body.activation-form main>.content-grid,body.password-reset main>.content-grid,body.profile-detail main>.content-grid,body.client-page main>.content-grid,body.skribbelwerk-detail main>.content-grid,body.skribbelwerk-config main>.content-grid,body.privacy-statement main>.content-grid,body.tos main>.content-grid{padding-block:5rem}body.home-page:not(.client-detail):has(.home-dashboard) main>.content-grid,body.messages-detail main>.content-grid,body.messages-page main>.content-grid{padding-block:0}body.login .maincontent{align-content:center;height:100%}img{max-inline-size:100%;block-size:auto}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}.visually-hidden.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;left:.5rem;top:.5rem;background-color:var(--tertiary);color:var(--primary);border:1px solid var(--primary);padding:1rem}footer#bottom,.content-grid{margin:0 auto;--padding-inline: 3rem;--content-max-width: 98rem;--breakout-max-width: 122rem;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-size)) [content-start] min(100% - var(--padding-inline)*2,var(--content-max-width)) [content-end] minmax(0, var(--breakout-size)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end]}@media screen and (max-width: 767px){footer#bottom,.content-grid{--padding-inline: 1.5rem}}footer#bottom.desktop,.content-grid.desktop{--content-max-width: 144rem;--breakout-max-size: 168rem}footer#bottom.desktop-small,.content-grid.desktop-small{--content-max-width: 98rem}footer#bottom.two-third,.content-grid.two-third{--content-max-width: 60rem;--breakout-max-width: 97.5rem}footer#bottom.half,.content-grid.half{--content-max-width: 49rem;--breakout-max-width: 61rem}footer#bottom>:not(.breakout,.full-width),.content-grid>:not(.breakout,.full-width){grid-column:content}footer#bottom>.breakout,.content-grid>.breakout{grid-column:breakout}footer#bottom>.full-width,.content-grid>.full-width{grid-column:full-width}footer#bottom img.wrapper-background,.content-grid img.wrapper-background{grid-column:auto}header#top{background-color:var(--background-alt-4);color:var(--text-light);position:sticky;top:0;left:0;width:100%;z-index:150}header#top .header-content{display:flex;align-items:center;justify-content:center;padding:0 .4rem;min-height:var(--header-height)}main{flex:1 0 auto;min-height:.1rem}main table th{text-align:left}main .alignleft{float:left;margin-right:2rem;margin-bottom:2rem}main .alignright{float:right;margin-left:2rem;margin-bottom:2rem}main .aligncenter{display:block;margin:0 auto}main .text-left{text-align:left}main .text-center{text-align:center}main .text-right{text-align:right}main .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:2.5rem;height:0}main .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}main .content-container{padding:3rem 0}main.home{width:100%}.admin-toast{justify-self:center;position:fixed;top:var(--header-height);list-style:none;z-index:150;padding:0;margin:2rem;pointer-events:none}.admin-toast li{border-radius:.4rem;box-shadow:var(--card-box-shadow);padding:1rem;width:100%;display:flex;align-items:center;gap:1rem;--icon-color: var(--tertiary);background:var(--notification-info);color:var(--tertiary);border:.1rem solid var(--tertiary);animation:fade-out .3s ease-in-out 1;animation-delay:2s;animation-fill-mode:forwards}.admin-toast li.success{--icon-color: var(--primary);background:var(--notification);color:var(--primary);border:.1rem solid var(--primary)}.admin-toast li.error{--icon-color: var(--close);background:var(--notification-error);color:var(--close);border:.1rem solid var(--close)}.admin-toast li.warning{--icon-color: var(--theme-text-orange);background:var(--secondary-lightest);color:var(--theme-text-orange);border:.1rem solid var(--theme-text-orange)}.world-dashboard{display:flex;flex-direction:row;gap:3rem;justify-content:center}@media screen and (min-width: 1200px){.world-dashboard{padding:5rem 0}}.world-dashboard-background{position:absolute;bottom:0;width:100%;z-index:-1;opacity:1;transition:opacity .6s ease-in-out}#sidebar{display:flex;flex-direction:column;gap:2rem}#sidebar h2,#sidebar h3{font-size:1.4rem;margin:0}#sidebar .sidebar-content{display:flex;flex-direction:column;gap:2rem;color:var(--text-alt-1)}#sidebar .sidebar-content .world-selector,#sidebar .sidebar-content .skribbelwerk{background:var(--secondary-lightest);padding:1.6rem;box-shadow:var(--card-box-shadow)}#sidebar .sidebar-content .world-selector .dropdown-container .dropdown{margin-top:0}#sidebar .sidebar-content .skribbelwerk{overflow:hidden}#sidebar .sidebar-content .skribbelwerk .module-title{text-align:center}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list{list-style:none;padding:0;margin:0}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li{height:100%;width:100%;border-bottom:.1rem solid var(--section-break)}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise{display:flex;flex-direction:row;gap:.5rem;font-size:1.6rem;padding:1rem 0;text-decoration:none;line-height:21px}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise img{padding:.2rem}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise p{margin:0;font-size:1.6rem}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise:hover,#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise:focus{background:var(--background-hover);color:var(--text-alt-1)}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li .excersise .range{width:13.6rem;margin-top:.4rem}#sidebar .sidebar-content .skribbelwerk .skribbelwerk-list li:last-child{border:0}#sidebar .sidebar-content .skribbelwerk figure{margin:2.5rem 0 -3rem;overflow:hidden}.range{display:block;width:100%;height:.48rem;background:var(--progress);overflow:hidden;border-radius:.2rem}.range__fill{display:block;height:100%;background:var(--progress-active);border-radius:inherit;transition:width .3s ease}.range__fill.is-complete{background:var(--progress-active)}.tabs-container{position:relative}.tabs{display:flex;justify-content:end;gap:1rem;padding-right:2rem}.tab-button{display:flex;gap:.8rem;align-items:center;padding:.5rem 1rem;background:var(--background-alt-1);cursor:pointer;font-size:1.6rem;font-weight:500;color:var(--text);transition:all var(--duration) ease;border:0}.tab-button span{display:block}.tab-content-wrapper{overflow:hidden;max-height:0;transition:max-height .4s ease-in-out}.tab-content-wrapper hr{margin:2rem}.tab-content-wrapper hr:last-child{display:none}.tab-content-wrapper.open{max-height:none}.tab-content{display:none;opacity:0;transform:translateY(-1rem);transition:opacity .3s ease,transform .3s ease}.tab-content.active{display:block;opacity:1;transform:translateY(0)}.tab-content-inner{padding:2rem 2rem 2.4rem;background:var(--background-alt-1, #f9f9f9);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.tab-content-inner h2{margin-bottom:1.5rem;font-size:2rem;color:var(--text)}.tab-content-inner h2.tab-title.read-tab-title{margin-inline:2rem}.tab-content-inner p,.tab-content-inner ul,.tab-content-inner ol{font-size:1.6rem;line-height:1.6;color:var(--text)}.tab-content-inner .pdf-links-container{margin:0 2rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.tab-content-inner .tab-description{columns:2 24rem;column-gap:2rem}.tab-content-inner .tab-description>*{break-inside:avoid}.tab-content-inner .tab-description h2,.tab-content-inner .tab-description h3,.tab-content-inner .tab-description h4,.tab-content-inner .tab-description h5,.tab-content-inner .tab-description h6{break-after:avoid}.tab-content-inner .tab-description>:first-child{margin-top:0}.card-container{max-width:98rem}.card-container,.modal-container{container-type:inline-size;container-name:lesson-card}.toc-container{display:inline-flex;box-shadow:var(--card-box-shadow);position:relative;align-items:stretch;max-width:98rem;width:100%;min-height:100%;border-radius:.4rem;transition-behavior:allow-discrete;transition:min-height .3s ease}.toc-container .toc-container-with-card{flex:1;position:relative;display:grid;grid-template-columns:minmax(0, 1fr);min-height:100%;overflow:hidden}.toc-container .toc-container-with-card>.card,.toc-container .toc-container-with-card>.lesson-toc{grid-area:1/1}.toc-container .toc-container-with-card>.lesson-toc{justify-self:end}.toc-container:has(.toc-container-with-card.active){min-height:100vh}.toc-container:has(.toc-container-with-card.active) .toc-container-with-card,.toc-container:has(.toc-container-with-card.active) .card{min-height:100vh;height:auto}.toc-container:has(.toc-container-with-card.active) .toc-container-with-card,.toc-container:has(.toc-container-with-card.active) .card{overflow:clip visible}.toc-container:has(.toc-container-with-card.active .card.overflow-visible){min-height:0;height:71.075rem;overflow-x:clip}.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .card.overflow-visible,.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .toc-container-with-card{min-height:0;height:71.075rem}.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .toc-container-with-card{overflow:clip visible;height:71.075rem}.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .toc-container-with-card:has(.card.intro.intro-video){height:80rem}.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .lesson-toc{height:auto}.toc-container:has(.toc-container-with-card.active .card.overflow-visible) .lesson-toc .toc-menu-items{height:auto;overflow-y:visible}.card,.modal{display:flex;flex-direction:column;background:var(--background-lightest);box-shadow:var(--card-box-shadow);position:relative;min-height:100%;padding-block:1rem;overflow:hidden;flex:1;max-width:98rem;transition:min-height .3s ease}.card .card-content,.modal .card-content{display:flex;flex-direction:column;margin:1rem 0;padding:1rem 0}.card .card-content h1,.modal .card-content h1{word-wrap:break-word;overflow-wrap:break-word;color:var(--text);flex-grow:1;margin-top:0}.card .card-content .progress-bar,.modal .card-content .progress-bar{margin:1rem 2rem;background-color:var(--range);border-radius:.2rem;display:flex;height:.4rem;overflow:hidden}.card .card-content .progress-bar .progress,.modal .card-content .progress-bar .progress{height:100%;background:var(--progress-active)}.card .card-content .progress-bar .progress.completed,.modal .card-content .progress-bar .progress.completed{background:var(--primary-dark)}.card .card-content .progress-bar:has(.progress.completed),.modal .card-content .progress-bar:has(.progress.completed){height:.5rem}.card .card-content .card-header,.modal .card-content .card-header{width:100%;height:100%}.card .card-content .card-header .lesson-title,.modal .card-content .card-header .lesson-title{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;gap:1rem}.card .card-content .content-columns,.modal .card-content .content-columns{display:flex;flex-direction:row;justify-content:start;padding:3rem 10rem 5rem 10rem;gap:var(--gap-md)}.card .card-content .content-columns img,.modal .card-content .content-columns img{max-inline-size:none}.card .card-content .content-columns .column.order-1,.modal .card-content .content-columns .column.order-1{order:1}.card .card-content .content-columns .column.order-2,.modal .card-content .content-columns .column.order-2{order:2}.card .card-content .content-columns .content h3,.modal .card-content .content-columns .content h3{margin:0}.card .card-content .content-columns .content .speech-bubble,.modal .card-content .content-columns .content .speech-bubble{position:relative;padding:1.3rem 1.6rem;background-color:var(--speech-bubble);border:solid .1rem var(--border-secondary);border-radius:.8rem;margin-bottom:var(--gap-md);min-width:54rem}.card .card-content .content-columns .content .speech-bubble>*,.modal .card-content .content-columns .content .speech-bubble>*{margin-bottom:1.1rem}.card .card-content .content-columns .content .speech-bubble::after,.card .card-content .content-columns .content .speech-bubble::before,.modal .card-content .content-columns .content .speech-bubble::after,.modal .card-content .content-columns .content .speech-bubble::before{right:auto;left:100%;border-style:solid;border-color:rgba(0,0,0,0);content:"";height:0;width:0;position:absolute;pointer-events:none}.card .card-content .content-columns .content .speech-bubble::before,.modal .card-content .content-columns .content .speech-bubble::before{border-color:rgba(0,0,0,0);border-left-color:var(--speech-bubble-point);border-right-color:rgba(0,0,0,0);border-width:6px;top:17px}.card .card-content .content-columns .content .speech-bubble::after,.modal .card-content .content-columns .content .speech-bubble::after{border-color:rgba(0,0,0,0);border-left-color:var(--background-alt-2);border-right-color:rgba(0,0,0,0);border-width:.5rem;top:1.8rem}.card .card-content .content-columns .content .speech-bubble.skribbel-bubble,.modal .card-content .content-columns .content .speech-bubble.skribbel-bubble{background-color:var(--background-alt-3);border:solid .1rem var(--border-alt-2)}.card .card-content .content-columns .content .speech-bubble.skribbel-bubble::before,.card .card-content .content-columns .content .speech-bubble.skribbel-bubble::after,.modal .card-content .content-columns .content .speech-bubble.skribbel-bubble::before,.modal .card-content .content-columns .content .speech-bubble.skribbel-bubble::after{right:100%;left:auto}.card .card-content .content-columns .content .speech-bubble.skribbel-bubble::before,.modal .card-content .content-columns .content .speech-bubble.skribbel-bubble::before{border-left-color:rgba(0,0,0,0);border-right-color:var(--border-alt-2)}.card .card-content .content-columns .content .speech-bubble.skribbel-bubble::after,.modal .card-content .content-columns .content .speech-bubble.skribbel-bubble::after{border-left-color:rgba(0,0,0,0);border-right-color:var(--background-alt-3)}.card .card-content .content-columns.config-form .column,.modal .card-content .content-columns.config-form .column{width:100%}.card .card-content .content-columns.config-form.skribbelwerk-excercise .content,.modal .card-content .content-columns.config-form.skribbelwerk-excercise .content{width:auto}.card .card-content .content-columns.bieb-pdf .column .content,.modal .card-content .content-columns.bieb-pdf .column .content{max-width:54rem}.card .card-content .content-columns.bieb-pdf .column .content .description,.modal .card-content .content-columns.bieb-pdf .column .content .description{margin-block:1rem 1.6rem}.card .card-content .content-columns.answer-summary .column,.modal .card-content .content-columns.answer-summary .column{flex-basis:calc(58.3333333333% - 1.1666666667rem - 2rem);flex-grow:0;flex-shrink:0;margin:0 2rem 0 0;border-radius:.4rem;padding:var(--gap-md);background:var(--background-alt-3)}.card .card-content .content-columns.answer-summary .content,.modal .card-content .content-columns.answer-summary .content{min-width:50rem}.card .card-content .content-columns.answer-summary .content hr,.modal .card-content .content-columns.answer-summary .content hr{margin-inline:0}.card .card-content .content-columns.answer-summary .content h3,.modal .card-content .content-columns.answer-summary .content h3{font-size:1.4rem}.card .card-content .content-columns.answer-summary .content .profile,.modal .card-content .content-columns.answer-summary .content .profile{display:flex;gap:1rem;align-items:center}.card .card-content .content-columns.answer-summary .content .profile .image-container,.modal .card-content .content-columns.answer-summary .content .profile .image-container{width:3.2rem;height:3.2rem;border-radius:var(--border-radius-round)}.card .card-content .content-columns.answer-summary .content .profile .image-container .user-profile,.modal .card-content .content-columns.answer-summary .content .profile .image-container .user-profile{width:100%;height:100%;object-fit:cover}.card .card-content .content-columns.answer-summary .content .summary,.modal .card-content .content-columns.answer-summary .content .summary{display:flex;flex-direction:column;gap:3rem}.card .card-content .content-columns.questions,.modal .card-content .content-columns.questions{padding:3rem 10rem 5rem 10rem}.card .card-content .content-columns.questions.story-questions .content,.modal .card-content .content-columns.questions.story-questions .content{min-width:54rem}.card .card-content .content-columns.reactions,.modal .card-content .content-columns.reactions{padding:var(--gap-md) 10rem var(--gap-lg)}.card .card-content .content-columns.reactions h3,.modal .card-content .content-columns.reactions h3{margin-bottom:.8rem;line-height:2.1rem;font-size:1.6rem;font-weight:500}.card .card-content .content-columns.reactions .avatar h3,.modal .card-content .content-columns.reactions .avatar h3{margin-bottom:0}.card .card-content .content-columns.reactions .column,.modal .card-content .content-columns.reactions .column{width:100%}.card .card-content .content-columns.skribbelwerk,.modal .card-content .content-columns.skribbelwerk{padding:3rem 2.5rem 5rem}.card .card-content .content-columns.skribbelwerk .content,.modal .card-content .content-columns.skribbelwerk .content{padding:1rem}.card .card-content .content-columns.skribbelwerk .content .skribbelwerk-title,.modal .card-content .content-columns.skribbelwerk .content .skribbelwerk-title{margin-bottom:1.1rem}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container{padding-top:2.4rem;width:auto;height:auto}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul{list-style:none;padding:0;margin:0}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li{border-top:.1rem solid var(--section-break)}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li:last-child,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li:last-child{border-bottom:.1rem solid var(--section-break)}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a{display:inline-flex;padding:1rem 2rem;gap:var(--gap-md);color:var(--text);text-decoration:none;font-size:1.6rem;align-items:center;cursor:pointer;width:100%;height:100%}.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a:hover,.card .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a:focus,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a:hover,.modal .card-content .content-columns.skribbelwerk-overview .skribbelwerk-overview-container ul li a:focus{background:var(--background-hover)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list{border-collapse:collapse}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td{padding:.5rem;border-top:.1rem solid var(--section-break)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td p,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td p{font-size:1.6rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.title,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.title{min-width:20rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.amount,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.amount{min-width:20rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container{min-width:20rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .amount-number,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .amount-number{color:var(--progress-active)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .progress-bar,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .progress-bar{margin-inline:0;background:var(--background-alt-3);height:.48rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .range,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.progress-container .range{margin-top:.6rem;background:var(--background-alt-3)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.switch-container,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row td.switch-container{min-width:8rem}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.title p,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.title p{color:var(--disabled-text)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount{pointer-events:none;cursor:not-allowed}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount .quantity-label,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount .quantity-label{color:var(--disabled-text)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount .quantity-button svg use,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:has(input[role=switch]:not(:checked)) td.amount .quantity-button svg use{--icon-color: var(--disabled-text)}.card .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:last-child td,.modal .card-content .content-columns.skribbelwerk-overview-settings .skribbelwerk-overview-list tr.homework_data-row:last-child td{border-bottom:.1rem solid var(--section-break)}.card .card-content .content-columns.skribbelwerk-settings,.modal .card-content .content-columns.skribbelwerk-settings{padding:2.5rem 7rem}.card .card-content .content-columns.skribbelwerk-settings h2,.modal .card-content .content-columns.skribbelwerk-settings h2{width:55rem;padding-bottom:1rem;margin-bottom:2rem;border-bottom:.1rem solid var(--border);font-size:1.6rem;line-height:2.1rem}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list{border:.1rem solid var(--border)}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list label,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list label{font-weight:400}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th,.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list td,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list td{border:.1rem solid var(--border);padding:1rem;font-size:1.4rem}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th>*,.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list td>*,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th>*,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list td>*{font-size:1.4rem}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list th{text-align:left;font-weight:700}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .radio-label,.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .checkbox-label,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .radio-label,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .checkbox-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.2rem 0}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .category-group,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .category-group{display:flex;flex-direction:column;gap:1.5rem}.card .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .level-group,.modal .card-content .content-columns.skribbelwerk-settings .skribbelwerk-settings-list .level-group{display:flex;flex-direction:column;gap:1.5rem}.card .card-content .content-columns.fill-in .fill-in-form-container,.modal .card-content .content-columns.fill-in .fill-in-form-container{min-width:62rem}.card .card-content .content-columns.entry-history,.modal .card-content .content-columns.entry-history{padding:3rem 2.4rem 5rem 2.4rem}.card .card-content .content-columns.entry-history .content,.modal .card-content .content-columns.entry-history .content{width:100%}.card .card-content .content-columns.bios-videos,.modal .card-content .content-columns.bios-videos{padding-inline:2rem}.card .card-content .content-columns.bios-videos .bios-video-container,.modal .card-content .content-columns.bios-videos .bios-video-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0;margin:0}.card .card-content .content-columns.bios-videos .bios-video-container .video-container iframe,.modal .card-content .content-columns.bios-videos .bios-video-container .video-container iframe{width:100%;height:100%;aspect-ratio:460/261;border:0}.card .card-content .content-columns.privacy-container p,.card .card-content .content-columns.privacy-container li,.card .card-content .content-columns.privacy-container a,.modal .card-content .content-columns.privacy-container p,.modal .card-content .content-columns.privacy-container li,.modal .card-content .content-columns.privacy-container a{font-size:1.6rem}.card .card-content .content-columns:has(+.content-columns),.modal .card-content .content-columns:has(+.content-columns){padding-bottom:var(--gap-md)}.card .card-content .content-columns+.content-columns,.modal .card-content .content-columns+.content-columns{padding-top:0}.card.intro .card-content,.modal.intro .card-content{position:relative;z-index:1}.card.intro [class*=intro-image-module],.modal.intro [class*=intro-image-module]{position:absolute;inset:0;width:100%;height:100%}.card.intro [class*=intro-image-module] img,.modal.intro [class*=intro-image-module] img{width:100%;height:100%;object-fit:cover}.card.intro-lesson .card-content,.card.intro-story-start .card-content,.modal.intro-lesson .card-content,.modal.intro-story-start .card-content{padding-block:4rem 0;gap:2rem;justify-content:center;flex-direction:row;align-items:start}.card.intro-lesson .card-content .lesson-title,.card.intro-story-start .card-content .lesson-title,.modal.intro-lesson .card-content .lesson-title,.modal.intro-story-start .card-content .lesson-title{min-width:0;flex:1;width:100%;max-width:38rem}.card.intro-lesson .card-content h1,.card.intro-story-start .card-content h1,.modal.intro-lesson .card-content h1,.modal.intro-story-start .card-content h1{background:var(--background-opaque);color:var(--text-light);text-align:center;padding:2rem;border-radius:.4rem;margin:0}.card.intro-lesson .card-content .intro-toc,.card.intro-story-start .card-content .intro-toc,.modal.intro-lesson .card-content .intro-toc,.modal.intro-story-start .card-content .intro-toc{margin-bottom:-4.5rem}.card.intro-lesson .card-content .intro-toc .toc-container,.card.intro-story-start .card-content .intro-toc .toc-container,.modal.intro-lesson .card-content .intro-toc .toc-container,.modal.intro-story-start .card-content .intro-toc .toc-container{box-shadow:none}.card.intro-lesson .card-content .intro-toc .toc-items,.card.intro-story-start .card-content .intro-toc .toc-items,.modal.intro-lesson .card-content .intro-toc .toc-items,.modal.intro-story-start .card-content .intro-toc .toc-items{cursor:pointer;transform-origin:50% 20%}.card.intro-lesson .card-content .intro-toc .toc-items:hover,.card.intro-lesson .card-content .intro-toc .toc-items:focus,.card.intro-story-start .card-content .intro-toc .toc-items:hover,.card.intro-story-start .card-content .intro-toc .toc-items:focus,.modal.intro-lesson .card-content .intro-toc .toc-items:hover,.modal.intro-lesson .card-content .intro-toc .toc-items:focus,.modal.intro-story-start .card-content .intro-toc .toc-items:hover,.modal.intro-story-start .card-content .intro-toc .toc-items:focus{animation:swinging .4s ease-in-out}.card.intro-lesson,.modal.intro-lesson{padding-block:0}.card.intro-story-start,.modal.intro-story-start{min-height:65rem}.card.intro-story-start .card-content,.modal.intro-story-start .card-content{display:grid;grid-template-columns:repeat(2, 38rem)}.card.intro-chapter,.card.intro-video,.modal.intro-chapter,.modal.intro-video{min-height:68.4rem}.card.intro-chapter .card-content .content-columns,.card.intro-video .card-content .content-columns,.modal.intro-chapter .card-content .content-columns,.modal.intro-video .card-content .content-columns{justify-content:center}.card.intro-chapter .card-content .content-columns .content,.card.intro-video .card-content .content-columns .content,.modal.intro-chapter .card-content .content-columns .content,.modal.intro-video .card-content .content-columns .content{min-height:48rem;max-width:46rem;display:grid;place-content:center}.card.intro-chapter .card-content .content-columns .content .lesson-of-today-title,.card.intro-video .card-content .content-columns .content .lesson-of-today-title,.modal.intro-chapter .card-content .content-columns .content .lesson-of-today-title,.modal.intro-video .card-content .content-columns .content .lesson-of-today-title{text-align:center;color:var(--text-alt-5);font-size:4rem;line-height:1.25}.card.intro-chapter .card-content h1,.modal.intro-chapter .card-content h1{color:var(--lesson-story-text)}.card.intro-chapter .card-content .card-header .progress-bar .progress,.modal.intro-chapter .card-content .card-header .progress-bar .progress{background:var(--progress-active-alt)}.card.intro-chapter.overflow-visible,.modal.intro-chapter.overflow-visible{height:71.075rem;overflow:visible}.card.intro-chapter.overflow-visible [class*=intro-image-module],.modal.intro-chapter.overflow-visible [class*=intro-image-module]{width:98rem;height:71.075rem;object-fit:contain}.card.intro-story,.modal.intro-story{min-height:110rem;background:var(--background-alt-5)}.card.intro-story>*,.modal.intro-story>*{color:var(--lesson-story-text)}.card.intro-story [class*=intro-image-module] img,.modal.intro-story [class*=intro-image-module] img{width:100%;height:100%;object-fit:contain;object-position:bottom}.card.intro-story .card-content h1,.modal.intro-story .card-content h1{color:var(--lesson-story-text)}.card.intro-story .card-content .card-header .progress-bar .progress,.modal.intro-story .card-content .card-header .progress-bar .progress{background:var(--progress-active-alt)}.card.intro-story .card-content .content-columns .content,.modal.intro-story .card-content .content-columns .content{padding-inline:12rem}.card.intro-video,.modal.intro-video{height:80rem}.card.intro-video .card-content .progress-bar .progress,.modal.intro-video .card-content .progress-bar .progress{background:var(--progress-active-alt)}.card.intro-video .card-content h1,.modal.intro-video .card-content h1{color:var(--lesson-story-text)}.card.intro-video.overflow-visible,.modal.intro-video.overflow-visible{height:80rem;overflow:visible}.card.intro-video.overflow-visible [class*=intro-image-module],.modal.intro-video.overflow-visible [class*=intro-image-module]{width:98rem;height:80rem;object-fit:contain}.card[class*=skribbelwerk]:not(.skribbelwerk-settings),.modal[class*=skribbelwerk]:not(.skribbelwerk-settings){min-height:70rem}.card.final-page,.modal.final-page{min-height:75rem}.card.final-page .card-content h1,.modal.final-page .card-content h1{width:40ch}.card.final-page .button.secondary,.modal.final-page .button.secondary{margin-top:2rem}.lesson-toc{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:32rem;height:100%;background:var(--background-lightest);box-shadow:var(--card-box-shadow);transform:translateX(120%);transition:transform .3s ease;z-index:1000}.lesson-toc .toc-header{display:flex;justify-content:space-between;align-items:center;padding:2rem}.lesson-toc .toc-header h2{margin:0;font-size:2rem;color:var(--text)}.lesson-toc .toc-menu-items{list-style:none;margin-inline:2rem;padding:0 2rem 2rem 0;border-top:.1rem solid var(--border-quaternary);flex:1}.lesson-toc .toc-menu-items li{border-bottom:.1rem solid var(--border-quaternary);border-collapse:collapse}.lesson-toc .menu-item{display:flex;align-items:center;gap:1.2rem;padding:1rem;text-decoration:none;color:var(--text);transition:all .2s ease;background:var(--background-lightest)}.lesson-toc .menu-item:hover{background:var(--background-hover)}.lesson-toc .menu-item:has(.dot.dot-active){background:var(--background-hover)}.lesson-toc .menu-item span{font-size:1.6rem}.lesson-toc .menu-item.chapter,.lesson-toc .menu-item.tool{padding-left:2rem}.lesson-toc .menu-item.indent{padding-left:4rem}.lesson-toc .dot-container{display:inline-block;width:fit-content;height:fit-content}.lesson-toc .dot-container .dot{display:inline-block;width:.8rem;height:.8rem;background:var(--dot);border-radius:50%;flex-shrink:0}.lesson-toc .dot-container .dot.dot-active{background:var(--tertiary)}.toc-container-with-card.active .lesson-toc{position:relative;height:auto;transform:translateX(0)}.skribbelwerk-settings .card-content .card-header button.button.cancel{margin-right:3rem}.skribbelwerk-settings .card-content .card-header .progress-bar{margin:3rem 7rem 0}.modal-container{container:none;background:none;border:0}.modal-container .toc-container,.modal-container .close-button-container{position:relative;z-index:3}.modal-container .modal-wrapper{max-width:98rem}.modal-container::backdrop{background:var(--overlay)}.modal{width:98rem}.modal .card-content .card-header{height:auto}.modal .card-content .content-columns{gap:4rem;padding:1rem 6rem 1rem 6rem}.modal .card-content .content-columns .word-list{list-style:none;padding:0;margin-bottom:var(--gap-md);position:relative}.modal .card-content .content-columns .word-list li{width:100%;height:100%}.modal .card-content .content-columns .word-list li .word{display:inline-block;width:100%;height:100%;color:var(--text);text-align:left;text-decoration:none;padding:1rem;border-radius:0;border:0;margin-top:0;font-size:1.8rem}.modal .card-content .content-columns .word-list li .word:hover,.modal .card-content .content-columns .word-list li .word:focus,.modal .card-content .content-columns .word-list li .word.active{background:var(--background-hover)}.modal .card-content .content-columns .word-list li:has(.word.active){position:sticky;top:-1rem}.modal .card-content .content-columns .content{color:var(--text)}.modal.has-white-background-color{background:var(--background-lightest)}.modal.has-yellow-background-color{background:var(--modal-config-yellow)}.modal.card-close-modal{width:100%;border-radius:.3rem;min-width:40rem}.modal.card-close-modal .modal-content{padding:2rem}.modal.card-close-modal .modal-content h4,.modal.card-close-modal .modal-content p{margin:0 0 1rem;color:var(--text)}.modal.card-close-modal .modal-content p{font-size:1.6rem;font-weight:300}.modal.card-close-modal .modal-content .buttons-container{margin-top:2rem}[id^=hulpkaart-],[id^=uitleg-]{margin:1rem auto auto}[id^=hulpkaart-] .modal-wrapper,[id^=uitleg-] .modal-wrapper{display:flex;flex-direction:column;max-height:95dvh}[id^=hulpkaart-] .toc-container,[id^=uitleg-] .toc-container{flex:1;min-height:0;overflow:hidden}[id^=hulpkaart-] .toc-container-with-card,[id^=hulpkaart-] .card.modal,[id^=uitleg-] .toc-container-with-card,[id^=uitleg-] .card.modal{min-height:0}[id^=hulpkaart-] .card-content,[id^=uitleg-] .card-content{flex:1;min-height:0;overflow:hidden}[id^=hulpkaart-] .content-columns,[id^=uitleg-] .content-columns{flex:1;min-height:0;overflow-y:auto}[id^=hulpkaart-] .content-columns .column:has(.js-hulpkaart-image),[id^=uitleg-] .content-columns .column:has(.js-hulpkaart-image){align-self:flex-start;position:sticky;top:0}[id^=uitleg-] .card-content{margin:1rem 0 !important;padding:1rem 0 !important}[id^=uitleg-] .card-content .content-columns .content p,[id^=uitleg-] .card-content .content-columns .content h2,[id^=uitleg-] .card-content .content-columns .content h3,[id^=uitleg-] .card-content .content-columns .content h4,[id^=uitleg-] .card-content .content-columns .content h5,[id^=uitleg-] .card-content .content-columns .content h6{color:var(--text);font-size:1.6rem;line-height:1.5}[id^=uitleg-] .card-content .content-columns .content h2,[id^=uitleg-] .card-content .content-columns .content h3,[id^=uitleg-] .card-content .content-columns .content h4,[id^=uitleg-] .card-content .content-columns .content h5,[id^=uitleg-] .card-content .content-columns .content h6{margin-bottom:1rem}[id^=uitleg-] .card-content .content-columns .content.scroll-container{padding-right:30%}[id^=resend-invitation-modal-] .button-container,#message_actions_modal .button-container,#remove-draft-message-modal .button-container{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.6rem;padding:1.6rem;width:100%;background:var(--background-alt-9);border-top:.1rem solid var(--text-alt-7)}[id^=resend-invitation-modal-] .button,#message_actions_modal .button,#remove-draft-message-modal .button{width:fit-content;margin-left:auto}[id^=resend-invitation-modal-] .modal{width:35rem}#message_actions_modal::backdrop,#remove-draft-message-modal::backdrop{background:var(--overlay-alt-2)}#message_actions_modal h2,#remove-draft-message-modal h2{margin-top:0}#message_actions_modal h4,#message_actions_modal h3,#remove-draft-message-modal h4,#remove-draft-message-modal h3{margin:0}#message_actions_modal :is(h3,h4,p),#remove-draft-message-modal :is(h3,h4,p){font-size:1.4rem}#message_actions_modal .description,#remove-draft-message-modal .description{color:var(--chat)}#message_actions_modal .modal,#remove-draft-message-modal .modal{padding:0;width:100%;border-radius:.4rem}#message_actions_modal .modal .modal-header,#message_actions_modal .modal .author,#message_actions_modal .modal .participants,#remove-draft-message-modal .modal .modal-header,#remove-draft-message-modal .modal .author,#remove-draft-message-modal .modal .participants{padding-inline:1.6rem}#message_actions_modal .modal .author,#remove-draft-message-modal .modal .author{--text: #40454d;--icon-color: var(--text)}#message_actions_modal .modal .modal-header,#remove-draft-message-modal .modal .modal-header{padding-top:1.6rem}#message_actions_modal .modal .author-title,#message_actions_modal .modal .participants-title,#remove-draft-message-modal .modal .author-title,#remove-draft-message-modal .modal .participants-title{display:flex;align-items:center;gap:.8rem}#message_actions_modal .modal.draft-modal .modal-content h4,#remove-draft-message-modal .modal.draft-modal .modal-content h4{font-size:2rem}#message_actions_modal .modal.draft-modal .modal-content .draft-modal-explanation,#remove-draft-message-modal .modal.draft-modal .modal-content .draft-modal-explanation{width:50ch;font-size:1.6rem;padding-top:1.6rem;padding-inline:1.6rem}#message_actions_modal .modal.draft-modal .button-container input.button,#remove-draft-message-modal .modal.draft-modal .button-container input.button{margin:0}#message_actions_modal .card--linked-users .scroll-container,#remove-draft-message-modal .card--linked-users .scroll-container{padding:0}#message_actions_modal .card--linked-users .user-link,#remove-draft-message-modal .card--linked-users .user-link{padding:0;pointer-events:none}.banner{display:flex;flex-direction:row;gap:1rem;align-items:center;padding:.8rem 1.2rem;margin-bottom:1rem;background:rgba(0,0,0,0)}.banner .banner-text{font-size:1.6rem;line-height:2.1rem;margin:0}.banner.primary{background:var(--notification)}.banner.primary svg use{--icon-color: #9dcf4e}.banner.secondary,.banner.recap-banner{background:var(--notification-info)}.banner.secondary svg use,.banner.recap-banner svg use{--icon-color: var(--tertiary)}.banner.recap-banner .banner-text{color:var(--tertiary)}.banner.error{background:var(--notification-error)}.banner.error svg use{--icon-color: var(--close)}.slides-content-container{overflow:hidden}.slides-wrapper{width:100%;position:relative}.slides-wrapper .step_viewport{position:relative;width:100%}.message-conversation-container,.lesson-comments{padding:1rem}.message-conversation-container .subject-and-content-container,.lesson-comments .subject-and-content-container{padding:1rem 0}.message-conversation-container .replies-container,.lesson-comments .replies-container{padding:1rem 0 1rem 0}.message-conversation-container .replies-content,.message-conversation-container .comment-attachments,.lesson-comments .replies-content,.lesson-comments .comment-attachments{padding:1rem 1rem 1rem 4rem}.message-conversation-container .comments-feed,.lesson-comments .comments-feed{padding:1rem 4rem}.message-conversation-container .comment-attachments .attachment,.message-conversation-container .conversation-attachments .attachment,.lesson-comments .comment-attachments .attachment,.lesson-comments .conversation-attachments .attachment{border:.1rem solid var(--border);border-radius:.4rem;padding:1rem;margin-bottom:1rem}.message-conversation-container .comment-attachments .attachment .image-container,.message-conversation-container .conversation-attachments .attachment .image-container,.lesson-comments .comment-attachments .attachment .image-container,.lesson-comments .conversation-attachments .attachment .image-container{margin:0;aspect-ratio:454/267;overflow:hidden;border-radius:.4rem;width:100%}.message-conversation-container .comment-attachments .attachment .image-container img,.message-conversation-container .conversation-attachments .attachment .image-container img,.lesson-comments .comment-attachments .attachment .image-container img,.lesson-comments .conversation-attachments .attachment .image-container img{width:100%;height:100%;object-fit:cover}.message-conversation-container .comment-attachments .attachment .attachment-meta,.message-conversation-container .conversation-attachments .attachment .attachment-meta,.lesson-comments .comment-attachments .attachment .attachment-meta,.lesson-comments .conversation-attachments .attachment .attachment-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0}.message-conversation-container .comment-attachments .attachment .attachment-meta .file-name,.message-conversation-container .conversation-attachments .attachment .attachment-meta .file-name,.lesson-comments .comment-attachments .attachment .attachment-meta .file-name,.lesson-comments .conversation-attachments .attachment .attachment-meta .file-name{font-size:1.5rem;font-weight:400}.lesson-comments .reaction-container .reaction{margin-bottom:1.6rem;max-width:59rem}.comment-votes{position:relative;margin-bottom:15px}.comment-votes .vote-btn{position:relative !important;display:inline-flex;align-items:center;gap:6px}.comment-votes .vote-btn[disabled],.comment-votes .vote-btn.author-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.comment-votes .voters-popover{position:absolute;transform:translateX(-50%);background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:8px 10px;box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:1050;min-width:130px;max-width:220px;pointer-events:none;white-space:nowrap;opacity:1 !important}.comment-votes .voters-popover::before,.comment-votes .voters-popover::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-style:solid}.comment-votes .voters-popover::before{border-width:7px 7px 0 7px;border-color:#cbd5e1 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.comment-votes .voters-popover::after{border-width:6px 6px 0 6px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.comment-votes .voters-popover .voters-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.comment-votes .voters-popover .voters-list .voter-item{display:flex;align-items:center;gap:8px}.comment-votes .voters-popover .voters-list .voter-item .voter-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.comment-votes .voters-popover .voters-list .voter-item .voter-name{font-size:1.5rem;font-weight:400;color:#334155}.password-toggle-btn{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0);border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0;z-index:10;height:auto;min-width:0}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{width:1.6rem;height:1.6rem;display:block}input[type=password],input.passwordinput{padding-right:6.5rem}.password-toggle-wrapper input{padding-right:6.5rem}footer#bottom{display:block;width:100%}footer#bottom ul.footer-links{display:flex;width:100%;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0}@media screen and (min-width: 768px){footer#bottom ul.footer-links{flex-wrap:nowrap;justify-content:start;flex-direction:row;gap:1.6rem}}footer#bottom ul.footer-links li a,footer#bottom ul.footer-links li span{display:inline-block;padding:1rem;color:var(--text-alt-7);text-decoration:none;transition:color .2s ease;font-size:1.4rem;line-height:normal;text-align:center}footer#bottom ul.footer-links li a:hover{color:var(--text-alt-1)}@media screen and (min-width: 768px){footer#bottom ul.footer-links li:last-of-type{margin-left:auto}}#hero .hero-background{position:relative;width:100%;height:100%}#hero .hero-background img{width:100%;height:100%;object-fit:cover}#hero .hero-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;justify-content:space-between;padding:1.6rem}@media screen and (min-width: 768px){#hero .hero-content{align-items:center}}#hero .hero-content .hero-column-left,#hero .hero-content .hero-column-right{display:flex;flex-direction:row;align-items:center}#hero .hero-content .hero-column-left{gap:.8rem}#hero .hero-content #hero-title{font-size:1.9rem;color:var(--text-alt-6);font-weight:700;line-height:2.9rem;margin:0}#hero .hero-content .hero-icon{display:flex;height:3.8rem;width:3.8rem;padding:.4rem;align-items:center;justify-content:center;border-radius:.4rem;background:var(--link-alt-2);color:var(--text-alt-3)}#hero .hero-content .hero-icon svg use{--icon-color: var(--text-alt-3)}#hero .hero-content button.hero-icon{appearance:none;border:0;cursor:pointer}#hero:has(.hero-content){--border: #dde0e5;border-bottom:.2rem solid var(--border)}/*# sourceMappingURL=style.css.map */