body{height:100%;margin:48px 0 0;font-family:Arial,Helvetica,sans-serif;color:#fff;background-color:#181a1b;transition:background-color 1s ease,color 1s ease}.edit-panel::-webkit-scrollbar,.event-box::-webkit-scrollbar,.search-box::-webkit-scrollbar,.container::-webkit-scrollbar,.container-flex::-webkit-scrollbar{width:6px}.edit-panel::-webkit-scrollbar-thumb,.event-box::-webkit-scrollbar-thumb,.search-box::-webkit-scrollbar-thumb,.container::-webkit-scrollbar-thumb,.container-flex::-webkit-scrollbar-thumb{background-color:#282a2bbf;border-radius:3px;transition:background-color 1s ease,fill 1s ease}.container::-webkit-scrollbar-thumb:hover,.container-flex::-webkit-scrollbar-thumb:hover{background-color:#313435bf}.container{position:fixed;top:48px;width:100%;height:calc(100% - 48px);overflow-y:auto;text-align:center}.container-flex{display:flex;position:fixed;top:48px;justify-content:center;align-items:baseline;width:100%;height:calc(100% - 48px);overflow-y:auto;text-align:center;scrollbar-gutter:stable}.map-container{display:flex;height:100%;width:100%}.background-container{position:fixed;width:100%;height:100%}.background{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-size:cover;-webkit-user-select:none;user-select:none;filter:brightness(1) blur(10px) saturate(1);animation:moveImage 100s infinite alternate;transition:filter .3s ease,opacity .5s ease;opacity:0}.light-mode .background{filter:brightness(2) blur(10px) saturate(.75)}@keyframes moveImage{0%,to{transform:scale(1.4) translate(5%,5%)}25%{transform:scale(1.35) translate(8%,-2%)}50%{transform:scale(1.4) translate(0)}75%{transform:scale(1.35) translate(-2%,8%)}}.navbar{overflow:hidden;background-color:#282a2bbf;position:fixed;top:0;left:0;right:0;z-index:2}.navbar a{height:20px;float:left;color:#fff;text-align:center;padding:10px 14px;border-radius:4px;margin:4px;font-size:17px;transition:background-color 1s ease,color 1s ease}.menu-button.active,.navbar a.active{background-color:#ffffff13}.light-mode .menu-button.active,.light-mode .navbar a.active{background-color:#00000013}.close{position:absolute;right:8px;border-radius:4px;transition:background-color 1s ease,fill 1s ease}.edit{position:absolute;right:8px;top:18px;border-radius:4px;transition:background-color 1s ease,fill 1s ease}.edit-panel{text-align:left;height:calc(100% - 42px)}.edit-panel-list{overflow-y:auto}.edit-panel-edit{height:calc(50% - 10px)}.edit-panel-sub{margin-left:12px}.mode-switch{padding:8px;margin:4px;border-radius:4px;cursor:pointer;position:absolute;right:0;top:0;transition:background-color 1s ease,fill 1s ease}.search-item{transition:background-color 1s ease}.navbar a.active{background-color:#ffffff13}.light-mode .navbar a.active{background-color:#00000013}.edit-panel::-webkit-scrollbar-thumb:hover,.event-box::-webkit-scrollbar-thumb:hover,.search-box::-webkit-scrollbar-thumb:hover,.highlighted,.mode-switch:hover,.search-item:hover,.close:hover,.edit:hover,.navbar a:hover,.menu-button:hover,.icon-mobile:hover{background-color:#ffffff1a;transition:background-color .25s ease,fill .25s ease}.light-mode .sub-map-item:hover,.light-mode .map-item:hover,.light-mode .edit-panel::-webkit-scrollbar-thumb:hover,.light-mode .event-box::-webkit-scrollbar-thumb:hover,.light-mode .search-box::-webkit-scrollbar-thumb:hover,.light-mode .highlighted,.light-mode .container-flex::-webkit-scrollbar-thumb:hover,.light-mode .mode-switch:hover,.light-mode .search-item:hover,.light-mode .close:hover,.light-mode .edit:hover,.light-mode .menu-button:hover,.light-mode .navbar a:hover,.light-mode .icon-mobile:hover{background-color:#0000001a;transition:background-color .25s ease,fill .25s ease}.navbar a:not(:first-child){margin:4px 4px 4px 0}.icon-mobile{display:none;transition:background-color 1s ease,color 1s ease}@media screen and (max-width: 360px){.navbar a:not(:first-child){display:none;margin:4px}.icon-mobile{line-height:24px;width:28px;height:28px;padding:6px;margin:4px 4px 4px 0;border-radius:4px;position:absolute;right:0;top:0;display:block;text-align:center;font-size:17px;cursor:pointer}.navbar.responsive a{float:none;display:block;text-align:left}.mode-switch{right:44px}}.menu{width:fit-content;background-color:#282a2bbf;margin:16px;z-index:2;padding:16px;border-radius:8px;opacity:0;animation:slideIn-menu 1s forwards,fadeIn 1s forwards;align-content:center}.side-bar{width:clamp(334px,calc(30% - 16px),484px);padding:8px;height:calc(100% - 16px);background-color:#282a2bbf;animation:fadeIn 1s forwards;transition:background-color 1s ease}.map-page{width:calc(100% - clamp(350px,30%,500px));height:100%;overflow-y:auto}.map{position:relative;border:1px solid rgba(255,255,255,.075);margin:8px auto auto;height:944px;width:678px;transition:border 1s ease}.light-mode .map{border:1px solid rgba(0,0,0,.075)}.map-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.5);background-color:#0009;transition:background-color 1s ease,color 1s ease;cursor:pointer;position:absolute;display:flex;justify-content:center;align-items:center;font-size:12px}.sub-map-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative;border:1px solid rgba(255,255,255,.5);background-color:#0009;transition:background-color 1s ease,color 1s ease;cursor:pointer;font-size:12px;display:flex;justify-content:center;align-items:center}.sub-map-item:hover,.map-item:hover{background-color:#141414e6}.map-background{cursor:pointer;background-color:#00000080;transition:background-color 1s ease;position:absolute}.sub-map-background{cursor:pointer;background-color:#00000080;transition:background-color 1s ease}.light-mode .map-background,.light-mode .sub-map-background{background-color:#ffffff80}.selected{outline:5px solid yellow;z-index:3}.lc-block{position:absolute;cursor:pointer;width:72px;height:72px;line-height:8px;display:flex}.block{position:absolute;line-height:8px}.block-title{cursor:pointer;width:100%;position:absolute;line-height:12px}.block-row{display:flex}.event-box{overflow-y:auto;height:calc(100% - 96px);text-align:left;padding:8px}.search-box{overflow-y:auto;height:calc(100% - 64px);text-align:left;padding:8px}.button{cursor:pointer;margin:2px 4px;color:#fff;background-color:#282a2bbf;padding:8px;border-radius:4px;transition:background-color 1s ease,color 1s ease}.menu-button{cursor:pointer;color:#fff;background-color:#282a2bbf;padding:8px;border-radius:4px;animation:fadeIn 1s forwards;transition:background-color 1s ease,color 1s ease}.menu-button:active{background-color:#ffffff13}.light-mode .menu-button:active{background-color:#00000013}.button:hover{background-color:#343738bf;transition:background-color .25s ease,fill .25s ease}.button:active{background-color:#414445bf}input{color:#fff;font-size:16px;width:calc(100% - 16px);padding:4px;margin:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;background-color:#3d3d3d40}.light-mode input{background-color:#5b5b5b40}input:focus{outline:1px solid white}.spacer{width:100%;border-bottom:1px solid rgba(255,255,255,.075);margin:10px 0}a{text-decoration:none;color:#00a8fc}.medium{font-size:20px;margin:4px}.small{margin:8px 0}.title{font-size:36px;margin-top:12px;animation:slideIn 1s forwards,fadeIn 1s forwards}.title-small{animation:fadeIn 1s forwards}.title-sub{font-size:24px}.title-menu{font-size:36px}@keyframes slideIn{0%{margin-top:12px}to{margin-top:48px}}@keyframes slideIn-menu{0%{margin-top:0}to{margin-top:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.school-events{text-decoration:mediumorchid}.events{text-align:left}.event{display:flex;justify-content:space-between}.rooms{display:flex;justify-content:center;flex-wrap:wrap}.class-details{display:flex}p,input,.menu,.navbar{transition:background-color 1s ease,color 1s ease,filter .3s ease}.light-mode .close,.light-mode .edit,.light-mode svg{fill:#000}.light-mode .map-item,.light-mode .sub-map-item,.light-mode .button,.light-mode input,.light-mode .search-item,.light-mode .icon-mobile,.light-mode .menu-button,.light-mode p,.light-mode .navbar a{color:#000}.light-mode .event-box::-webkit-scrollbar-thumb,.light-mode .search-box::-webkit-scrollbar-thumb,.light-mode .container::-webkit-scrollbar-thumb,.light-mode .container-flex::-webkit-scrollbar-thumb,.light-mode .side-bar,.light-mode .map-item,.light-mode .sub-map-item,.light-mode .button,.light-mode input,.light-mode .menu,.light-mode .menu-button,.light-mode .navbar{background-color:#fff9}.light-mode .button:hover{background-color:#ffffffb3}.light-mode .button:active{background-color:#ffffffe6}