@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://unpkg.com/boxicons@2.0.9/css/boxicons.min.css);@media (prefers-color-scheme:dark){:root{--background-color:#3e3e3e;--font-color:#fff;--gray-light-1:#505050;--gray-light-2:#404040;--gray-light-3:#494949;--gray-light-4:#3b3b3b;--gray-dark-1:#353535;--gray-dark-2:#2c2c2c;--modal-background:#3b3b3b}}@media (prefers-color-scheme:light){:root{--background-color:#eee;--font-color:#000;--gray-light-1:#e9e6e6;--gray-light-2:#e3e3e3;--gray-light-3:#dfdfdf;--gray-light-4:#ebebeb;--gray-dark-1:#c4c4c4;--gray-dark-2:#acacac;--modal-background:#e0e0e0}}@media (prefers-color-scheme:dark){html[data-theme=system]{--background-color:#3e3e3e;--font-color:#fff;--gray-light-1:#505050;--gray-light-2:#404040;--gray-light-3:#494949;--gray-light-4:#3b3b3b;--gray-dark-1:#353535;--gray-dark-2:#2c2c2c;--modal-background:#3b3b3b}}@media (prefers-color-scheme:light){html[data-theme=system]{--background-color:#eee;--font-color:#000;--gray-light-1:#e9e6e6;--gray-light-2:#e3e3e3;--gray-light-3:#dfdfdf;--gray-light-4:#ebebeb;--gray-dark-1:#c4c4c4;--gray-dark-2:#acacac;--modal-background:#e0e0e0}}html[data-theme=light]{--background-color:#eee;--font-color:#000;--gray-light-1:#e9e6e6;--gray-light-2:#e3e3e3;--gray-light-3:#dfdfdf;--gray-light-4:#ebebeb;--gray-dark-1:#c4c4c4;--gray-dark-2:#acacac;--modal-background:#e0e0e0}html[data-theme=dark]{--background-color:#3e3e3e;--font-color:#fff;--gray-light-1:#505050;--gray-light-2:#404040;--gray-light-3:#494949;--gray-light-4:#3b3b3b;--gray-dark-1:#353535;--gray-dark-2:#2c2c2c;--modal-background:#3b3b3b}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}.shake:hover{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bgColor{0%{background-color:#70f094}33%{background-color:#e9a0fc}66%{background-color:#69acea}to{background-color:#70f094}}@keyframes bgColor{0%{background-color:#70f094}33%{background-color:#e9a0fc}66%{background-color:#69acea}to{background-color:#70f094}}@-webkit-keyframes bgColorWeekend{0%{background-color:#f0d970}33%{background-color:#e9a0fc}66%{background-color:#69acea}to{background-color:#f0d970}}@keyframes bgColorWeekend{0%{background-color:#f0d970}33%{background-color:#e9a0fc}66%{background-color:#69acea}to{background-color:#f0d970}}.shiny{-webkit-animation:slide 1s 3s infinite;animation:slide 1s 3s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#007db9e8",GradientType=1)}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes strike{0%{text-decoration:none}to{text-decoration:line-through}}@keyframes strike{0%{text-decoration:none}to{text-decoration:line-through}}@-webkit-keyframes slowlyExpand{0%{width:0}to{width:"30vw"}}@keyframes slowlyExpand{0%{width:0}to{width:"30vw"}}*{box-sizing:border-box;font-family:Ubuntu,Noto Sans Thai,sans-serif;margin:0;padding:0}html{font-size:55%;scroll-behavior:smooth}@media only screen and (min-width:112.5em){html{font-size:62.5%}}@media only screen and (max-width:56.25em){html{font-size:60%}}h1{color:var(--font-color);font-size:4rem}body{background-color:var(--background-color);min-height:100vh}a{text-decoration:none}main{background-color:var(--background-color);min-height:60vh}.errorBoundaryFill{background-color:#a50000;border-radius:1.1rem;display:flex;flex-direction:column;gap:1rem;height:100%;padding:2rem;width:100%}.errorBoundaryFill p{color:#ff0;font-size:1.2rem}.errorBoundaryFill p a{background-color:#d8d83e;color:#000}.errorBoundaryFill h1{color:#ff0;font-size:2rem}.u-remove-a-eff{color:#fff;text-decoration:none}.blurred{-webkit-filter:blur(1.1rem) brightness(.85);filter:blur(1.1rem) brightness(.85)}@media only screen and (max-width:56.25em){.hiddenOnPhone{display:none}}.hiddenOnPC{display:none}@media only screen and (max-width:56.25em){.hiddenOnPC{display:inline}}.searched{opacity:1}.hidden,.searched{transition:all .2s}.hidden{opacity:0}.none{display:none}@media (prefers-color-scheme:light){.blurred{-webkit-filter:blur(1.1rem);filter:blur(1.1rem)}}.noHover{pointer-events:none}.bar{-ms-overflow-style:none;background-color:var(--gray-light-1);border:none;border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.2);display:flex;gap:2rem;height:30rem;margin-bottom:4rem;overflow:hidden;padding:2rem;scrollbar-width:none;width:100%}@media only screen and (max-width:56.25em){.bar{background-color:transparent;box-shadow:none;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:2rem;overflow:visible;padding:0}}.bar__header{color:var(--font-color);font-size:3rem;margin-bottom:1.5rem;margin-left:2rem}@media only screen and (max-width:56.25em){.bar__header{margin-left:1rem}}.bar__booksTmr{grid-gap:.5rem;display:grid;flex-direction:column;gap:.5rem;grid-template-areas:"lable1 lable2" "container container";grid-template-columns:1fr 1fr;grid-template-rows:1fr 10fr;height:100%;margin-top:1rem}@media only screen and (max-width:56.25em){.bar__booksTmr{height:25rem}}.bar__booksTmr p{margin-left:1rem}@media only screen and (max-width:56.25em){.bar__booksTmr p{margin:1rem 0!important;width:100%!important}}.bar__booksTmr--container{background-color:#7f68f2;border-radius:1.1rem;display:grid;grid-area:container;grid-template-columns:1fr 1fr;height:15rem;padding:1rem;width:100%}@media only screen and (max-width:56.25em){.bar__booksTmr--container{background-color:var(--gray-light-3);height:25rem}}.bar__booksTmr--left{border-right:1px solid #755cf6;color:#fff;display:flex;flex-direction:column;font-size:1.8rem;font-weight:500;gap:.5rem;overflow-y:scroll;padding:0 1rem 1rem}.bar__booksTmr--left::-webkit-scrollbar{display:none}@media only screen and (max-width:56.25em){.bar__booksTmr--left{border-right:var(--gray-dark-2);color:var(--font-color);gap:1rem;padding:1rem}}.bar__booksTmr--left span{color:#53e08e;font-weight:700;text-align:center;width:1rem}.bar__booksTmr--right{color:#fff;display:flex;flex-direction:column;font-size:1.8rem;font-weight:500;gap:.5rem;overflow-y:scroll;padding:0 1rem 1rem 2rem}@media only screen and (max-width:56.25em){.bar__booksTmr--right{color:var(--font-color);gap:1rem;padding:1rem}}.bar__booksTmr--right::-webkit-scrollbar{display:none}.bar__booksTmr--right span{color:#fd5252;font-weight:700}.bar__item{border-radius:1.1rem;height:100%;padding:2rem;position:relative;transition:all .5s cubic-bezier(.85,0,.15,1)}@media only screen and (max-width:56.25em){.bar__item{background-color:var(--gray-light-1)!important;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.1);padding-bottom:8rem}}.bar__item--btn{bottom:2rem;position:absolute;z-index:2}.bar__item h3{color:#fff;font-size:3rem;width:70%;z-index:100000000}@media only screen and (max-width:56.25em){.bar__item h3{border-radius:1.1rem 1.1rem 0 0;color:#fff;margin:-2rem -2rem 0;padding:2rem;width:calc(100% + 4rem)}}.bar__item p{color:#fff;font-size:1.5rem;width:70%}@media only screen and (max-width:56.25em){.bar__item p{color:var(--font-color)!important;margin-top:2rem}}.bar__icon{bottom:2rem;position:absolute;right:2rem}@media only screen and (max-width:56.25em){.bar__icon{height:70px;width:70px}}.bsmall{width:40%}@media only screen and (max-width:56.25em){.bsmall{width:100%}}.blarge{width:60%}@media only screen and (max-width:56.25em){.blarge{width:100%}}.bfull{width:100%}@media only screen and (max-width:56.25em){.bfull{width:100%}}.covid{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.covid div{height:16rem}@media only screen and (max-width:56.25em){.covid__global{display:none}.covid__item{height:20rem!important}.welcome img{height:150px;width:150px}.welcome a button{z-index:5}}.btn{background:var(--gray-light-2);border:none;border-radius:11px;color:var(--font-color);height:4rem;padding:1.2rem 2rem 2rem;position:absolute;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn h3{font-size:22px;font-weight:500;line-height:25px}.btn:active,.btn:hover{background-color:#fff;box-shadow:0 0 10px #fff;color:#000;-webkit-transform:scale(1.05);transform:scale(1.05)}.btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.snackbar{align-items:center;background-color:var(--grey-dark-2);display:flex;height:5.5rem;width:100%}@media only screen and (max-width:56.25em){.snackbar{height:10vh}}.snackbar p{color:#000;font-size:1.5rem;font-weight:700;padding-left:2rem}.snackbar button{background-color:transparent;border:none;color:#000;font-size:3rem;margin-left:auto;margin-right:2rem;padding:0}.box,.snackbar button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.box{background:none;border-radius:1.1rem;-webkit-filter:drop-shadow(0 0 20px rgba(0,0,0,.25));filter:drop-shadow(0 0 20px rgba(0,0,0,.25));overflow-x:scroll;scrollbar-color:#404040 transparent;scrollbar-width:medium}.box::-webkit-scrollbar-corner{border-radius:1.1rem}.box::-webkit-scrollbar{display:none}.box::-webkit-scrollbar-track{background:transparent}.box::-webkit-scrollbar-thumb{background:#888;border-radius:1.1rem}.box::-webkit-scrollbar-thumb:hover{background:#555}.timetable{height:20rem;margin-bottom:0;min-width:100%;overflow-x:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:56.25em){.timetable{background-color:var(--gray-light-1);gap:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.5rem;width:inherit}}.timetable__dialog{left:50%;position:fixed;top:50%}.timetable__item{border:none;border-radius:1.1rem;height:100%;padding:2rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.85,0,.15,1);width:30rem}@media only screen and (max-width:56.25em){.timetable__item{width:100%}}.timetable__item:hover{width:35rem}@media only screen and (max-width:56.25em){.timetable__item:hover{width:100%!important}}.timetable__item:active{scale:.9;-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (max-width:56.25em){.timetable__item:active{-webkit-transform:scale(1)!important;transform:scale(1)!important}}.timetable__item--btn{bottom:2rem;position:absolute}.timetable__item h3{color:#fff;font-size:3rem}.timetable__item h4{color:#fff;font-size:2rem;font-weight:600}.timetable__add{background-color:var(--gray-light-3)!important}.timetable__add h3{font-size:4rem;line-height:3rem}.license{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;padding:3rem}.license h1{margin-bottom:2rem}.select2{box-sizing:border-box;margin-bottom:1.5rem;margin-left:auto;position:relative;transition:all .2s;width:15rem;z-index:1000}@media only screen and (max-width:56.25em){.select2{width:30vw}}.select2 *,.select2 :after,.select2 :before{box-sizing:inherit;transition:all .2s}.select2__value{color:#fff;position:relative;z-index:1}.select2__value:after{color:#fff!important;content:"";display:inline-block;height:11px;position:absolute;right:19px;top:calc(50% - 9px);width:11px}.select2__input{-webkit-appearance:none;background:var(--gray-light-4);border:1px solid var(--gray-dark-1);border-radius:3px;border-radius:1.1rem;color:var(--font-color);display:block;font-size:14px;height:5rem;line-height:36px;outline:none;padding:0 40px 0 16px;text-align:left;text-overflow:ellipsis;width:15rem}.select2__input::-webkit-search-cancel-button,.select2__input::-webkit-search-decoration,.select2__input::-webkit-search-results-button,.select2__input::-webkit-search-results-decoration{-webkit-appearance:none}.select2 .select2__input:not([readonly]):focus{cursor:auto}.select2__select{background:var(--gray-dark-1);border-radius:1.1rem!important;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);margin-top:1rem;z-index:1000}.select2__row:not(:first-child){border-top:1px solid var(--gray-)}.select2__not-found,.select2__option{background:var(--gray-light-1);border:none;color:var(--font-color);cursor:pointer;display:block;font-size:14px;height:5rem;outline:none;padding:0 16px;text-align:left;width:100%}.select2--multiple .select2__option{height:48px}.select2__option.is-selected{background:var(--gray-light-4);color:var(--font-color)}.select2__option.is-highlighted,.select2__option:not(.is-selected):hover{background:var(--gray-light-3)}.select2__option.is-highlighted.is-selected,.select2__option.is-selected:hover{background:var(--gray-light-3);color:var(--font-color)}.select2__group-header{background:#eee;font-size:10px;padding:8px 16px;text-transform:uppercase}.select2.is-disabled{opacity:.5}.select2.is-loading .select2__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0 1 20 17.88 2.51 2.51 0 0 0 2.49 2.26A2.52 2.52 0 0 0 50 22.33a25.14 25.14 0 0 0-50 0 2.52 2.52 0 0 0 2.5 2.81A2.51 2.51 0 0 0 5 22.88 20.14 20.14 0 0 1 25 5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select2:not(.is-disabled) .select2__input{cursor:pointer}.select2--multiple{border-radius:3px;overflow:hidden}.select2:not(.is-loading):not(.select2--multiple) .select2__value:after{border-bottom:1px solid var(--font-color);border-right:1px solid var(--font-color);pointer-events:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.select2--multiple .select2__input{border-radius:3px 3px 0 0;cursor:auto}.select2--multiple:not(.select2--search) .select2__input{cursor:default}.select2:not(.select2--multiple) .select2__input:hover{border-color:var(--font-color)}.select2:not(.select2--multiple) .select2__select{border-radius:3px;left:0;max-height:360px;overflow:auto;position:absolute;right:0;top:44px;z-index:2}.select2--multiple .select2__select{border-radius:0 0 3px 3px;border-top:1px solid #eee;max-height:260px;overflow:auto;position:relative}.select2__not-found{color:var(--font-color);height:auto;padding:16px;text-align:center}.timetableSort{box-sizing:border-box;margin-bottom:1.5rem;margin-left:auto;position:relative;transition:all .2s;width:70%;width:20rem;z-index:1000}@media only screen and (max-width:56.25em){.timetableSort{width:30vw}}.timetableSort *,.timetableSort :after,.timetableSort :before{box-sizing:inherit;transition:all .2s}.timetableSort__value{color:#fff;position:relative;z-index:1}.timetableSort__value:after{color:#fff!important;content:"";display:inline-block;height:11px;position:absolute;right:19px;top:calc(50% - 9px);width:11px}.timetableSort__input{-webkit-appearance:none;background:var(--gray-light-1);border:1px solid transparent;border-radius:3px;border-radius:1.1rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);color:var(--font-color);display:block;font-size:14px;height:50px;line-height:36px;outline:none;padding:0 40px 0 16px;text-align:left;text-overflow:ellipsis;width:100%}.timetableSort__input::-webkit-search-cancel-button,.timetableSort__input::-webkit-search-decoration,.timetableSort__input::-webkit-search-results-button,.timetableSort__input::-webkit-search-results-decoration{-webkit-appearance:none}.timetableSort .timetableSort__input:not([readonly]):focus{cursor:auto}.timetableSort__select{background:var(--gray-dark-1);border-radius:1.1rem!important;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);margin-top:1rem;z-index:1000}.timetableSort__row:not(:first-child){border-top:1px solid var(--gray-)}.timetableSort__not-found,.timetableSort__option{background:var(--gray-light-1);border:none;color:var(--font-color);cursor:pointer;display:block;font-size:14px;height:5rem;outline:none;padding:0 16px;text-align:left;width:100%}.timetableSort--multiple .timetableSort__option{height:48px}.timetableSort__option.is-selected{background:var(--gray-light-4);color:var(--font-color)}.timetableSort__option.is-highlighted,.timetableSort__option:not(.is-selected):hover{background:var(--gray-light-3)}.timetableSort__option.is-highlighted.is-selected,.timetableSort__option.is-selected:hover{background:var(--gray-light-3);color:var(--font-color)}.timetableSort__group-header{background:#eee;font-size:10px;padding:8px 16px;text-transform:uppercase}.timetableSort.is-disabled{opacity:.5}.timetableSort.is-loading .timetableSort__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0 1 20 17.88 2.51 2.51 0 0 0 2.49 2.26A2.52 2.52 0 0 0 50 22.33a25.14 25.14 0 0 0-50 0 2.52 2.52 0 0 0 2.5 2.81A2.51 2.51 0 0 0 5 22.88 20.14 20.14 0 0 1 25 5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.timetableSort:not(.is-disabled) .timetableSort__input{cursor:pointer}.timetableSort--multiple{border-radius:3px;overflow:hidden}.timetableSort:not(.is-loading):not(.timetableSort--multiple) .timetableSort__value:after{border-bottom:1px solid var(--font-color);border-right:1px solid var(--font-color);pointer-events:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.timetableSort--multiple .timetableSort__input{border-radius:3px 3px 0 0;cursor:auto}.timetableSort--multiple:not(.timetableSort--search) .timetableSort__input{cursor:default}.timetableSort:not(.timetableSort--multiple) .timetableSort__input:hover{border-color:var(--font-color)}.timetableSort:not(.timetableSort--multiple) .timetableSort__select{border-radius:3px;left:0;max-height:360px;overflow:auto;position:absolute;right:0;top:44px;z-index:2}.timetableSort--multiple .timetableSort__select{border-radius:0 0 3px 3px;border-top:1px solid #eee;max-height:260px;overflow:auto;position:relative}.timetableSort__not-found{color:var(--font-color);height:auto;padding:16px;text-align:center}.iAPI{display:grid;grid-template-columns:20vw 80vw;width:100%}.iAPI__main{height:calc(100vh - 5rem);overflow-x:scroll;overflow-y:scroll;padding:3rem;width:100%}.iAPI__landing{display:flex;flex-direction:column;gap:1rem}.iAPI__landing h1{font-size:4rem}.iAPI__landing p{color:var(--font-color);font-size:1.5rem}.iAPI__mostUsed{margin-top:10vh}.iAPI__mostUsed h3{color:var(--font-color);font-size:2rem}.iAPI__mostUsed div{background-color:var(--gray-light-1);border:1px solid var(--gray-dark-1);border-radius:1.1rem;height:15rem;margin-top:1rem;padding:2rem;width:40rem}.iAPI__mostUsed div a{color:#fff;font-size:1.5rem}.langSelect{display:flex;height:5rem}.langSelect button{background-color:var(--gray-light-4);border:1px solid var(--gray-dark-1);color:var(--font-color);font-weight:600;padding:1rem;transition:all .2s;width:11rem}.langSelect button:hover{border:1px solid var(--font-color)}.langSelect--left{border-radius:1.1rem 0 0 1.1rem}.langSelect--right{border-radius:0 1.1rem 1.1rem 0}.newHoliday{display:flex;flex-direction:column;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.newHoliday__top{display:flex;height:5rem;width:100%}.newHoliday__date{background-color:var(--gray-light-4);border:1px solid var(--gray-dark-1);border-radius:1.1rem;color:var(--font-color);padding:1rem;transition:all .2s;width:25rem}.newHoliday__date:hover{border:1px solid #000}.newHoliday__middle{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-areas:"header img" "desc img";grid-template-columns:1fr 1fr;grid-template-rows:1fr 6fr;height:30rem}.newHoliday__middle input,.newHoliday__middle textarea{background-color:var(--gray-light-3);border:none;border:1px solid var(--gray-dark-1);border-radius:1.1rem;color:var(--font-color);font-weight:600;margin-bottom:.5rem;padding:2rem;resize:none;transition:all .1s cubic-bezier(.61,1,.88,1);width:100%}.newHoliday__headerInput{grid-area:header}.newHoliday__descInput{grid-area:desc}.newHoliday__imgInput{background-color:var(--gray-light-3);border:1px solid var(--gray-dark-1);border-radius:1.1rem;display:grid;grid-area:img;place-items:center}.newHoliday__imgInput p{color:var(--gray-dark-1);font-size:2rem}.newHoliday__simplifiedDate{display:flex;flex-direction:column;gap:.5rem}.newHoliday__simplifiedDate div{background-color:var(--gray-light-3);border:none;border:1px solid var(--gray-dark-1);border-radius:1.1rem;color:var(--font-color);font-weight:600;margin-bottom:.5rem;padding:2rem;transition:all .1s cubic-bezier(.61,1,.88,1);width:100%}.simpleSelect{-webkit-appearance:none;background:var(--background-color);border:1px solid transparent;border-radius:3px;border-radius:1.1rem;color:var(--font-color);display:block;font-size:14px;height:50px;line-height:36px;outline:none;padding:0 40px 0 16px;position:relative;text-align:left;text-overflow:ellipsis;transition:all .2s;width:100%}.simpleSelect::-webkit-search-cancel-button,.simpleSelect::-webkit-search-decoration,.simpleSelect::-webkit-search-results-button,.simpleSelect::-webkit-search-results-decoration{-webkit-appearance:none}.simpleSelect:hover{border:1px solid #000}.simpleSelect__wrapper{color:#000;position:relative;width:20rem;z-index:1}.simpleSelect__wrapper:after{color:#fff!important;content:"";display:inline-block;height:11px;position:absolute;right:19px;top:calc(50% - 9px);width:11px}.header{background-size:cover;display:flex;padding:8vh;width:100%}@media only screen and (max-width:56.25em){.header{flex-direction:column;height:20rem;padding:3vh}}.header h1{color:#fff;font-size:6rem}@media only screen and (max-width:56.25em){.header h1{font-size:4rem}}.header__account{align-items:center;display:flex;flex-direction:row;gap:2rem;margin-left:auto}@media only screen and (max-width:56.25em){.header__account{gap:0}}.header__account h3{color:#fff;font-size:3rem;text-align:right}@media only screen and (max-width:56.25em){.header__account h3{color:transparent;display:hidden;font-size:2rem;opacity:0}}.header__icon{background-color:var(--gray-light-2);border-radius:50%;bottom:0;color:var(--gray-dark-2);font-size:3rem;padding:1rem;position:absolute;right:0;transition:all .2s;z-index:1000}@media only screen and (max-width:56.25em){.header__icon{font-size:2rem}}.header__icon:hover{-webkit-transform:rotate(-50deg) scale(1.1)!important;transform:rotate(-50deg) scale(1.1)!important}.header__icon:active{-webkit-transform:rotate(250deg) scale(.9)!important;transform:rotate(250deg) scale(.9)!important}.header__homeIcon{background-color:var(--gray-light-2);border-radius:50%;bottom:0;color:var(--gray-dark-2);font-size:3rem;padding:1rem;position:absolute;right:0;transition:all .2s;z-index:1000}@media only screen and (max-width:56.25em){.header__homeIcon{font-size:2rem}}.header__homeIcon:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.header__homeIcon:active{-webkit-transform:rotate(250deg) scale(.9)!important;transform:rotate(250deg) scale(.9)!important}.header__userProfile{position:relative}.header__userProfile img{border-radius:50%;display:inline-block;object-fit:cover}@media only screen and (max-width:56.25em){.header__userProfile img{height:110px;width:110px}}.header__userProfile a span{color:#fff;font-size:5rem;opacity:0;position:absolute;transition:all .1s;transition-delay:.1s;z-index:5}.header__userProfile a img{transition:all .2s}footer{background-color:var(--gray-light-2);display:flex;font-size:1.3rem;justify-content:space-between;padding:2rem 5rem;width:100%;z-index:1000}footer li{color:var(--font-color);display:inline-block;list-style:none;margin-left:5rem;transition:all .2s}@media only screen and (max-width:56.25em){footer li{margin-bottom:1rem}}footer a:hover>li{text-decoration:underline}footer a{text-decoration:none;transition:color .5s;transition:all .2s}footer a,footer h3{color:var(--font-color)}.topNav{align-items:center;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background-color:#fd5252;display:flex;height:7rem;justify-content:flex-end;padding:0 2.5rem;text-align:center;width:100%;z-index:20}.topNav__right{display:flex;gap:1rem}.topNav__right h3{font-size:1.5rem!important;font-weight:500!important;text-align:right}.topNav a{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;gap:.2rem;margin-right:auto}@media only screen and (max-width:56.25em){.topNav a{font-size:2rem}}.topNav img{border-radius:50%;height:4.5rem;width:4.5rem}.sideNav{background-color:var(--gray-light-3);display:flex;flex-direction:column;gap:2rem;height:100vh;padding:2rem}.sideNav__option{background-color:transparent;border:none;color:#fff;font-size:4rem}.sideNav__alert{background-color:var(--gray-light-1)}.sideNav__alert--top{background-color:#fd5252;border-radius:1.1rem 1.1rem 0 0;color:#fff;font-size:1.7rem;padding:2rem}.sideNav__alert--bottom{background-color:var(--gray-light-4);border:1px solid var(--gray-dark-1);border-radius:0 0 1.1rem 1.1rem;color:var(--font-color);font-size:1.3rem;padding:2rem}.sideNav__optionGroup{border:1px solid var(--gray-dark-1);border-radius:1.1rem}.sideNav__optionGroup--top{align-items:center;background-color:var(--gray-light-2);border-radius:1.1rem 1.1rem 0 0;color:var(--font-color);display:flex;font-size:1.7rem;gap:1rem;padding:1.5rem}.sideNav__optionGroup--bottom{background-color:var(--gray-light-4);border-radius:0 0 1.1rem 1.1rem;display:flex;flex-direction:column;font-size:1.3rem;padding:1.5rem}.sideNav__optionGroup--bottom a{border-radius:.5rem;color:var(--font-color);font-size:1.5rem;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;width:100%}.sideNav__optionGroup--bottom a:hover{background-color:var(--gray-light-1);color:var(--font-color);transition:all .2s}.sideNav__optionGroup--chevron{font-size:3rem;margin-left:auto}.simpleModal__centered{background-color:var(--gray-light-2);border-radius:1.1rem;display:grid;-webkit-filter:drop-shadow(0 4px 22px rgba(0,0,0,.25));filter:drop-shadow(0 4px 22px rgba(0,0,0,.25));grid-template-columns:50rem;grid-template-rows:30rem 30rem;left:50%;padding:2rem;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (max-width:56.25em){.simpleModal__centered{grid-template-columns:calc(90vw - 4rem)}}.simpleModal__addTimetables{border-radius:1.1rem;height:100%;margin-bottom:1rem;position:relative;width:100%}@media only screen and (max-width:56.25em){.simpleModal__addTimetables{height:20rem}}.simpleModal__addTimetables__inputWrapper{display:flex;gap:2rem}.simpleModal__addTimetables h3{color:var(--font-color);font-size:2rem!important;margin-bottom:1rem}@media only screen and (max-width:56.25em){.simpleModal__addTimetables{width:100%}}.simpleModal__addTimetables__submit{align-items:center;background-color:#ff5252;border:none;border-radius:1.1rem;bottom:0!important;color:#fff;display:flex;font-size:1.5rem;height:5rem;justify-content:center;left:0!important;padding:1rem;position:absolute;text-decoration:none;transition:all .3s;width:40%}.simpleModal__addTimetables__submit:active{-webkit-transform:scale(.85);transform:scale(.85)}.simpleModal__centerClose{color:var(--font-color);font-size:3rem;position:absolute;right:2rem;top:2rem;z-index:100}.simpleModal__bottom{margin-top:2rem}.simpleModal__bottom h3{color:var(--font-color);font-size:2.5rem;margin-left:1rem}.simpleModal__bottom a{font-size:1rem}.simpleModal__top{position:relative}.simpleModal__top p{color:var(--gray-dark-2);font-size:1.2rem;margin:.5rem 1rem}@media (prefers-color-scheme:dark){.simpleModal__top p{color:#868686}}.simpleModal__top h3{color:var(--font-color);font-size:2.5rem;margin:0 0 0 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.simpleModal__top input{background-color:var(--gray-light-3);border:none;border-radius:1.1rem;color:var(--font-color);font-weight:600;margin-bottom:.5rem;padding:2rem;transition:all .1s cubic-bezier(.61,1,.88,1);width:100%}.simpleModal__overlay{transition:all .2s}.simpleModal__header{display:inline;padding:1rem}.simpleModal__close:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.simpleModal__close:active{-webkit-transform:scale(.9);transform:scale(.9)}@media only screen and (max-width:56.25em){.simpleModal__content{height:30rem;margin-bottom:6rem;overflow-y:scroll}}.select-search{box-sizing:border-box;position:relative;transition:all .2s;width:20rem}@media only screen and (max-width:56.25em){.select-search{width:100%}}.select-search *,.select-search :after,.select-search :before{box-sizing:inherit;transition:all .2s}.select-search__value{color:#fff;position:relative}.select-search__value:after{color:#fff!important;content:"";display:inline-block;height:11px;position:absolute;right:19px;top:calc(50% - 9px);width:11px}.select-search__input{-webkit-appearance:none;background:var(--background-color);border:1px solid transparent;border-radius:3px;border-radius:1.1rem;color:var(--font-color);display:block;font-size:14px;height:5rem;line-height:36px;outline:none;padding:0 40px 0 16px;text-align:left;text-overflow:ellipsis;width:100%}.select-search__input::-webkit-search-cancel-button,.select-search__input::-webkit-search-decoration,.select-search__input::-webkit-search-results-button,.select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search__input:not([readonly]):focus{cursor:auto}.select-search__select{background:var(--gray-dark-1);border-radius:1.1rem!important;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);margin-top:1rem;position:relative;z-index:1000}.select-search__options{list-style:none}.select-search__row:not(:first-child){border-top:1px solid var(--gray-)}.select-search__not-found,.select-search__option{background:var(--gray-light-1);border:none;color:var(--font-color);cursor:pointer;display:block;font-size:14px;height:5rem;outline:none;padding:0 16px;text-align:left;width:100%}.select-search--multiple .select-search__option{height:48px}.select-search__option.is-selected{background:var(--gray-light-4);color:var(--font-color)}.select-search__option.is-highlighted,.select-search__option:not(.is-selected):hover{background:var(--gray-light-3)}.select-search__option.is-highlighted.is-selected,.select-search__option.is-selected:hover{background:var(--gray-light-3);color:var(--font-color)}.select-search__group-header{background:#eee;font-size:10px;padding:8px 16px;text-transform:uppercase}.select-search.is-disabled{opacity:.5}.select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0 1 20 17.88 2.51 2.51 0 0 0 2.49 2.26A2.52 2.52 0 0 0 50 22.33a25.14 25.14 0 0 0-50 0 2.52 2.52 0 0 0 2.5 2.81A2.51 2.51 0 0 0 5 22.88 20.14 20.14 0 0 1 25 5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select-search:not(.is-disabled) .select-search__input{cursor:pointer}.select-search--multiple{border-radius:3px;overflow:hidden}.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{border-bottom:1px solid var(--font-color);border-right:1px solid var(--font-color);pointer-events:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.select-search--multiple .select-search__input{border-radius:3px 3px 0 0;cursor:auto}.select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.select-search:not(.select-search--multiple) .select-search__input:hover{border-color:var(--font-color)}.select-search:not(.select-search--multiple) .select-search__select{border-radius:3px;left:0;max-height:360px;overflow:auto;position:absolute;right:0;top:44px}.select-search--multiple .select-search__select{border-radius:0 0 3px 3px;border-top:1px solid #eee;max-height:260px;overflow:auto;position:relative}.select-search__not-found{color:var(--font-color);height:auto;padding:16px;text-align:center}main{padding:3rem}@media only screen and (max-width:56.25em){main{padding:2rem}}.login{display:grid;height:100vh;place-items:center;position:relative}.login h3{font-size:4.5rem}.login h3,.login p{color:var(--font-color)}.login a,.login p{font-size:1.5rem}.login a{background-color:#ff5252;border:none;border-radius:1.1rem;bottom:2rem;color:#fff;height:7rem;left:2rem;padding:2rem;position:absolute;text-align:center;text-decoration:none;transition:all .3s;width:90%}.login a:hover{box-shadow:0 0 20px #ff5252}.login a:active{-webkit-transform:scale(.85);transform:scale(.85)}.login__logo{height:15rem;position:fixed;right:2rem;top:2rem;width:15rem;z-index:150}@media only screen and (max-width:56.25em){.login__logo{display:none}}.login__rectangle{background-color:#ff5252;height:100%;left:-15%;position:fixed;top:0;-webkit-transform:skew(0deg,45deg);transform:skew(0deg,45deg);transition:all .4s;width:115%;z-index:1}.login__modal,.login__rectangle{box-shadow:0 4px 20px rgba(0,0,0,.25)}.login__modal{background-color:var(--gray-light-1);border-radius:1.1rem;height:50rem;padding:2rem;position:relative;width:40rem;z-index:10}@media only screen and (max-width:56.25em){.login__modal{border-radius:0;bottom:0;height:100vh;position:absolute;width:100vw}}.login__text{margin-bottom:2rem}.login__text p{margin-top:1rem}.login__form input{background-color:var(--gray-light-3);border:none;border-radius:1.1rem;color:var(--font-color);margin-bottom:.5rem;margin-top:1rem;padding:1.5rem;transition:all .1s cubic-bezier(.61,1,.88,1);width:100%}.login__form input:focus{border:3px solid var(--font-color);box-shadow:0 0 20px var(--font-color)}.login__form label{color:var(--font-color);transition:all .2s}.login__footer{bottom:2rem;opacity:50%;position:fixed;right:2rem;text-align:right;z-index:100}@media only screen and (max-width:56.25em){.login__footer{display:none}}.login__footer p{font-size:1.5rem;font-weight:800}.login__btn{background-color:#ff5252;border:none;border-radius:1.1rem;bottom:2rem;color:#fff;font-size:1.5rem;height:7rem;justify-content:center;left:2rem;padding:2rem;position:absolute;text-decoration:none;transition:all .3s;width:90%}.credits,.login__btn{align-items:center;display:flex}.credits{background-color:#e9e6e6;flex-direction:column}.credits__contents{background-color:#e9e6e6;border-radius:1.1rem;height:40vh;padding:2rem;width:100%}.credits__contents h1{color:#000}.credits__page{background-color:#eee;border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.1);margin:3rem 0;padding:3rem;width:70vw}.credits__title{border-bottom:3px solid #c4c4c4;color:#000;font-weight:600;margin-bottom:1rem;padding-bottom:1rem}.credits__title span{color:#fd5252;font-size:2rem}.credits__paragraph h3{border-bottom:1px solid #c4c4c4;color:#000;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem}.credits__paragraph p{color:#000;font-size:1.3rem;margin-bottom:3rem}.loading{display:grid;height:100vh;place-items:center;width:100%}.loading div{align-items:center;display:flex}@media only screen and (max-width:56.25em){.loading div{flex-direction:column}}.loading h3{color:var(--font-color);font-size:3rem;font-weight:600;margin-left:2rem;text-align:left}.config{padding:3rem 3rem 0}@media only screen and (max-width:56.25em){.config{padding:2rem}}.config__realBar{height:100%}.config__bar{border:none;border-radius:1.1rem;display:flex;flex-wrap:wrap;gap:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;width:100%}@media only screen and (max-width:56.25em){.config__bar{background-color:var(--gray-light-1);display:grid;-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;height:60rem;overflow:hidden}}.config__bar h3{color:var(--font-color);font-size:2rem;margin-right:2rem}.config__buttonWrapper{margin-left:auto!important}@media only screen and (max-width:56.25em){.config__buttonWrapper{margin:2rem!important}}.config__developerOption{border-radius:1.1rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.config__developerOption h2{color:#fff;font-size:2rem;padding:1rem}.config__button{height:10rem!important;position:static!important;width:15rem!important}@media only screen and (max-width:56.25em){.config__button{height:5rem!important;position:static!important;width:100%!important}}.config__item{align-items:center;background-color:var(--gray-light-1);border-right:1px solid var(--gray-dark-1);display:flex;-webkit-filter:none;filter:none;height:10rem;padding:2rem;width:30rem}@media only screen and (max-width:75em){.config__item{width:33rem}}@media only screen and (max-width:56.25em){.config__item{border-bottom:1px solid var(--gray-dark-1);border-right:none;height:10rem;width:100%}}.config__item h3{margin-bottom:1rem;width:100%}.config__logout{align-items:center;background-color:#ff5252;border:none;border-radius:1.1rem;color:#fff;display:grid;-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));height:100%;margin-left:auto;transition:all .2s;width:15rem}.config__logout i{font-size:3rem;line-height:2rem}@media only screen and (max-width:56.25em){.config__logout i{font-weight:600;margin-left:auto;padding-left:.5rem}.config__logout{display:flex;font-size:2rem;font-weight:600;height:7rem;justify-self:center;padding-left:2rem;width:100%}.config__logout:active{background-color:#ff5252;box-shadow:0 0 20px #ff5252;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}}.config__logout:hover{background-color:#ff5252;box-shadow:0 0 20px #ff5252;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.config__logout:active{background-color:var(--gray-light-2);box-shadow:0 0 20px var(--gray-light-2);-webkit-transform:scale(.85);transform:scale(.85)}@media only screen and (max-width:56.25em){.config__switch{margin-left:auto}}.themeSwitcher{position:relative}@media only screen and (max-width:56.25em){.themeSwitcher{height:17rem!important}}.themeSwitcher__buttons{bottom:0;display:flex;gap:2rem;position:absolute;right:2rem}@media only screen and (max-width:56.25em){.themeSwitcher__buttons{bottom:2rem}}.themeSwitcher__buttons button{background-color:var(--gray-light-4);border:none;border-radius:1.1rem;color:var(--font-color);font-size:2.5rem;height:7rem;transition:all .2s;width:7rem}@media only screen and (max-width:56.25em){.themeSwitcher__buttons button{font-size:2rem;height:5rem;width:5rem}}.themeSwitcher__buttons button:hover{background-color:#fff;box-shadow:0 0 10px #fff;color:#000;-webkit-transform:scale(1.05);transform:scale(1.05)}.themeSwitcher__buttons button:active{background-color:#fff;box-shadow:0 0 10px #fff;color:#000;-webkit-transform:scale(.9);transform:scale(.9)}.themeSwitcher__active{background-color:#fff!important;box-shadow:0 0 10px #fff;color:#000!important;-webkit-transform:scale(1.05);transform:scale(1.05)}.removeTimetables{height:100%;padding:3rem}@media only screen and (max-width:56.25em){.removeTimetables{padding:2rem}}.addTimetables{background-color:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);height:23rem;margin-bottom:1rem;padding:2rem;position:relative;width:50rem}@media only screen and (max-width:56.25em){.addTimetables{height:20rem}}.addTimetables__inputWrapper{display:flex;gap:2rem}.addTimetables h3{color:var(--font-color);font-size:2rem;margin-bottom:1rem}@media only screen and (max-width:56.25em){.addTimetables{width:100%}}.addTimetables__submit{align-items:center;background-color:#ff5252;border:none;border-radius:1.1rem;bottom:2rem;color:#fff;display:flex;font-size:1.5rem;height:5rem;justify-content:center;left:2rem;padding:1rem;position:absolute;text-decoration:none;transition:all .3s;width:20rem}.addTimetables__submit:active{-webkit-transform:scale(.85);transform:scale(.85)}.row{display:flex;gap:2rem}@media only screen and (max-width:56.25em){.row{flex-direction:column}}.ssAcc__bar{display:flex;height:23rem}@media only screen and (max-width:56.25em){.ssAcc__bar{background-color:transparent;box-shadow:none;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:visible}}.ssAcc__item{border-right:1px solid var(--gray-dark-1);color:var(--font-color);padding:1rem;position:relative;width:40rem}@media only screen and (max-width:75em){.ssAcc__item{width:33rem}}@media only screen and (max-width:56.25em){.ssAcc__item{background-color:var(--gray-light-1);border-radius:1.1rem;border-right:none;-webkit-filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));filter:drop-shadow(0 10px 10px rgba(0,0,0,.1));height:15rem;padding:2rem;width:100%}}.ssAcc__item a{align-items:center;background:var(--background-color);border-radius:11px;bottom:.5rem;color:var(--font-color);display:flex;font-size:1.2rem;height:4rem;height:5rem;padding:2rem;position:absolute;right:2rem;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:56.25em){.ssAcc__item a{bottom:2rem}}.ssAcc__item a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.ssAcc__item a:active,.ssAcc__item a:hover{background-color:#fff;box-shadow:0 0 10px #fff;color:#000}.ssAcc__item a:active{-webkit-transform:scale(.9);transform:scale(.9)}.ssAcc__item h3{font-size:2.5rem}.ssAcc__item p{font-size:1.3rem}.timetableNav{align-items:center;display:flex;height:7rem;justify-content:flex-end;padding:0 2.5rem;text-align:center;width:100%}.timetableNav__themeSwitcher{background-color:transparent;border:none;border-radius:50%;color:#fff;display:grid;font-size:3rem;height:4rem;margin-right:.5rem;place-items:center;transition:all .2s;width:4rem}.timetableNav__themeSwitcher:hover{background-color:#ffffff50}.timetableNav__themeSwitcher:active{-webkit-transform:scale(.9);transform:scale(.9)}.timetableNav__home{color:var(--font-color);font-size:3rem;margin-right:auto}.timetableNav h3{color:#fff;font-size:2.5rem;font-weight:600}.timetableNav img{border-radius:50%;display:inline-block;height:4.5rem;justify-self:flex-start;margin-right:1rem;object-fit:cover;width:4.5rem}@media only screen and (max-width:56.25em){.timetableNav img{margin-right:0}}.timetableNav__pref{border-radius:50%;color:#fff;display:grid;font-size:3rem;height:4rem;margin-right:1rem;place-items:center;width:4rem}.timetableNav__pref:hover{background-color:#ffffff50}.timetableNav__pref:active{-webkit-transform:scale(.9);transform:scale(.9)}.timetableAlert{display:flex;padding:3rem}.timetableAlert__header{color:#fff}.timetableAlert__header p{font-size:1.5rem!important;margin-top:0!important}.timetableAlert__header h1{color:#fff}.timetableAlert__selectImage{border-radius:2rem;display:grid;height:10rem;margin-left:auto;place-items:center;position:relative;transition:all .2s;width:15rem!important}.timetableAlert__selectImage input{height:20rem;left:0;opacity:0;position:absolute;top:0;width:20rem}.timetableAlert__selectImage i{color:#fff}.timetableAlert__selectImage img{border-radius:1.1rem;height:7rem;object-fit:cover;width:7rem}.timetableAlert__selectImage:active{scale:.9}@media only screen and (max-width:56.25em){.timetableAlert__selectImage{width:20rem}}.timetableAlert p{color:#fff;font-size:1.4rem;margin-top:2rem}.timetableBar{display:flex;gap:3rem;height:12rem;margin:0 1rem;padding:3rem}@media only screen and (max-width:56.25em){.timetableBar{padding:2rem}}.timetableBar__text{color:var(--font-color);font-size:1.5rem;text-align:left}@media only screen and (max-width:56.25em){.timetableBar__text h1{font-size:2.8rem}.timetableBar__time{display:none}}.timetableBar__input{height:100%;margin-left:auto}.timetableBar__input input{border:none;border-radius:1.1rem;color:#fff;font-weight:600;height:100%;padding:2rem;width:30vw}.timetableBar__input input::-webkit-input-placeholder{color:#ffffff80;opacity:1}.timetableBar__input input:-ms-input-placeholder{opacity:1}.timetableBar__input input::placeholder{color:#ffffff80;opacity:1}.timetableBar__input input:-ms-input-placeholder{color:#ffffff80}.timetableBar__input input::-ms-input-placeholder{color:#ffffff80}@media only screen and (max-width:56.25em){.timetableBar__input input{height:80%;width:50vw}}.timetableCon{border-radius:1.1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 3rem 3rem;transition:all .2s}@media only screen and (max-width:75em){.timetableCon{margin:0 0 2rem 2rem}}@media only screen and (min-width:112.5em){.timetableCon{margin:0 4rem 4rem}}.timetableCon button{align-self:flex-end;background:transparent;border:none;color:var(--font-color);font-size:1.6rem;font-weight:500;margin-bottom:1rem;margin-right:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.timetableTable{grid-gap:1rem;-ms-overflow-style:none;background-color:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.2);display:grid;gap:1rem;grid-template-columns:1fr 4fr 1fr 3fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;height:80vh;overflow:scroll;padding:2rem;scrollbar-width:none;transition:all .2s}.timetableTable::-webkit-scrollbar{display:none}@media only screen and (max-width:75em){.timetableTable{border-radius:1.1rem 0 0 1.1rem}}@media only screen and (max-width:56.25em){.timetableTable{border-radius:1.1rem 0 0 1.1rem;grid-template-columns:10rem 40rem 10rem 30rem}}@media only screen and (min-width:112.5em){.timetableTable{height:80vh!important;width:100%}}.monday{background-color:#f0d750!important;grid-column:1/2;grid-row:2/3}.tuesday{background-color:#ff7f7f!important;grid-column:1/2;grid-row:3/4}.wednesday{background-color:#6edf64!important;grid-column:1/2;grid-row:4/5}.thursday{background-color:#ff8a00!important;grid-column:1/2;grid-row:5/6}.friday{background-color:#00988f!important;grid-column:1/2;grid-row:6/7}.t-r1c3{display:grid;grid-column:3/4;grid-row:1/span 5;place-items:center}.t-r1c3 h3{color:var(--font-color);font-size:1.5rem}.weekday{-ms-overflow-style:none;color:var(--font-color);display:grid;font-size:1.6rem;font-weight:600;padding:1rem;place-items:center;position:relative;scrollbar-width:none;text-align:center;width:100%}.weekday,.weekday__popup{background-color:var(--gray-light-3);border-radius:1.1rem;transition:all .2s}.weekday__popup{box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.2);min-width:30rem;overflow:hidden;position:absolute;z-index:5}.weekday__popup--top{background-color:var(--gray-light-1);display:flex;padding:1.5rem}.weekday__popup--top img{height:8rem;width:8rem}.weekday__popup--bottom{align-items:flex-end;display:flex;gap:.5rem;justify-content:flex-start;padding:2rem 2rem 0}.weekday__popup--bottom p{font-size:1.3rem!important;font-weight:500}.weekday__popup--bottom h2,.weekday__popup--bottom p{color:var(--font-color)!important;text-shadow:none!important;white-space:nowrap}.weekday__popup--bottom h2{font-size:2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.weekday__popup button{background-color:#ff7f7f;border-radius:1.1rem;height:10rem;height:4rem;margin:2rem;width:calc(100% - 4rem)}.weekday:hover{outline:1px solid var(--font-color);outline-offset:5px}.weekday::-webkit-scrollbar{background:transparent;width:0}.weekdays{background-color:var(--gray-light-3);border-radius:1.1rem;color:#fff;display:grid;font-size:1.5rem;font-weight:700;place-items:center;transition:all .2s}.period__item{overflow:hidden}.period__item,.period__item h3{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.period__item h3{border-radius:1.1rem;color:var(--font-color);font-size:1.6rem;text-align:center}@media only screen and (max-width:56.25em){.period__item h3{font-size:1.4rem}}.timetablePeriodTime{background-color:var(--gray-light-3);color:var(--font-color);display:grid;font-size:.8rem;font-weight:500;place-items:center}.timetablePeriodTime h3{color:var(--font-color)!important}.timetablePeriodTime__first{border-radius:1.1rem 0 0 1.1rem!important;margin:0 -1rem 0 0!important}.timetablePeriodTime__last{border-radius:0 1.1rem 1.1rem 0!important;margin:0 0 0 -1rem!important;padding:0 1rem}@media only screen and (max-width:75em){.timetablePeriodTime__last{width:100%}}.curPeriodHighlight{border-radius:1.1rem;color:#fff!important;font-size:1.8rem!important;font-weight:800;text-shadow:0 0 10px #fff}.setup{display:grid;grid-template-columns:30vw 1fr;min-height:100vh}@media only screen and (max-width:56.25em){.setup{display:flex;flex-direction:column}}.setup__left{background-color:var(--gray-light-3);display:flex;flex-direction:column;padding:3rem}@media only screen and (max-width:56.25em){.setup__left{width:100%}}.setup__left p{color:#fff;font-size:1.5rem}.setup__textCon{color:#fff;margin:-3rem -3rem 0;padding:3rem 4rem 3rem 3rem}.setup__textCon h1{color:#fff}.setup__steps{background-color:var(--gray-light-3);border-radius:1.1rem;display:flex;flex-direction:column;gap:2rem;padding:2rem}@media only screen and (max-width:56.25em){.setup__steps{display:none}}.setup__step{align-items:center;background:var(--gray-light-1);border-radius:1.1rem;display:flex;gap:2rem;padding:2rem;transition:all .5s}.setup__step i,.setup__step p{color:var(--font-color)}.setup__step i{font-size:3rem}.setup__step span{font-weight:700}.setup__right{color:var(--font-color);display:flex;flex-direction:column;font-size:2.5rem;gap:4rem;height:100vh;overflow-y:scroll;padding:3rem 3rem 10rem;width:100%}.setup__preview{background-color:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);height:50rem;margin-top:3rem;width:80%}@media only screen and (max-width:56.25em){.setup__preview{display:none}}.setup__preview h4{color:var(--font-color);font-size:3rem;margin-top:2rem}.setup__preview img{border-radius:2rem;height:10rem;width:10rem}.setup__nameCon{border-bottom:1px solid var(--gray-dark-1);padding:0 2rem 2rem}.setup__infoCon{padding:2rem}.setup__infoCon h4{font-size:2rem;margin:0;padding:0}.setup__imgCon{border-radius:1.1rem 1.1rem 0 0;height:30%;padding:2rem}.eula{background:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);font-size:1rem;padding:2rem;width:100%}.eula h3,.eula p{color:var(--font-color)}.eula__text{background-color:var(--gray-light-2);border-radius:1.1rem;height:50vh;margin-bottom:2rem;overflow-y:scroll;padding:2rem}.eula__title span{font-size:2rem}.eula__button{align-items:center;border-top:1px solid var(--gray-dark-1);display:flex;gap:1rem;padding-top:1rem}.eula__button h3{font-size:1.5rem;font-weight:500;margin-left:auto}.eula__button button{background-color:transparent;border:none;border-radius:1.1rem;color:var(--font-color);font-size:3rem;font-weight:700;height:3rem;width:3rem}.setupTimetables{background-color:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);height:23rem;margin-bottom:1rem;padding:2rem;position:relative;width:100%}@media only screen and (max-width:56.25em){.setupTimetables{height:20rem}}.setupTimetables__inputWrapper{display:flex;gap:2rem}.setupTimetables h3{color:var(--font-color);font-size:2rem;margin-bottom:1rem}@media only screen and (max-width:56.25em){.setupTimetables{width:100%}}.setupTimetables__submit{align-items:center;background-color:#ff5252;border:none;border-radius:1.1rem;bottom:2rem;color:#fff;display:flex;font-size:1.5rem;height:5rem;justify-content:center;padding:1rem;position:absolute;right:2rem;text-decoration:none;transition:all .3s;width:40%}.setupTimetables__submit:active{-webkit-transform:scale(.85);transform:scale(.85)}.setupTheme{background:var(--gray-light-1);border-radius:1.1rem;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);display:flex;font-size:1rem;gap:2rem;padding:2rem;width:100%}.setupTheme__con{border:1px solid var(--gray-dark-1);border-radius:1.1rem;width:100%}.setupTheme__button{background-color:var(--gray-light-2);border:none;border:1px solid var(--gray-dark-1);border-radius:1.1rem;display:flex;flex-direction:column;height:100%;padding:2rem;width:20rem}.setupTheme__light{--preview-background:#eee}.setupTheme__dark{--preview-background:#3e3e3e}.setupTheme__topDiv{align-items:center;background-color:#ff5252;border-radius:1.1rem 1.1rem 0 0;display:flex;height:4rem;padding:1.2rem;width:100%}.setupTheme__topDiv--text{background-color:#fff;border-radius:1.1rem;color:transparent;height:1rem;width:30%}.setupTheme__botDiv{grid-gap:1rem;background-color:var(--preview-background);border-radius:0 0 1.1rem 1.1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;height:6rem;padding:1rem;width:100%}.setupTheme__botDiv--leftBox{background-color:#68ace9;border-radius:.5rem;color:transparent}.setupTheme__botDiv--rightBox{background-color:#6ff094;border-radius:.5rem;color:transparent}.bigDisplayCover{display:grid;place-items:center}.bigDisplayCover__cover{height:1080px;width:1920px}.landing{background-color:#eee;min-height:95vh;overflow:hidden}.landing__thai{line-height:5rem}.landing__nav{align-items:center;background-color:#fd5252;color:#fff;display:flex;font-size:1.5rem;height:6rem;padding:2rem;width:100%}.landing__nav span{font-size:1.2rem;font-weight:500}.landing__nav button{background:#eee;border:none;border-radius:1.1rem;margin-left:auto;padding:1rem;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing__nav button:hover{box-shadow:0 0 20px #fff}.landing__nav button:active{-webkit-transform:scale(.9);transform:scale(.9)}.landing__header{background-color:#fd5252;height:85vh;padding:3rem;position:relative}@media only screen and (max-width:56.25em){.landing__header{border-radius:0 0 3rem 3rem;height:85vh}}.landing__header img{bottom:2rem;height:80vh;object-fit:contain;position:absolute;right:0;width:60vw}@media only screen and (max-width:56.25em){.landing__header img{display:none}}.landing__phoneHeader h3{color:#fff;font-size:4rem;font-weight:800}.landing__phoneHeader h3 span{color:#ff8585;font-weight:500;text-decoration:line-through}.landing__text{color:#fff;left:4rem;position:absolute;top:4rem;transition:all .2s;width:40rem}@media only screen and (max-width:56.25em){.landing__text{background-color:#fd5252;border-radius:0 0 2rem 2rem;left:0;padding:3rem;top:0;transition:all .2s;width:100%}}.landing__text h1{color:#fff;font-size:5.5rem}@media only screen and (max-width:56.25em){.landing__text h1{font-size:4rem}}.landing__text h3{font-size:2rem;font-weight:500;margin-top:1rem}.landing__buttons{align-items:center;bottom:4rem;display:flex;left:4rem;position:absolute}@media only screen and (max-width:56.25em){.landing__buttons{bottom:2rem;display:flex;gap:1.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:2rem;width:calc(100vw - 4rem)}}.landing__buttons button{background-color:#fff;border:none;border-radius:20rem;box-shadow:none;color:#000;font-size:1.8rem;font-weight:700;padding:2.5rem;transition:all .4s;width:15rem}@media only screen and (max-width:56.25em){.landing__buttons button{background-color:#dfdfdf;border-radius:2rem;color:#000;order:2;width:100%}}.landing__buttons button:hover{box-shadow:0 0 20px #fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:56.25em){.landing__buttons button:hover{box-shadow:none}}.landing__buttons button:active{-webkit-transform:scale(.9);transform:scale(.9)}.landing__buttons a{color:#fff;font-size:1.5rem;font-weight:700}@media only screen and (max-width:56.25em){.landing__buttons a{font-size:1.8rem;width:50%}}.landing__buttons a:hover{text-decoration:underline}@media only screen and (max-width:56.25em){.landing__buttons a:hover{text-decoration:none}.landing__buttons__aWrapper{background:#dfdfdf;border-radius:2rem;display:grid;height:7rem;place-items:center;width:50%}}.landing__buttons__aWrapper a{margin-left:2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:56.25em){.landing__buttons__aWrapper a{color:#000;margin-left:0}}.landing__main{padding:3rem}@media only screen and (max-width:56.25em){.landing__main{padding:2rem}}.landing__boxCon{grid-gap:3rem;border-radius:1.1rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr;height:35rem;width:100%}@media only screen and (max-width:56.25em){.landing__boxCon{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.landing__boxCon div{border-radius:2rem;padding:3rem}.landing__boxCon div h3{font-size:4rem}@media only screen and (max-width:56.25em){.landing__boxCon div h3{font-size:3rem}}.landing__boxCon div p{font-size:1.8rem;font-weight:500;margin-top:1rem}.landing__boxRight{background-color:#dfdfdf;color:#000;transition:all .2s}.landing__boxRight h3{font-size:3rem!important}.landing__boxRight span{color:#fd5252;font-size:5rem;transition:all .2s}@media only screen and (max-width:56.25em){.landing__boxRight span{font-size:4rem}}.landing__boxLeft{background-color:#fd5252;color:#fff}.landing__extraHeader{font-size:4rem;margin:3rem}.glancePreview{background:#ff6a6a90;height:70vh;margin:3rem -3rem 2rem;padding:5rem;position:relative}.glancePreview__bar{position:absolute;right:-30%;top:50%;-webkit-transform:translateY(-30%);transform:translateY(-30%)}.glancePreview__bar section{width:90vw}.glancePreview__textCon h1{color:#fff}.glancePreview__textCon p{color:#fff;font-size:1.5rem;margin-top:1rem}.simpleModal{background-color:var(--gray-light-2);border-radius:1.1rem;-webkit-filter:drop-shadow(0 4px 22px rgba(0,0,0,.25));filter:drop-shadow(0 4px 22px rgba(0,0,0,.25));height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:50%;margin-left:-40rem;margin-top:-30rem;padding:2rem;position:fixed;top:50%;width:80rem}@media only screen and (max-width:56.25em){.simpleModal{bottom:1rem!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:2.5vw;margin:0;top:auto;width:95vw}}.simpleModal__overlay{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.simpleModal__wrapper{height:100%;width:100%}.simpleModal__header{align-items:center;color:var(--font-color);display:flex;font-size:3.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 1rem}@media only screen and (max-width:56.25em){.simpleModal__header{padding:0}}.simpleModal__close{background-color:#ff5252;border:none;border-radius:1.1rem;color:#fff;display:grid;font-size:2rem;height:5rem;padding:1rem;place-items:center;position:absolute;right:2rem;top:2rem;transition:all .2s;width:5rem}@media only screen and (max-width:56.25em){.simpleModal__close{bottom:2rem;right:2rem;top:auto;width:90%}}.simpleModal__close:hover{box-shadow:0 0 20px #ff5252;scale:1.05}.simpleModal__close:active{scale:.9}.simpleModal__content{background-color:var(--modal-background);border-radius:1.1rem;color:var(--font-color);font-size:1.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:2rem;padding:2rem}@media only screen and (max-width:56.25em){.simpleModal__content{-ms-overflow-style:none;height:30rem;margin-bottom:6rem;overflow-y:scroll;scrollbar-width:none}.simpleModal__content::-webkit-scrollbar{display:none}}.simpleModal__content img{border-radius:2rem;height:200px;margin-bottom:2rem;object-fit:cover;width:100%}.simpleModal__changePfp{display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:1rem;width:70rem}@media only screen and (max-width:56.25em){.simpleModal__changePfp{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.simpleModal__changePfp input{height:100%;opacity:0;width:100%}.simpleModal__changePfp img{margin-bottom:0}.simpleModal__rarr{align-self:center;font-size:5rem;padding:0 2rem}@media only screen and (max-width:56.25em){.simpleModal__rarr{display:none}}.simpleModal__imga{color:var(--font-color);font-size:3rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.simpleModal__profile{display:inline-block;padding-bottom:none!important;width:20rem!important}@media only screen and (max-width:56.25em){.simpleModal__profile{display:none}}.simpleModal__submit{align-items:center;background-color:#ff5252;border:none;border-radius:1.1rem;color:#fff;display:grid;height:100%;height:20rem;margin-left:auto;transition:all .2s;width:10rem}.simpleModal__submit i{font-size:3rem;line-height:2rem}@media only screen and (max-width:56.25em){.simpleModal__submit i{font-weight:600;padding-left:.5rem}.simpleModal__submit{margin-left:2rem}.simpleModal__submit:active{background-color:#ff5252;box-shadow:0 0 20px #ff5252;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}}.simpleModal__submit:hover{background-color:#ff5252;box-shadow:0 0 20px #ff5252;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.simpleModal__submit:active{background-color:var(--gray-light-2);box-shadow:0 0 20px var(--gray-light-2);-webkit-transform:scale(.85);transform:scale(.85)}.simpleModal__profileButton{background-color:var(--gray-light-2);border:2px solid var(--gray-dark-1);border-radius:2rem;display:grid;height:20rem;place-items:center;position:relative;transition:all .2s;width:20rem!important}.simpleModal__profileButton input{height:20rem;left:0;position:absolute;top:0;width:20rem}.simpleModal__profileButton:active{scale:.9}@media only screen and (max-width:56.25em){.simpleModal__profileButton{width:20rem}}.simpleModal__preview{scale:.7}.simpleModal__buttonDisabled{background-color:#8f8f8f!important}.simpleModal__buttonDisabled:active,.simpleModal__buttonDisabled:hover{-webkit-filter:none!important;filter:none!important;scale:1!important}.simpleModal__buttonDisabled:hover{box-shadow:none!important}