.RSPBprogressBar{height:10px;line-height:1;border-radius:10px;position:relative;background-color:#d3d3d399;display:flex;justify-content:space-between;align-items:center;z-index:0}.RSPBprogressBar .RSPBstep{display:inline-flex;justify-content:center;align-items:center;z-index:0;position:absolute;transform:translate(-50%);transition-property:all;transition-timing-function:ease}.RSPBprogressBar .RSPBprogressBarText{color:#fff;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.RSPBprogressBar .RSPBprogression{position:absolute;transition:width .3s ease;left:0;top:0;bottom:0;border-radius:10px;background:rgba(0,116,217,.8);z-index:-1}.transitionStep{filter:grayscale(1)}.transitionStep.accomplished{filter:grayscale(0)}.progress{margin:1%;display:flex;flex-direction:column;align-self:flex-end;justify-content:space-evenly;width:90%}.step{padding:14%;background-color:#f0f8ff;border-radius:30px;color:#000;font-weight:900}.step.complete{background-color:#f5d047;border-color:#f5d047;border-width:2px}#glass{background:rgba(0,0,0,0);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(40px);border-radius:10px;border:1px solid rgba(126,124,124,.553);padding:2%}.loader{--path: rgb(26, 39, 52);--dot: rgb(201, 46, 70);--duration: 3s;width:44px;height:44px;position:relative}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.loader{display:inline-block;margin:0 16px}.App{height:100vh;font-size:1em}.title h1{font-size:1em}.drop{border:4px dashed gray;padding:10%;border-radius:10px;margin:2%;background-color:#00000080}.footer{font-size:1em;font-weight:100}.footer a{text-decoration:none;color:#524f4f}.footer a:visited{color:#524f4f}#brand{font-family:"Libre Barcode 128 Text",cursive;font-weight:400;font-size:2.4em;color:#524f4f}#btn{padding:12px 40px;border-radius:10px;border:0;background-color:#ff8157;letter-spacing:1.5px;font-size:13px;transition:all .3s ease;box-shadow:#c92e46 0 10px;color:#000;cursor:pointer}#btn:hover{box-shadow:#c92e46 0 7px}#btn:active{background-color:#ff3856;box-shadow:#c92e46 0 0;transform:translateY(5px);transition:.2s;color:#fff}#classX{background-color:#f193ba}#classXII{background-color:#f4ef72}.class{padding:8px;color:#000;font-weight:700}#classSpan{width:100vw}#classBtn{justify-content:flex-start;align-self:center;padding:10px 20px;border-radius:7px;border:1px solid #ff8157;font-size:14px;font-weight:600;letter-spacing:2px;background:transparent;color:#ff8157;overflow:hidden;box-shadow:0 0 0 0 transparent;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}#classBtn:hover{background:#ff8157;color:#fff;box-shadow:0 0 30px 5px #e33a02d0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}#classBtn:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}#classBtn:before{content:"";display:block;width:0px;height:86%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}#classBtn:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.form{text-align:center;font-size:1.125rem}.form-title{color:#000;font-size:1.8rem;font-weight:500}.form-paragraph{margin-top:10px;font-size:.9375rem;color:#696969}.drop-container{border:2px rgba(201,46,69,.704);padding:5% 10%;border-radius:10px;margin:5%;background-color:#0006;cursor:pointer;transition:background .2s ease-in-out,border .2s ease-in-out;display:flex;align-items:center;flex-direction:column;background:linear-gradient(315deg,#e2e6aa,#ffffca);box-shadow:inset 5px 5px 10px #64664c,inset -5px -5px 10px #fff}.drop-container:hover{background:rgba(201,46,70,.2);border-color:gray}.drop-container:hover .drop-title{color:#dd3737}.drop-title{color:#444;font-size:20px;font-weight:700;text-align:center;transition:color .2s ease-in-out;margin:4%}#file-input{width:350px;max-width:100%;margin:4%;padding:3%;background:rgba(0,0,0,.5);border-radius:10px;border:1px solid rgba(8,8,8,.288);cursor:pointer}#file-input::file-selector-button{margin-right:20px;border:none;background:rgb(201,46,70);padding:4% 8%;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}#file-input::file-selector-button:hover{background:rgb(255,23,58)}.inputContainer{position:relative;display:flex;flex-direction:column;gap:10px}#inputField{border:2px solid white;background-color:transparent;border-radius:10px;padding:12px 15px;color:gray;font-weight:500;outline:none;caret-color:#9b4eff;transition-duration:.3s;font-family:Whitney,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.userIcon{position:absolute;fill:#9b4eff;width:12px;top:-23px;left:-15px;opacity:0;transition:.2s linear}.usernameLabel{position:absolute;top:-25px;left:5px;color:#fff;font-size:14px;font-weight:400;font-family:Whitney,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;transition:.2s linear;opacity:0}#inputField:focus~.usernameLabel,#inputField:valid~.usernameLabel{transform:translate(20px);opacity:1}#inputField:focus~.userIcon,#inputField:valid~.userIcon{transform:translate(20px);opacity:1}#inputField:focus,#inputField:valid{background-color:#ddd;transition-duration:.3s}.btn-container{display:table-cell;vertical-align:middle;text-align:center;align-self:center}.btn-container i{display:inline-block;position:relative;top:-9px}label{font-size:13px;color:#fff;font-weight:500}.btn-color-mode-switch{display:inline-block;margin:0;position:relative}.btn-color-mode-switch>label.btn-color-mode-switch-inner{margin:0;width:320px;height:42px;background:#0d0d0d80;border-radius:6px;overflow:hidden;position:relative;transition:all .3s ease;display:block;background:#fbffbd;box-shadow:inset -2px -2px 5px #64664c,inset 2px 2px 5px #fff}.btn-color-mode-switch>label.btn-color-mode-switch-inner:before{content:attr(data-on);position:absolute;font-size:13px;font-weight:500;top:12px;right:40px;color:#363636;font-weight:600}.btn-color-mode-switch>label.btn-color-mode-switch-inner:after{content:attr(data-off);width:160px;height:20px;background:#424242;border-radius:6px;position:absolute;left:6px;top:6px;text-align:center;transition:all .3s ease;box-shadow:0 0 6px -2px #111;padding:5px 0;color:#fff;font-weight:700;box-shadow:-2px -2px 5px #64664c,2px 2px 5px #fff}.btn-color-mode-switch>.alert{display:none;background:#ff9800;border:none;color:#fff}.btn-color-mode-switch input[type=checkbox]{cursor:pointer;width:50px;height:25px;opacity:0;position:absolute;top:0;z-index:1;margin:0}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner{background:#0d0d0d80;color:#fff;background:#fbffbd;color:#363636;font-weight:600;box-shadow:inset -2px -2px 5px #64664c,inset 2px 2px 5px #fff}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:after{content:attr(data-on);left:152px;background:#3c3c3c}.btn-color-mode-switch input[type=checkbox]:checked+label.btn-color-mode-switch-inner:before{content:attr(data-off);right:auto;left:40px;color:#363636;font-weight:700}.btn-color-mode-switch input[type=checkbox]:checked~.alert{display:block}.dark-preview,.white-preview{background:#0d0d0d}.neo{border-radius:15px;padding:2% 4%;margin:0% 4%;font-weight:900;flex:1}.neo p{margin:1%}h3{margin:0}#section{margin:2%;padding:2%;background:rgba(0,0,0,.4);border-radius:10px}.backBtn{border:none;padding:.7em 2em;font-size:14px;font-family:inherit;margin:2%;background-blend-mode:multiply;color:#ebeaea;border-radius:9px;background:linear-gradient(225deg,#181818,#2e2e2e);box-shadow:-5px 5px 10px #191919,5px -5px 10px #292929}.backBtn:hover{background:#212121;transition:background 1s ease;box-shadow:-5px 5px 10px #191919,5px -5px 10px #292929}.backBtn:active{transition:box-shadow .1s ease;border-radius:9px;background:#212121;box-shadow:inset -5px 5px 10px #191919,inset 5px -5px 10px #292929}.backBtn span{opacity:.5;transition:opacity .2s ease}.backBtn:hover span{opacity:.7}.pie{display:flex;height:50%;width:50%;justify-content:center;align-items:center;position:relative;align-self:center}.subPie{display:flex;justify-content:center;align-items:center;position:relative}.pieInside{width:45px;height:45px;font-size:1.4em;position:absolute;border-radius:50%;margin:8px;font-weight:900;display:flex;justify-content:center;align-items:center;flex-direction:column}.pieInsideSub{width:45px;height:45px;font-size:.9em;position:absolute;border-radius:50%;margin:8px;font-weight:900;display:flex;justify-content:center;align-items:center;flex-direction:column}body{margin:0;font-family:nunito,Jost,sans-serif;color:#353434;background-color:#faffcb;font-weight:100}#root{display:flex;flex-direction:column;text-align:center;align-content:center;align-items:center;justify-content:space-between;height:100vh}