.ms-loader{justify-content:center;width:calc(50dvw - 25px);min-width:500px;display:flex;position:absolute;top:50%}.markscheme{opacity:0;z-index:1;-webkit-user-select:none;user-select:none;border:none;width:calc(50dvw - 25px);min-width:460px;height:100dvh;transition:all .6s;position:absolute;top:0;right:calc(25px - 50dvw)}
.tracker{background-color:var(--eerie);width:100dvw;height:100dvh;display:flex;overflow:hidden}.help{z-index:5;background-color:var(--eerie);flex-direction:column;width:300px;min-width:300px;min-height:100dvh;margin-right:-2px;transition:all .5s;display:flex;position:absolute;box-shadow:10px 0 20px #000000bf}.help.collapsed{width:50px;min-width:50px;box-shadow:0 0 15px #000}.help.collapsed .heading-divider{opacity:0;box-shadow:none}.help.collapsed .video-list,.help.collapsed .title,.help.collapsed .vid-icon{display:none}.help.collapsed .menu-icon{rotate:180deg}.help.collapsed .menu-tooltip{right:-212px}.heading{color:var(--light);-webkit-user-select:none;user-select:none;z-index:2;background-color:var(--eerie);justify-content:space-evenly;align-items:center;height:calc(1.5rem + 32px);display:flex;position:relative}.heading:hover{cursor:pointer}.heading:hover span{opacity:.65}.heading:hover .menu-tooltip{opacity:1;top:10px;box-shadow:0 4px 12px 4px #00000040}.heading-divider{z-index:1;background-color:var(--light);width:100%;height:2px;transition:all .5s;box-shadow:-20px 0 40px 20px #000}.vid-icon{color:red;margin-left:4px;margin-right:-4px;font-size:1.6rem;transition:opacity .3s;animation:.5s delay;position:relative}.vid-icon:after{z-index:-1;content:"";background-color:var(--light);width:15px;height:15px;position:absolute;bottom:4px;left:5px}.title{margin-right:40px;font-size:1.25rem;font-weight:600;transition:opacity .3s;animation:.5s delay}.menu-icon{font-variation-settings:"wght" 700,;transition:rotate .5s,opacity .3s;font-size:2rem!important}.menu-tooltip{pointer-events:none;color:var(--dark);background-color:var(--light);border-radius:var(--big);opacity:0;padding:8px 16px;font-weight:500;transition:all .5s;position:absolute;top:20px;right:-205px}.menu-tooltip:before{content:"";border:10px solid;border-color:transparent var(--light)transparent transparent;position:absolute;top:8px;left:-15px}.no-videos{text-align:center;white-space:pre-line;color:var(--smoke);margin-top:2rem}.video-list{scrollbar-gutter:stable;flex-direction:column;align-items:center;height:calc(100dvh - 1.5rem - 26px);padding:2rem 0;animation:.5s delay;display:flex;overflow-y:auto}.video-list::-webkit-scrollbar{width:4px}.video-list::-webkit-scrollbar-track{background-color:var(--eerie);background-clip:content-box}.video-list::-webkit-scrollbar-thumb{background-color:var(--light)}.video-list::-webkit-scrollbar-thumb:hover{background-color:var(--platinum)}.videos{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.videos:before{content:"";width:100%;position:absolute;bottom:0;box-shadow:-20px 0 40px 20px #000}.video-container{background-color:var(--light);border-radius:var(--little);box-sizing:content-box;border:2px solid var(--blue-gray);flex-direction:column;align-items:center;width:90%;height:210px;transition:all .5s;display:flex;box-shadow:0 0 24px #0009}.video-container.collapsed{height:calc(28px + 1rem)}.video-container.collapsed .material-symbols-rounded{rotate:180deg}.video-container.collapsed .info{border-radius:var(--slight);border-bottom:none}.video-container.collapsed .video{display:none}.info{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--slight)var(--slight)0 0;border-bottom:2px solid var(--blue-gray);box-sizing:content-box;justify-content:space-between;align-items:center;width:100%;min-height:calc(28px + 1rem);transition:background-color .5s,border-bottom .1s;display:flex}.info:hover{background-color:var(--anti-flash)}.label{margin-left:1rem;font-weight:700}.info .material-symbols-rounded{font-variation-settings:"wght" 600;margin-right:1rem;font-size:1.75rem;transition:all .5s}.video{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:1rem;width:448px;height:252px;transition:scale .5s;animation:1s fadeDown;position:relative;bottom:44px;scale:.55;box-shadow:0 0 29px #64646f66}.video:hover{scale:.575}.video iframe{border:2px solid var(--battleship);border-radius:inherit}.pdf-view{-webkit-user-select:none;user-select:none;border:none;width:calc(100dvw - 300px);min-width:460px;min-height:100dvh;margin-left:50px;animation:2s cubic-bezier(.3,0,0,1) forwards smoothLoadingFadeIn}.ms-opened{width:calc(50dvw - 25px)!important}.controller{z-index:1;background-color:var(--eerie);width:250px;min-width:250px;height:100dvh;min-height:100dvh;transition:all .6s;position:absolute;right:0}.controller.ms-opened .start-container,.controller.ms-opened .mark-container{opacity:0}.start-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:150px;margin-top:2rem;margin-bottom:4rem;transition:all .6s;display:flex}.start-container .timer{width:148px;color:var(--light);font-size:2rem;font-weight:700}.blinking{animation:2s cubic-bezier(.4,0,.6,1) infinite blink}.start-container button{justify-content:center;align-items:center;width:200px;min-width:200px;height:50px;min-height:50px;margin-top:1rem;font-size:1rem;display:flex;box-shadow:0 0 24px #959da566}.start-container button>span{margin-left:5px;font-size:20px}.start-container button:hover{width:220px;min-width:220px;height:60px;min-height:60px}.reset{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--platinum);justify-content:center;align-items:center;margin-top:12px;display:flex}.reset-text{font-size:.8rem}.reset:hover .reset-text{text-decoration:underline}.reset .material-symbols-rounded{margin-left:4px;font-size:.95rem}.mark-container{flex-direction:column;align-items:center;width:100%;transition:all .6s;display:flex}.grade,.no-boundaries{text-align:center;white-space:pre-line;width:80%;color:var(--smoke);margin-top:1rem;animation:.25s pop}.mark-input-container{align-items:center;width:160px;height:50px;display:flex;position:relative}.mark-input{caret-color:var(--teal);border:2px solid var(--teal);background-color:var(--light);width:100%;height:100%;color:var(--dark);border-radius:10px;outline:none;padding:0 60px 0 1rem;font-weight:600;transition:all .5s}.mark-input::placeholder{color:var(--soft-gray)}.mark-input:hover,.mark-input:not(:placeholder-shown){box-shadow:0 0 0 4px #81f8dc4d}.mark-input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #81f8dc80,0 0 0 6px #81f8dc4d}.total-mark{-webkit-user-select:none;user-select:none;color:var(--soft-gray);font-weight:500;position:absolute;right:12px}.grade-boundaries-btn{-webkit-user-select:none;user-select:none;color:var(--teal);cursor:pointer;margin-top:1rem;transition:all .2s;animation:1s fadeIn}.grade-boundaries-btn:hover{color:var(--light-teal);text-decoration:underline}.bottom{pointer-events:none;z-index:3;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;bottom:1rem}.mark-scheme-btn{pointer-events:all;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--light);border:2px solid var(--teal);background-color:#0000;border-radius:1rem;align-items:center;padding:8px 24px;transition:all .3s;display:flex}.mark-scheme-btn.viewing-ms{color:var(--dark);border-color:var(--dark);opacity:.8;background-color:#ffffff80;box-shadow:0 0 20px #0003}.mark-scheme-btn>span{margin-left:5px;font-size:1.2rem}.mark-scheme-btn:hover{opacity:1;border-color:var(--teal);color:var(--light);background-color:var(--teal);translate:0 -8px;box-shadow:0 3px 8px #0000004d}.mobile-ms-link{display:none}.mobile-ms-link>a{text-shadow:0 0 8px #000c;font-weight:600;text-decoration:none}.hiddenAway{display:none}@media (max-width:850px){.controller{display:none}.pdf-view{width:calc(100dvw - 35px);min-width:calc(100dvw - 35px);margin-left:35px}.mobile-ms-link{display:flex}.help.collapsed{width:35px;min-width:35px}}@keyframes pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes delay{0%{display:none}50%{opacity:0;display:none}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;bottom:55px}20%{opacity:0;bottom:55px}to{opacity:1;bottom:44px}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes smoothLoadingFadeIn{0%{opacity:0}to{opacity:1}}
