@font-face{font-family:Lexend;font-style:normal;font-weight:200;src:url(../../static/media/Lexend-Thin.be739e2f818e73a668e2.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:300;src:url(../../static/media/Lexend-Light.b46999297910352fb5e9.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:400;src:url(../../static/media/Lexend-Regular.c1127ca13a80da9ac7d1.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:500;src:url(../../static/media/Lexend-Medium.2b0cd16dffbcd40dc034.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:600;src:url(../../static/media/Lexend-SemiBold.8db01b08b333677ba3eb.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:700;src:url(../../static/media/Lexend-Bold.baec20416715cfc7734d.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:800;src:url(../../static/media/Lexend-ExtraBold.78952e20ba8b22232389.woff2) format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:900;src:url(../../static/media/Lexend-Black.e42ad459b225a645203a.woff2) format("woff2")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:F2B Century Gothic,Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif}@font-face{font-family:F2B Roboto;font-style:normal;font-weight:400;src:url(../../static/media/roboto-v29-latin-regular.9b78ea3bc4f00e508f01.woff) format("woff")}@font-face{font-family:F2B Roboto;font-style:italic;font-weight:400;src:url(../../static/media/roboto-v29-latin-italic.c8864b37568c1e60cc44.woff) format("woff")}@font-face{font-family:F2B Roboto;font-style:normal;font-weight:700;src:url(../../static/media/roboto-v29-latin-700.0344cc3c5cd0959f5f92.woff) format("woff")}@font-face{font-family:F2B Roboto;font-style:italic;font-weight:700;src:url(../../static/media/roboto-v29-latin-700italic.43c077649e51429fefb9.woff) format("woff")}@font-face{font-family:F2B Roboto;font-style:normal;font-weight:900;src:url(../../static/media/roboto-v29-latin-900.b555d2282352d94691bc.woff) format("woff")}@font-face{font-family:F2B Roboto;font-style:italic;font-weight:900;src:url(../../static/media/roboto-v29-latin-900italic.e293def90a4c29323e64.woff) format("woff")}@font-face{font-family:F2B Century Gothic;font-style:normal;font-weight:400;src:url(../../static/media/century-gothic.e42315305d4d75f60461.woff) format("woff")}@font-face{font-family:F2B Century Gothic;font-style:italic;font-weight:400;src:url(../../static/media/century-gothic-italic.d104db1b42f4bf0582e5.woff) format("woff")}@font-face{font-family:F2B Century Gothic;font-style:normal;font-weight:700;src:url(../../static/media/century-gothic-bold.ae199c91f4793077429f.woff) format("woff")}@font-face{font-family:F2B Century Gothic;font-style:italic;font-weight:700;src:url(../../static/media/century-gothic-italic-bold.04ca799f56d2187f2db7.woff) format("woff")}@font-face{font-family:F2B Icons;font-style:normal;font-weight:400;src:url(../../static/media/f2b-fonts.b86a7fa42b2ac3371af3.woff) format("woff")}f2b-app{background:#fcaf60;font-weight:400}.f2b-font-icon{font-family:F2B Icons}:root{--default-font-family:"Lexend","Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif;--default-color:#514895;--light-default-color:#8167af;--light-color:#f5fafd;--base-orange-color:#ff941d;--base-blue-color:#089cd8;--base-red-color:#dd4943;--base-green-color:#79c315;--base-yellow-color:#fdc132;--default-border-radius:0.45em;--default-inset-shadow:0px 3px 6px #00000016 inset;--default-inset-hover-shadow:0px -4px 5px #42424244 inset;--default-shadow:0px 3px 6px #00000016;--default-gap-spacing:0.5em}body{background-color:#f5fafd;background-color:var(--light-color);color:#514895;color:var(--default-color);margin:0;overflow-y:auto;padding:0}body,button,p{font-family:Lexend,Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif;font-family:var(--default-font-family)}button,p{font-size:.9em;font-weight:400}h1{font-size:2em;margin:.5em auto}h3{font-size:1.1em;margin:0 auto .5em}.App{align-items:stretch;background-position:50% 83%;background-repeat:repeat-x;background-size:cover;display:flex;flex-direction:column;font-size:24px;height:100vh;justify-content:flex-start;overflow-y:auto;text-align:center}.App:before{background:#00000080;background:url(../../static/media/one-app-background.9ef6d1d19a65870405c4.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:60%;left:50%;opacity:.5;top:0;transform:translateX(-50%)}.App:after,.App:before{content:"";position:absolute;width:100%;z-index:-1}.App:after{background:#00000080;background:url(../../static/media/login-background-scene.6c340f67636261b5908f.svg);background-position:bottom;background-repeat:repeat-x;bottom:0;height:30%;left:0}.App .login-section{background:none}.App .app-screen{height:100vh;width:100vw}.App #modal-root,.App .app-screen{font-size:min(4.5vw,4.5vh,1em)}.App.cku-orange,.App.cku-red{background:url(../../static/media/cku-background.16de1b9d8cc67698bc6f.svg);background-color:#fff;background-position:50% 65%;background-repeat:repeat-x;background-size:cover}.App.cku-red .app-district{background:#eb2127}.App.cku-orange .app-district{background:#f57f20}.App.cku-orange .app-district,.App.cku-red .app-district{color:#fff}.App .login-section{border-top:none}.App .app-screen{transition-duration:1s;transition-property:margin}.App.soft-keyboard .app-screen{margin-bottom:300px;transition-property:none}.App .modal-background{height:103%;transition-duration:1s;transition-property:padding}.App.soft-keyboard .modal-background{padding-bottom:300px;transition-property:none}.App.soft-keyboard .modal-instance{overflow-x:hidden;overflow-y:scroll}.app-screen{display:flex;flex-direction:column;height:100%;min-height:100vh}#text-section p{margin:0}.app-header{display:flex;-webkit-user-select:none;user-select:none}.section{margin:.5em}.header-column{&.left{text-align:left}&.center{align-items:center;display:flex;flex:auto;justify-content:center;text-align:center;.app-logo{background-image:url(../../static/media/myf2b-logo.b6680480a2df8ba2204d.svg);background-repeat:no-repeat;background-size:contain;box-sizing:border-box;height:70px;width:70px}}&.right{text-align:right}}.welcome-screen{display:flex;flex-direction:row;height:100%;justify-content:space-evenly;.welcome-screen-content{align-items:start;animation:fade-screen-in 1s;border-radius:.5em;display:flex;flex-direction:column;justify-content:start;margin:0 1em;padding:1em}.app-logo{background-image:url(../../static/media/myf2b-logo.b6680480a2df8ba2204d.svg);background-repeat:no-repeat;background-size:contain;height:150px;width:170px}.welcome-message{color:#089cd8;color:var(--base-blue-color)}}.login-section{align-items:center;background:#419fd6;border-top:5px solid #fff;display:flex;flex-direction:column;flex-grow:1;margin:0;position:relative}.section-buffer{flex-grow:1}.section-center{position:relative;width:100%}#login-buttons-section{margin:1em auto;max-width:1000px;padding:.5em}#buttons-section{font-weight:700}#buttons-section,.login-buttons-container{align-items:center;display:flex;flex-direction:column}.login-buttons-container{flex-grow:1;flex-shrink:0;gap:.5em;gap:var(--default-gap-spacing);width:100%}.login-small-buttons-container{flex-grow:0;flex-shrink:1}.app-district{background:#fff;color:#3887b6;flex-shrink:0;font-size:1em;margin:0;overflow:auto;padding:.4em}.app-district p{margin:0 auto}.app-footer{align-items:end;color:#000;display:flex;flex-direction:row-reverse;flex-grow:0;font-weight:700;justify-content:center;margin:0;min-height:70px;position:relative}.copyright-section{color:#f5fafd;color:var(--light-color);flex-grow:1;font-size:.7em}.copyright{padding-bottom:.5em}.version-number{color:#fdc132;color:var(--base-yellow-color);font-size:.75em;font-style:italic;margin-top:4px}.footer-btns{-webkit-user-select:none;user-select:none}.footer-btns a{color:#000!important}.footer-btns ul{display:flex;flex-direction:row;gap:.5em;gap:var(--default-gap-spacing);justify-content:center;list-style:none;margin:0;padding:0}.login-or{align-items:center;align-self:stretch;display:flex;flex-direction:column;flex-grow:0;flex-shrink:1;margin:1em 2em}.login-or span{border-bottom:none;border-left:2px solid #fff;flex:1 1;height:0;line-height:0;margin:0}.login-or p{margin:.5em 0}.round-btn{aspect-ratio:1;border:3px solid #fff;border-radius:50%;box-shadow:inset 0 3px 6px #00000016;box-shadow:var(--default-inset-shadow);box-sizing:border-box;cursor:pointer;overflow:hidden;width:3em;&:hover{box-shadow:inset 0 -4px 5px #42424244;box-shadow:var(--default-inset-hover-shadow)}}.empty-btn{height:3em;width:3em}.header-btns .empty-btn{display:none}.exit-btn{border-radius:50%;height:3em;position:absolute;right:-1.5em;top:-1.5em;width:3em}.login-small-button{align-items:center;background:#3f7fe8;border:2px solid #fff;border-top-left-radius:.58em;border-top-right-radius:.58em;color:#fff;cursor:pointer;display:flex;margin:.5em;text-align:left}.login-small-button img{height:1em;margin:.5em;vertical-align:middle;width:1em}.login-small-button .login-label{font-size:.8em;margin:.5em}.base-button{background:#3887b6;border-radius:.45em;border-radius:var(--default-border-radius);color:#fff;cursor:pointer;display:flex;font-size:.9em;font-weight:600;justify-content:center;padding:.4em 1em;width:100%;&.primary{background:#514895;background:var(--default-color);border:2px solid #fff;box-shadow:inset 0 3px 6px #00000016;box-shadow:var(--default-inset-shadow);&:hover{box-shadow:inset 0 -4px 5px #42424244;box-shadow:var(--default-inset-hover-shadow)}}&.secondary{background:#089cd8;background:var(--base-blue-color);border:none;box-shadow:0 3px 6px #00000016;box-shadow:var(--default-shadow);width:100%}&.link{background:none;border:none;font-size:.8em;font-weight:300;text-decoration:underline}&.disabled{cursor:not-allowed;opacity:.5}>.text{flex-grow:1}>.icon{align-self:flex-start;height:1.2em;width:1.2em}}.login-logo{align-items:center;align-self:stretch;background:#fff;border-top-left-radius:.5em;display:flex;margin:1px}.login-button.login-super-secret .button-text:before{background:url(../../static/media/super-secret-icon.62957dd5e5fd5e7e30d3.svg) no-repeat;content:"";display:inline;height:1.3em;left:1em;position:absolute;width:2em}.login-button.login-student-id{background:#de173f}.login-button.login-student-id .button-text:before{background:url(../../static/media/student-id-icon.86c62e1a1050347b42c1.svg) no-repeat;content:"";display:inline;height:1.3em;left:1em;position:absolute;width:2em}.login-button.login-username{background:#5a61a7}.my-family-account-button{background:#7ad9ff88;border:none;bottom:0;color:#5a61a7;font-weight:300;margin:.5em;right:0}.app-screen.offline .login-button.login-username{cursor:not-allowed;opacity:.25}.info-btn,.online-btn{cursor:pointer;display:inline-block}.online-btn{position:relative}.back-btn img,.info-btn img,.language-btn img,.next-btn img,.online-btn img{user-drag:none;-webkit-user-drag:none}.header-left-btns .back-btn{display:inline-block}.online-notice{align-items:center;background:#f83;border-radius:50%;color:#fff;display:flex;font-size:.8em;justify-content:center;min-height:1.2em;min-width:1.2em;padding:.1em;position:absolute;right:-2px;top:-2px}#student_id-table .student-id-icon{margin:.5em auto;max-width:5em}.form-table{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:.5em;gap:var(--default-gap-spacing);margin:0 auto;max-width:600px;min-width:300px;padding:1em;vertical-align:middle;width:100%}.form-table p{margin:0}.form-table-input{border:2px solid #dfdfdf;border-radius:.45em;border-radius:var(--default-border-radius);box-sizing:border-box;font-family:Lexend,Century Gothic,Apple Gothic,AppleGothic,URW Gothic L,Avant Garde,Futura,sans-serif;font-family:var(--default-font-family);font-size:1em;padding:.33em .5em;scroll-margin:2em;width:100%}.form-table-input::-ms-input-placeholder,.form-table-input::placeholder{opacity:.4}.form-table .field-instructions,.modal-box .field-instructions{margin:0 0 .4em}.form-table .field-instructions{display:none}.input-divider{display:block;height:1em}#gateway-form .gateway-code{color:#222;font-weight:700;margin:.5em auto 1em}#gateway-form .num-keyboard{grid-gap:.25em;display:grid;grid-template-columns:auto auto auto auto auto;margin-top:.25em}#gateway-form .num-keyboard-key{background-color:#fff;border-radius:.5em;box-shadow:0 3px 6px #00000016;box-shadow:var(--default-shadow);color:#222;cursor:pointer;font-weight:700;padding:.5em;&:active,&:hover{box-shadow:inset 0 3px 6px #00000016;box-shadow:var(--default-inset-shadow)}&:active{background-color:#f5f5f5}}.gateway-answer-container{position:relative}.gateway-answer-clear{border-radius:.5em;cursor:pointer;height:100%;position:absolute;right:0;top:0}@keyframes drop-screen-in{0%{animation-timing-function:ease-in;opacity:0;transform:translateY(-250px)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}@keyframes fade-screen-in{0%{animation-timing-function:ease-in;opacity:0;transform:translateX(-250px)}to{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}}#username-table a{color:#5b5c86;font-size:.8em}.form-table-submit{color:#fff;display:block;font-size:1em;margin:0 auto;padding:.5em;width:100%}#username-table .show-btn,.form-table-submit{border-radius:.45em;border-radius:var(--default-border-radius);cursor:pointer}#username-table .show-btn{color:#8167af;opacity:.3;padding:.2em;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:1.6em;&:hover{opacity:.8}}#username-table .forgot-password{margin-top:.5em}.password-group{align-items:center;display:flex;flex-direction:row;position:relative}.secret-box-container{align-items:center;display:flex;gap:1em;justify-content:center;margin:.67em;overflow:hidden;-webkit-user-select:none;user-select:none}.secret-box-scroller{transition:transform 2s}.secret-box-scroller.active{transform:translateY(-90%)}.secret-box{aspect-ratio:1;background:#fff;border:2px solid #ff941d;border:2px solid var(--base-orange-color);border-radius:.45em;border-radius:var(--default-border-radius);overflow:hidden;width:4em}.secret-codes-box{-webkit-user-select:none;user-select:none}.secret-codes-container{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;max-width:770px;padding:1em}.secret-code{background:#fff;border-radius:.45em;border-radius:var(--default-border-radius);box-shadow:0 3px 6px #00000016;box-shadow:var(--default-shadow);cursor:pointer;margin:.25em;position:relative;width:3em;&:active{background-color:#f5fafd;background-color:var(--light-color)}&:active,&:hover{box-shadow:inset 0 3px 6px #00000016;box-shadow:var(--default-inset-shadow)}}.secret-code img{user-drag:none;-webkit-user-drag:none}.secret-code-letter{aspect-ratio:1/1;display:block;width:100%}.secret-code-char{color:#000;font-size:1.25em;font-weight:700;line-height:0;position:relative;top:-.25em}.secret-box .code-img{width:100%}.email-hint{color:#fbb;font-size:.8em;margin:0}.screen-transition-enter{background:red;left:0;position:absolute;right:0;top:0;transform:translateX(150%);transition:transform 1s;transition:none!important}.screen-transition-exit{left:0;position:absolute;right:0;top:0;transform:translateX(-150%)}.screen-container{transition:transform 1s;width:100%}.screen-bottom-nav{position:relative}#modal-root{position:fixed}.modal-instance{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:1.25em;position:absolute;top:0;width:100vw}@keyframes modal-background-fade{0%{opacity:0}to{opacity:1}}.modal-background-container{animation:modal-background-fade .5s;height:100%;position:absolute;width:100%}.modal-background{background:#000c;height:100%;width:100%}@keyframes modal-present{0%{animation-timing-function:linear;top:-120%}75%{animation-timing-function:ease-in;top:-20%}50%,to{animation-timing-function:ease-out;top:0}}.modal-box{animation:modal-present 1s;animation-delay:.5s;animation-fill-mode:both;background:#f5fafd;background:var(--light-color);border:4px solid #fff;border-radius:.45em;border-radius:var(--default-border-radius);box-sizing:border-box;max-height:100vh;max-width:600px;padding:1.25em;position:relative;width:100%}.modal-extended{font-size:.8em;height:100%;width:100%}.modal-extended .modal-box{animation:none;height:100%;max-width:none;text-align:left}.modal-extended .entry-content{height:100%;overflow:auto}.modal-extended h2.entry-title{background:#0003;font-size:1.5em;padding:.2em 0 .2em .3em;text-transform:uppercase}.modal-extended .modal-box p{margin:1em auto}.modal-extended .entry-nav{display:flex;flex-direction:row;gap:1em;margin-bottom:1em}.modal-box h2{font-size:2em;margin:auto}.modal-box p{margin:auto}.modal-box .form-error-message{color:#b00;font-size:.8em;margin-top:.5em}.modal-content{margin:.83em auto}.modal-alert-icon{height:1em;margin-bottom:.2em;margin-right:.2em;vertical-align:middle}.modal-close-btn{background:#b2d236;border:3px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;margin-top:0;padding:.42em 1.67em}.modal-box .secret-code{cursor:default}@media screen and (max-width:979px) and (orientation:landscape){.secret-codes-container{max-width:none}.secret-code{flex:0 0 6.6%;font-size:.6em;margin:.4%}.secret-box-container{font-size:.75em}.secret-code-letter{margin:auto;max-width:100%;width:3em}#login-buttons-section{margin:0 auto}}@media screen and (max-height:680px) and (orientation:landscape){.welcome-screen{position:inherit;.welcome-screen-content{align-items:end;display:flex;flex-direction:row;gap:1em;left:0;position:fixed;top:0;h1{margin:0}}.app-logo{aspect-ratio:1;max-height:60px;width:-moz-fit-content;width:fit-content}}#login-buttons-section{margin:0;width:100%}#buttons-section{flex-direction:row}.login-buttons-container{width:-moz-fit-content;width:fit-content}.login-or{margin:1em .5em}}@media screen and (orientation:landscape){#buttons-section{align-items:start;margin-top:1em}}@media screen and (max-width:680px) and (orientation:portrait){h1{font-size:1.8em;margin:0}h3{font-size:1em;margin:0 auto .5em}.welcome-screen{align-items:center;box-sizing:inherit;flex-direction:column;height:100%;justify-content:center;justify-content:start;.welcome-screen-content{align-items:center;border-radius:.5em;margin:.5em;padding:0}.app-logo{height:100px;width:100px}}.base-button{font-size:.8em}#choose-login-section{font-size:.9em}.secret-code{width:2.8em}}
/*# sourceMappingURL=main.a74e39ea.css.map*/