body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}html,body,#root{background:linear-gradient(to top right,#1d2027 0%,#31363f 50%,#1d2027 100%);width:100%;height:100%;font-family:appleNeo}:focus{outline:none}.app-container{width:100%;height:100%;display:flex;overflow:hidden}.content-container{flex:1;height:100%;display:flex}.main-container{box-sizing:border-box;flex:1 1 0;height:100%;display:flex}.main-container>*{padding-top:0}::-webkit-scrollbar{display:none}.contents-wrapper{flex-direction:column;display:flex}.row-wrapper{flex-direction:row;display:flex}.NotFound{text-align:center;color:#eee;z-index:20;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;margin-top:72px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:5vh;display:flex}.NotFound .logo{border:5px solid #eee;width:300px;height:100px;transition:all .2s}.NotFound .logo *{stroke-width:5px;stroke:#eee!important}.NotFound .logo:hover{width:320px;height:120px}.NotFound .phrase{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100vh;height:50vh;display:flex}.NotFound .phrase .main-text{gap:0;font-size:10vh;font-weight:700;transition:all .2s}.NotFound .main-text:hover{font-size:11vh}.NotFound .phrase span{transition:all .2s}.NotFound .phrase span:hover{font-size:6vh}.NotFound .box{text-align:center;justify-content:center;gap:10vh;width:70vh;height:30vh;margin-top:5vh;display:flex}.NotFound .back{color:#76abae;justify-content:flex-start;font-size:3vh;transition:all .2s;display:flex}.NotFound .home{color:#76abae;justify-content:flex-end;font-size:3vh;transition:all .2s;display:flex}.NotFound .home:hover,.NotFound .back:hover{font-size:3.5vh}.NotFound .home:hover .back,.NotFound .back:hover .home{color:#458387}@media (width<=100vh){.NotFound .phrase,.NotFound .box{width:90%}.NotFound .logo{display:none}}.LoginPage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.LoginPage .login{box-sizing:border-box;z-index:20;background-color:#31363f;border-radius:5%;flex-direction:column;justify-content:center;align-items:center;width:480px;height:360px;margin-top:72px;display:flex}.LoginPage .logo *{stroke-width:5px;stroke:#eee!important}.LoginPage .credentials-row{flex-direction:row;display:flex}.LoginPage .toggle{flex:1;height:50px;font-size:18px;display:flex}.LoginPage label{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.LoginPage .inputs{flex-direction:column;width:240px;height:64px;display:flex}.LoginPage input{font-size:14px}.LoginPage input[placeholder="유저 아이디 (00-00000)"]{border-top-left-radius:8px}.LoginPage input[placeholder=비밀번호]{border-bottom-left-radius:8px}.LoginPage .userButton{color:#eee;box-sizing:border-box;background-color:#76abae;border-top-right-radius:8px;border-bottom-right-radius:8px;width:100px;font-size:18px}.LoginPage .toggle{position:relative}.LoginPage .pw-visible{justify-content:center;display:flex;position:relative}.LoginPage .pw-visible .visible-toggle{text-align:center;border-radius:8px;width:30px;height:12px;font-size:8px;position:absolute;right:0}.LoginPage .visible-toggle:hover{cursor:pointer}.LoginPage .indicator{background-color:#76abae;width:170px;height:5px;transition:transform .3s;position:absolute;bottom:0}.LoginPage #학생:checked~.indicator{transform:translate(0%)}.LoginPage #교사:checked~.indicator{transform:translate(100%)}.LoginPage .login:has(#학생:checked) input[placeholder="유저 아이디 (00-00000)"]{border-top-left-radius:0;transition:all .2s}.LoginPage .login:has(#교사:checked) .userButton{border-top-right-radius:0;transition:all .2s}.LoginPage .direct-signup{text-align:center;color:#eee;justify-content:center;align-items:center;display:flex}.LoginPage .direct-signup span{color:#eee}.LoginPage .direct-signup a{text-decoration:none}@media (width<=520px){.LoginPage .login{width:90%;max-width:400px;padding:5%}.LoginPage .inputs,.LoginPage .visible-toggle{width:90%;max-width:380px}.LoginPage .pw-visible{width:100%;max-width:380px}.LoginPage .toggle{width:100%;max-width:400px}.LoginPage .indicator{width:50%}}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}.userInput{text-align:center;border:#0000;outline:none;width:100%;height:100%;font-family:appleNeo;box-sizing:border-box!important}.userInput::placeholder{color:#0a0a0a66}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}.userButton{text-align:center;box-sizing:border-box;cursor:pointer;border:#0000;outline:none;align-items:center;font-family:appleNeo}.toggleToken{display:none}label{cursor:pointer;box-sizing:border-box;text-align:center}.toggleToken:checked+label{border-width:5px;transition:all .2s}.SignupPage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.SignupPage .signup{box-sizing:border-box;z-index:10;background-color:#31363f;border-radius:5%;flex-direction:column;justify-content:center;align-items:center;width:480px;height:420px;margin-top:72px;display:flex}.SignupPage .credentials-row{flex-direction:row;display:flex}.SignupPage .logo *{stroke-width:5px;stroke:#eee!important}.SignupPage .toggle{flex:1;height:50px;font-size:18px;display:flex}.SignupPage label{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.SignupPage .inputs{box-sizing:border-box;flex-direction:column;width:240px;height:80px;display:flex}.SignupPage input{font-size:14px}.SignupPage input[placeholder="유저 아이디 (00-00000)"]{border-top-left-radius:8px}.SignupPage input[placeholder=비밀번호]{border-bottom-left-radius:8px}.SignupPage .userButton{box-sizing:border-box;color:#eee;background-color:#76abae;border-top-right-radius:8px;border-bottom-right-radius:8px;width:100px;font-size:18px}.SignupPage .toggle{position:relative}.SignupPage .pw-visible{box-sizing:border-box;justify-content:center;width:100%;display:flex;position:relative}.SignupPage .pw-visible .visible-toggle{text-align:center;border-radius:8px;width:30px;height:14px;font-size:8px;position:absolute;right:0}.SignupPage .visible-toggle:hover{cursor:pointer}.SignupPage .indicator{background-color:#76abae;width:170px;height:5px;transition:transform .3s;position:absolute;bottom:0}.SignupPage #학생:checked~.indicator{transform:translate(0%)}.SignupPage #교사:checked~.indicator{transform:translate(100%)}.SignupPage .signup:has(#학생:checked) input[placeholder="유저 아이디 (00-00000)"]{border-top-left-radius:0;transition:all .2s}.SignupPage .signup:has(#교사:checked) .userButton{border-top-right-radius:0;transition:all .2s}.SignupPage .direct-signup{text-align:center;color:#eee;justify-content:center;align-items:center;display:flex}.SignupPage .direct-signup span{color:#76abae;font-style:italic}.SignupPage .direct-signup a{color:#76abae}.SignupPage .terms-box{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:310px;height:130px;margin:10px auto 20px;display:flex}.SignupPage .terms-box .agree-box{flex-direction:row;flex:1;justify-content:space-between;align-items:center;width:100%;height:auto;margin-bottom:10px;display:flex}.SignupPage .terms-box .agree-box span{text-align:center;align-items:center;font-size:16px;display:flex}.SignupPage .terms-box input[type=checkbox]{appearance:none;box-sizing:border-box;background-clip:border-box;border:2px solid #fff;border-radius:100%;width:1.2rem;height:1.2rem;padding:.2rem;transition:all .2s}.SignupPage .terms-box input[type=checkbox]:checked{background-color:#fff;background-clip:content-box;border-width:1px}.SignupPage .terms{text-align:left;color:#ddd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff0d;border-radius:8px;flex-direction:column;width:100%;height:100px;padding:15px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex;overflow:scroll}@media (width<=520px){.SignupPage .signup{width:90%;max-width:400px;padding:5%}.SignupPage .inputs{width:90%;max-width:340px}.SignupPage .visible-toggle{width:90%;max-width:380px}.SignupPage .pw-visible{width:100%;max-width:380px}.SignupPage .toggle{width:100%;max-width:400px}.SignupPage .indicator{width:50%}.SignupPage .terms-box{width:100%}.SignupPage .terms{width:90%}}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}.TeacherPage{color:#eee;box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.TeacherPage .main{z-index:10;flex-direction:column;flex:3;justify-content:flex-start;align-items:center;gap:20px;height:100%;min-height:0;padding-top:92px;padding-left:5%;padding-right:5%;display:flex;overflow-y:auto}.TeacherPage .profile-tab{z-index:10;background-color:#e9e9e908;flex-direction:column;flex:1;justify-content:space-between;align-items:center;height:100%;padding-top:72px;padding-bottom:15px;display:flex;overflow-y:auto;box-shadow:0 0 20px #0000001a}.TeacherPage .profile-info-wrapper{flex-direction:column;align-items:center;display:flex}.TeacherPage .profile-img{border-radius:100%;width:24dvh;height:24dvh;display:flex;overflow:hidden}.TeacherPage .profile-img img{object-fit:cover;width:100%;height:100%}.TeacherPage .name{justify-content:center;align-items:center;gap:10px;display:flex}.TeacherPage .edit-icon{filter:brightness(0)invert();justify-content:center;align-items:center;display:flex}.TeacherPage .profile-tab .attendence-form-side{flex:1;justify-content:center;align-items:center;gap:5px;margin-top:auto;display:flex}.TeacherPage .profile-tab .attendence-form-side .dropdown{display:flex}.TeacherPage .profile-tab .attendence-form-side .dropdown-box{display:flex;position:relative}.TeacherPage .profile-tab .attendence-form-side .dropdown-box .dropdown-placeholder{box-sizing:border-box;z-index:10;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;width:12dvh;height:5dvh;font-family:appleNeo;display:inline-block}.TeacherPage .profile-tab .attendence-form-side .dropdown-box .dropdown-menu{z-index:5;color:#000;background-color:#fff;border:none;border-radius:10px;flex-direction:column;padding:3dvh 1dvh 1dvh;display:flex;position:absolute;left:0;right:0}.TeacherPage .profile-tab .attendence-form-side .dropdown-box .dropdown-menu dropdown-item{text-align:center;justify-content:center;align-items:center;list-style-type:none;display:flex}.TeacherPage .profile-tab .attendence-form-side .dropdown-box .dropdown-menu .add-btn{background-color:#0000;border:none;font-size:1.5dvh}.TeacherPage .profile-tab .attendence-form-side input{box-sizing:border-box;text-align:center;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;width:20dvh;height:5dvh;display:inline-block}.TeacherPage .profile-tab .attendence-form-side input::placeholder{text-align:center;font-family:appleNeo}.TeacherPage .profile-tab .attendence-form-side .createQR{box-sizing:border-box;text-align:center;background-color:#76abae;border:none;border-radius:10px;width:10dvh;height:5dvh;display:inline-block}.TeacherPage .main .attendence-form-main{flex:1;justify-content:center;align-items:center;margin-top:72px;display:none}.TeacherPage .main .attendence-form-main input{text-align:center;border:none;border-radius:10px;width:100%;max-width:120dvh;height:8dvh;display:inline-block;box-shadow:0 0 20px #0000001a}.TeacherPage .main .attendence-form-main input::placeholder{text-align:center}@media (width<=520px){.TeacherPage{width:90%;padding:5%}.TeacherPage .profile-tab{display:none}.TeacherPage .main{width:90%;padding:5%}.TeacherPage .main .attendence-form-main{width:90%;padding:5%;display:flex}}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}.SubjectPopup{text-align:center;visibility:hidden;opacity:0;z-index:20;pointer-events:none;background-color:#222831cc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:20dvh;height:20dvh;padding:2dvh;font-family:appleNeo;font-size:0;transition:all .2s;display:flex;position:fixed;box-shadow:0 0 20px #0000001a}.SubjectPopup .close{justify-content:right;width:100%;display:flex}.SubjectPopup .subject-form{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.SubjectPopup .subject-form .title{font-family:appleNeo;font-size:0;font-weight:700;transition:all .2s}.SubjectPopup .subject-form .subject-input{margin-bottom:5vh}.SubjectPopup .subject-form .subject-input .subject{box-sizing:border-box;vertical-align:middle;text-align:center;border:none;border-top-left-radius:10px;border-bottom-left-radius:10px;width:20vh;height:6dvh;display:inline-block}.SubjectPopup .subject-form .subject-input .subject::placeholder{text-align:center;font-family:appleNeo}.SubjectPopup .subject-form .subject-input .subject-submit{box-sizing:border-box;vertical-align:middle;background-color:#76abae;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;width:10vh;height:6dvh;font-family:appleNeo;display:inline-block}.SubjectPopup .subject-form .days{flex-direction:row;display:flex}.SubjectPopup .subject-form .days .day{flex-direction:column;display:flex}.SubjectPopup[isopen=true]{pointer-events:all;visibility:visible;opacity:1;width:60dvh;height:50dvh;font-size:2dvh}.SubjectPopup[isopen=true] .title{font-family:appleNeo;font-size:4vh;font-weight:700;transition:all .2s}.ScheduleTable{border-collapse:collapse;text-align:center;background-color:#31363f;border-radius:10px;margin:10px;font-size:1.5vh;overflow:hidden;box-shadow:0 0 20px #0000001a}.ScheduleTable th,.ScheduleTable td{width:60px;height:35px;padding:1px 6px}.ScheduleTable th{background-color:#0003}.ScheduleTable td{color:#fff;background-color:#f9f8ff0d}.ScheduleTable[ishided=true]{display:none}.notes-table{border-collapse:collapse;box-sizing:border-box;text-align:center;background-color:#31363f;border:none;border-radius:10px;width:100%;max-width:120vh;margin:10px;font-size:1.5vh;overflow:hidden;box-shadow:0 0 20px #0000001a}.notes-table th,.notes-table td{width:200px;height:100px;padding:1px 6px}.notes-table th{background-color:#0003;font-size:3vh;font-weight:700}.notes-table td{color:#fff;background-color:#f9f8ff0d;font-size:3vh}@media (width<=520px){.notes-table{width:90%;max-width:100vh}.notes-table .th,.notes-table .td{width:90%;max-width:40px;height:80%;padding:5%}}.LogTab{box-sizing:border-box;background-color:#ffffff05;border-radius:10px;width:100%;max-width:120vh;margin:0 auto;padding:10px;box-shadow:0 0 20px #0000001a}.LogTab .log-datas{box-sizing:border-box;background-color:#0003;border-radius:10px;outline:none;flex-direction:column;align-items:center;width:100%;height:200px;padding:10px;display:flex;overflow:hidden scroll}.LogTab .log-datas .log-title{justify-content:left;width:100%;display:flex}.LogTab .log-datas .log-data{text-align:center;box-sizing:border-box;background-color:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:flex-start;align-items:center;width:100%;max-width:115vh;height:5vh;margin-top:2px;margin-bottom:2px;padding-left:10px;padding-right:10px;font-size:14px;display:flex}.LogTab .log-datas .log-data hr{background-color:#0003;border:none;width:100%;height:2px}.LogTab .log-data .log-date{color:#c9c9c9;text-align:center;align-items:center;margin-left:auto;display:flex}.LogTab .log-data .log-subject[status=출석]{color:#8aff78;text-align:center;align-items:center;font-weight:700;display:flex}.LogTab .log-data .log-subject[status=조퇴]{color:#fbff79;text-align:center;align-items:center;font-weight:700;display:flex}.LogTab .log-data .log-subject[status=결과]{color:#ffce63;text-align:center;align-items:center;font-weight:700;display:flex}.LogTab .log-data .log-subject[status=결석]{color:#ff7070;text-align:center;align-items:center;font-weight:700;display:flex}@media (width<=520px){.LogTab{width:90%;max-width:100vh}.LogTab .log-data{width:90%;max-width:100%}}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoM-DFH7BCGa.ttf)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoL-BPXrP0oP.ttf)format("woff2");font-weight:300;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoSB-CkQf0-ze.ttf)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:appleNeo;src:url(/assets/AppleSDGothicNeoB-RCU0ybLR.ttf)format("woff2");font-weight:700;font-style:normal}.QRCode{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;font-family:appleNeo;font-size:4vh;font-weight:700;display:flex;overflow:hidden}.QRCode .qr-code{display:flex;position:relative}.QRCode[iscreated=false]{display:none}.QRCode .qr-code .delete-btn{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0;color:#fff;background-color:#22283100;justify-content:center;align-items:center;font-size:7vh;transition:all .25s ease-in-out;display:flex;position:absolute;inset:0}.QRCode .qr-code:hover .delete-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;background-color:#222831b3;display:flex}.StudentPage{color:#eee;box-sizing:border-box;flex:1;width:100%;height:100dvh;min-height:0;display:flex;position:relative}.StudentPage .main{z-index:10;flex-direction:column;flex:3;justify-content:flex-start;align-items:center;gap:20px;height:100%;min-height:0;padding-top:92px;padding-left:5%;padding-right:5%;display:flex;overflow-y:auto}.StudentPage .profile-tab{z-index:10;background-color:#e9e9e908;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding-top:72px;padding-bottom:15px;display:flex;overflow-y:auto;box-shadow:0 0 20px #0000001a}.StudentPage .profile-info-wrapper{flex-direction:column;align-items:center;display:flex}.StudentPage .profile-img{border-radius:100%;width:24vh;height:24vh;display:flex;overflow:hidden}.StudentPage .profile-img img{object-fit:cover;width:100%;height:100%}.StudentPage .name{justify-content:center;align-items:center;gap:10px;display:flex}.StudentPage .edit-icon{filter:brightness(0)invert();justify-content:center;align-items:center;display:flex}.StudentPage .profile-tab .attendence-form-side{flex:1;justify-content:center;align-items:center;margin-top:auto;display:flex}.StudentPage .profile-tab .attendence-form-side input{text-align:center;border:none;border-radius:10px;width:24vh;height:5vh;display:inline-block}.StudentPage .profile-tab .attendence-form-side input::placeholder{text-align:center}.StudentPage .main .attendence-form-main{flex:1;justify-content:center;align-items:center;margin-top:72px;display:none}.StudentPage .main .attendence-form-main input{text-align:center;border:none;border-radius:10px;width:100%;max-width:120vh;height:8vh;display:inline-block;box-shadow:0 0 20px #0000001a}.StudentPage .main .attendence-form-main input::placeholder{text-align:center}@media (width<=520px){.StudentPage{width:90%;padding:5%}.StudentPage .profile-tab{display:none}.StudentPage .main{width:90%;padding:5%}.StudentPage .main .attendence-form-main{width:90%;padding:5%;display:flex}}.SideBar .side-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#000;z-index:30;background-color:#222831b3;flex-direction:column;width:40%;height:100%;padding:20px;transition:transform .5s;display:flex;position:fixed;right:0;transform:translate(100%)}.SideBar .side-container[isopened=true]{transform:translate(0%)}.SideBar .side-container a{text-decoration:none}.side-container .tab{color:#fff;cursor:pointer;outline:none;font-size:18px;transition:all .2s}.side-container .tab:hover{color:#76abae;font-size:20px}.SideBar .side-container hr{width:100%}.SideBar .outside{background-color:#11121300;width:100%;height:100%;transition:background-color .5s;display:flex;position:absolute}.SideBar .side-container[isopened=true]~.outside{z-index:25;background-color:#11121399}.HeaderBar{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;z-index:20;background-color:#222831cc;flex-direction:row;flex:1;align-items:center;width:100%;height:72px;padding-left:5px;padding-right:5px;font-size:20px;display:flex;position:fixed;top:0;box-shadow:0 2px 5px #161a218c}.HeaderBar .logo-box{color:#eee;text-align:left;outline:none;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.HeaderBar .logo-box .name{color:#eee;font-size:2rem;font-weight:700}.HeaderBar .menu-icon{justify-content:center;align-items:center;display:none}.HeaderBar .logo-box .description{color:#b8b5c3;font-size:.85rem}.HeaderBar .logo-icon{border:3px solid #eee;justify-content:center;align-items:center;width:60px;height:60px;margin:6px;display:flex}.HeaderBar .logo{justify-content:center;width:55px;height:65px;display:flex;overflow:hidden}.HeaderBar .logo *{stroke-width:5px;stroke:#eee!important}.HeaderBar .tabs{text-align:center;color:#eee;z-index:20;flex:1;justify-content:right;align-items:center;gap:32px;width:100%;min-width:0;height:100%;display:flex;position:relative}.HeaderBar .header-tab{cursor:pointer;color:#eee;z-index:100;flex-shrink:0;justify-content:center;align-items:center;margin:6px;font-size:1.25rem;text-decoration:none;transition:color,transform .2s}.HeaderBar .header-tab:hover{color:#76abae;transform:translateY(-2.5px)}.HeaderBar .header-tab:hover .select_bar{background-color:#76abae;transform:translateY(2.5px)}.HeaderBar .header-tab:not(:hover) .select_bar{background-color:#76abae00;transform:translateY(5px)}.HeaderBar .select_bar{z-index:10;background-color:#76abae00;justify-content:center;align-items:center;height:2.5px;transition:all .2s;display:flex;position:absolute;bottom:-2px;left:0;right:0;transform:translateY(5px)}@media (width<=584px){.HeaderBar .normal-tab{transition:all transform .2s ease;display:none}.HeaderBar .menu-icon{transition:all transform .2s ease;display:flex}.HeaderBar .logo-box .description,.HeaderBar .logo-box .name{display:none}}