/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.mb-3{margin-bottom:.75rem}.me-auto{margin-inline-end:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.table{display:table}.w-full{width:100%}.grow{flex-grow:1}.resize{resize:both}.justify-center{justify-content:center}.px-\[1\.5vw\]{padding-left:1.5vw;padding-right:1.5vw}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.text-\[1\.5vw\]{font-size:1.5vw}.leading-\[2vw\]{line-height:2vw}.underline{text-decoration-line:underline}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:SPro!important;font-weight:500;margin:0;padding:0}a{text-decoration:none!important}.App{background-color:#aba9c3;display:flex;flex-direction:column;justify-content:center;min-height:100vh}@font-face{font-family:SPro;src:url(/static/media/SourceSansPro-Regular.df87f53caf449a3b7572.ttf)}p{font-size:1vw;line-height:2vw;white-space:pre-wrap!important}h1{font-size:2vw}h3{font-weight:800;white-space:pre-wrap!important}.select option p{font-size:1.1vw!important;width:auto!important}option{font-size:1.1vw;padding:1vw}.video-selector{align-items:center;display:flex;flex-direction:column;gap:1vw;justify-content:space-between}.video-selector-button{border-color:#0000;border-radius:1vw;font-size:1.5vw;height:2vw;margin:0 1vw;width:2vw}.video-selector-button:hover{background-color:#7790a7;transition:.5s}.video-selector-button-active{background-color:#99c3ee}.video-unactive{display:none}.videos-answers{display:flex;font-size:2vw;gap:2vw}.videos-selector-answers{text-align:center}.form-control{background-color:#fcf7f8;border-color:#0000;border-radius:1vw;color:#363a3f;font-weight:600;min-width:5vw;padding:.2vw;transition:.3s}.select-option-hide{display:none}.videos-text{height:200px;overflow:auto;width:800px}video{height:20vw;width:40vw}.check-button{align-self:center;background-color:#fcf7f8;border-radius:1vw;border-width:0;color:#275dad;cursor:pointer;font-size:2vw;margin-top:30px;transition:.3s;width:10vw}.check-button:hover{background-color:#ced3dc}.input-task{display:flex;flex-direction:column}.input-task .text-container,.input-task .text-container p{font-size:1.5vw}.input-words{align-self:center;background-color:#fff;border:.1vw solid #275dad;border-radius:1vw;display:flex;flex-wrap:wrap;margin-top:1vw;max-width:80vw;padding:1vw}.input-words p{color:#363a3f;flex:1 1 20%;font-size:1.5vw!important;font-weight:800;text-align:center}.unactive{display:none}.no-style{list-style-type:none}.input-box-with-word,.input-task-inputs{display:flex;flex-direction:column;gap:1vw}.input-task-inputs{max-width:20vw}.input-line-type{background-color:#fff;border:.1vw solid #275dad;border-radius:1vw;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1vw}.input-line-type>*{font-size:1.25vw}.bold{font-weight:800}.text-show{line-height:2vw!important}.image{display:flex;justify-content:center}iframe{align-self:center;margin-left:5vw}.select{flex-grow:1;margin-left:1vw;width:auto}p .page-title{font-size:1.5vw!important}.link{color:#275dad!important}.MuiSelect-button{white-space:normal!important}.me-auto{display:flex;justify-content:space-around;width:30vw}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:1.5vw;position:relative;text-align:center;top:.8vw}.nav-container .logos{display:flex;gap:15px}.nav-container .logos a{align-items:center;display:flex}.nav-container .logos a span{font-size:16px;text-align:right}.navbar{background-color:#fcf7f8;border-bottom-left-radius:2vw;border-bottom-right-radius:2vw;position:relative;top:-2vw}.nav-link p{font-size:2vw}.nav-link{color:#5b616a;transition:.3s}.nav-link:hover{color:#275dad}.site-title p{color:#5b616a;font-size:2vw}.site-title{margin-left:25vw}.navbar-brand img{height:3vw}.footer{color:#275dad;flex-direction:column;justify-self:end;margin-top:auto}.footer,.footer-top{display:flex;justify-content:space-between}.footer-top{background-color:#8c94bc;border-top-left-radius:5vw;border-top-right-radius:5vw;gap:1vw;padding:.5vw 5.5vw}.footer-link{color:#fff;font-size:1vw!important}.page-title{color:#275dad;font-size:2vw;font-weight:800;margin-bottom:1vw}.page{align-items:center;align-self:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;gap:.1vw;margin:0 100px 20px;padding:50px 100px 150px}.page h1{margin-bottom:20px}.page ol{align-self:flex-start;margin-top:.5vw}.about-title{align-self:flex-start;color:#5b616ad8;font-size:1.8vw!important;font-weight:800}.about-video{margin:0 auto}.page a{color:#5b616a;font-weight:800}.page ul{color:#5b616a;font-size:1.5vw;margin-bottom:.5vw}.page h2{margin-bottom:1vw}.page p{color:#5b616a;font-size:1.5vw}.page-table{align-self:flex-start}.home-text{font-size:16px!important;text-align:center}.teacher-name{color:#5b616a;font-size:1.5vw;margin-bottom:2vw;margin-top:24px}.low-text{color:#5b616a;font-size:1.2vw;margin-top:33px;text-align:center}@media screen and (max-width:900px){.page{margin:10px;padding:20px}}.units{align-self:center;height:100%;margin-bottom:5vw}.units-handler{display:flex;flex-direction:column;gap:1vh;justify-content:space-between}.unit-in-handler-buttons{display:flex;gap:1vw;justify-content:space-evenly}.unit-in-handler{background-color:#fcf7f8;border-radius:1vw;color:#275dad;display:flex;flex-direction:column;font-size:2vw;gap:2vw;height:11vw;padding:2vw 1.5vw 0}.button{align-self:flex-end;border-radius:.5vw;color:#275dad!important;margin-top:1vw;padding:.4vw .5vw;transition:.5s}.button:hover{background-color:#ced3dc;border-radius:2vw;color:#022a66}.unit-task-unactive{display:none}.unit-buttons{background:#fcf7f8;border-top-left-radius:1vw;border-top-right-radius:1vw;display:flex;gap:0;justify-content:space-around;left:10vw;overflow-x:overlay;padding:1vw 0;position:relative;top:-2.1vw;transform:rotateX(180deg);width:80vw;z-index:9999}.unit-buttons::-webkit-scrollbar{height:.5vw}.unit-buttons::-webkit-scrollbar-thumb{background-color:#ced3dc;border-radius:.5vw;width:1vw}.unit-button{background-color:initial;border:0;color:#0033ab;cursor:pointer;font-size:2vw;font-weight:400;min-width:5vw;text-align:center;transform:rotateX(180deg);transition:.3s}.unit-button-active,.unit-button:hover{color:#de3b21}.unit-tasks{align-content:center;left:23vw;padding:2vw;position:relative;width:50vw}.unit,.unit-tasks{display:flex;flex-direction:column}.unit{margin-bottom:2vw;padding-bottom:50px}.unit-title-in{margin-left:10vw}.unit-task-changer{align-items:center;align-self:center;color:#275dad;display:flex;justify-content:space-between;padding:0 2vw;width:80vw}.task-change-button{background-color:#fcf7f8;border:0;border-color:#0000;border-radius:2vw;color:#275dad;cursor:pointer;font-size:1.5vw;padding:1vw;transition:.3s}.task-change-button:hover{background-color:#d3d1d2}.task-change-next{padding:0 1.7vw}.task{gap:1vw;left:-15vw;position:relative}.task,.task-type{align-self:center;display:flex;flex-direction:column;width:80vw}.task-type{gap:2vw}.task-title{color:#fcf7f8;font-size:2.5vw;font-weight:600;text-align:left}.task-explanation p{background-color:#fff;border:3px solid #fff;border-radius:10px;color:#0033ab;font-size:1.5vw;font-weight:600;line-height:1.8vw;margin-bottom:2vw;padding:1vw;text-align:left}.task-type div:last-of-type .check-button{bottom:-75px;margin-top:0;position:relative}.compare-answers{flex-wrap:wrap}.compare-answers,.compare-answers-inline{align-content:center;display:flex;gap:1vw}.compare-answers-inline{flex-direction:column}.compare-answers-collage{align-content:center;color:#363a3f;display:flex;flex-wrap:wrap;gap:1vw}.compare-selector-answers{gap:1VW;justify-content:center}.compare-task{display:flex;flex-direction:column;gap:1vh;justify-content:space-between}.compare-selector-answers{display:inline-block;flex:1 0 33.333333%;margin-top:1vw}.compare-selector-answers p{color:#fff!important;font-size:1.8vw!important}.compareinline-selector-answers{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:50vw;text-align:left}.compareinline-selector-answers .form-control{background-color:#fcf7f8;border-color:#0000;border-radius:1vw;color:#363a3f;font-size:1.15vw;font-weight:400;padding:.3vw;text-align:left;transition:.3s;width:100%}.text-show ol{display:flex;flex-direction:column;gap:1vw}.compare-task img{align-self:center;margin-top:1vw;max-width:60vw;min-width:20vw;width:auto}.compareinline-selector-answers p{color:#fff;font-size:1.05vw;font-weight:600;min-width:12vw;text-align:left}.collage-block p{background-color:#fff;border-radius:1vw;color:#5b616a;font-size:1.5vw!important;padding:1vw;text-align:left}.collage-answers .form-control{background-color:#fcf7f8;border-color:#0000;border-radius:1vw;color:#363a3f;font-size:1.5vw;font-weight:600;padding:.3vw;text-align:center;transition:.3s;width:100%}.collage-block{border-bottom:.2vw solid #275dad;display:flex;flex:1 0 35.333333%;flex-direction:column;gap:3vw;margin-bottom:1vw;min-width:25vw;padding:1vw 0 4vw}.collage-answers,.collage-text{display:flex;gap:1vw}.collage-answers{justify-content:space-evenly}.collage-answers .MuiSelect-button{font-size:21px;font-weight:700;justify-content:center}.compare-task .text-container{margin-bottom:2vh}.compare-inline-block{align-items:center;display:flex;gap:10px}.compare-inline-block .diffinitions,.compare-inline-block .selectors{display:flex;flex-direction:column;gap:5px}.compare-inline-block .diffinitions p{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;white-space:nowrap!important}.check-window-back{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.check-window-close-button{align-items:baseline;display:flex}.check-window{background-color:#aba9c3;border-radius:2vw;padding:1vw;text-align:center;width:25vw}.check-window h3{color:#fff;font-size:4vw;margin-left:auto}.check-window p{color:#fff;font-size:3vw}.results-holder{align-content:center;align-self:center;display:flex;flex-wrap:wrap;gap:1vw;padding:20px;text-align:left}.results-holder p{flex:1 0 40%;font-size:2vw;white-space:nowrap!important}.correct-answer{color:green}.wrong-answer{color:red}.text-container{background-color:#fff;border-bottom-left-radius:1vw;border-top-left-radius:1vw;color:#5b616a;font-size:2vw;line-height:1.5vw;margin-top:1vw;max-height:45vh;overflow:scroll;overflow-x:hidden;text-align:left}.text-container h3{font-size:1.8vw!important;font-weight:800!important}.text-container p{font-size:1.5vw}.text-container::-webkit-scrollbar{width:.6vw}.text-container-authors{font-size:1vw!important}.no-type{list-style-type:none}.text-container::-webkit-scrollbar-thumb{background-color:#275dad;border-radius:.5vw}li{color:#275dad;margin-left:1.5vw;margin-top:1vw}li p{color:#5b616a;font-size:1.5vw}.row-label{color:#275dad}.compare-selector-answers{align-items:baseline;align-self:center;display:flex;gap:5vw;justify-content:space-between;width:80vw}.compare-selector-answers p{color:#5b616a;font-size:1.5vw;font-weight:700;min-width:40%;text-align:left}.form-control{font-size:1.5vw;text-align:center}.compare-task-two-columns{display:flex;gap:5vw}.compare-task-two-columns>*{flex:1 0 40%}.left-text ol li{list-style-type:none}.left-text{padding-left:1vw!important}ol p{color:#5b616a;font-size:1.5vw}li h3{font-size:1.8vw!important;font-weight:900;line-height:1.6vw!important}.input-task li h3{color:#5b616a}a{border:0;border-radius:2vw;color:#275dad;font-size:1.5vw;font-weight:800}.text-container{padding:1vw}.right-text{padding-left:1.5vw}.right-text h3{color:#275dad;font-weight:800;line-height:2vw}.right-text li{border:.2vw solid #275dad;border-radius:.4vw;height:2vw;left:-1.5vw;list-style-type:none;margin-bottom:1vw;position:relative;text-align:center;width:2vw}.input-field{background-color:initial;border-color:#275dad;border-width:.1vw;color:#275dad;font-size:1.5vw;height:1.8vw;outline:none!important;overflow:visible;padding:0 .5ch}.input-field-correct{border-color:green;border-width:.2vw}.input-field-wrong{border-color:red;border-width:.2vw}.video-show{align-items:center;display:flex;flex-direction:column;gap:2vw;width:80vw}video{align-self:center;height:auto;width:45vw}.video-show img{max-width:70vw;min-width:30vw;padding-bottom:15vh;width:auto}.video-show .video-little-title{color:#5b616a;font-size:1.55vw!important}.video-show .video-title{color:#5b616a;font-size:1.8vw!important}.check-box{height:1.5vw;opacity:0;position:absolute;width:1.5vw}.check-box+label:before{background-color:#dddfe4;background-position:50%;background-repeat:no-repeat;background-size:10% 50%;border-radius:.4vw;content:"";display:inline-block;flex-grow:0;flex-shrink:0;height:1.5vw;width:1.5vw}.check-box:checked+label:before{background-color:#5ae784;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");background-size:1vw;border-color:#5ae784}.check-box-crossed:checked+label:before{background-color:#e24949;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23fff' d='M810.66 170.66q18.33 0 30.495 12.165t12.165 30.495q0 18.002-12.33 30.33L572.315 511.98 840.99 780.308q12.329 12.33 12.329 30.331 0 18.33-12.165 30.495T810.66 853.3q-18.002 0-30.331-12.329L512 572.293 243.671 840.97q-12.329 12.33-30.33 12.33-18.33 0-30.496-12.166T170.68 810.64q0-18.002 12.33-30.33l268.676-268.33L183.01 243.652q-12.329-12.33-12.329-30.331 0-18.33 12.165-30.495t30.495-12.165q18.002 0 30.331 12.329L512 451.666l268.329-268.677q12.329-12.33 30.33-12.33z'/%3E%3C/svg%3E");background-size:1vw;border-color:#e24949}.check-box-container{align-items:center;display:flex;gap:.5vw}.tf-task-statement{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:1vw 0 0}.tf-task-statement p{color:#fff;font-size:1.5vw;font-weight:800}.check-task,.tf-task-boxes{display:flex;gap:1vw}.check-task{flex-direction:column}.text-title{align-self:center;color:#5b616a}.flex-column .text-title-little{font-size:1.55vw!important}.flex-column{display:flex;flex-direction:column;gap:1vw}.bold-text{font-weight:800}
/*# sourceMappingURL=main.f44377a1.css.map*/