body{color:#fff;background-color:#181a1b;height:100%;margin:48px 0 0;font-family:Arial,Helvetica,sans-serif;transition:background-color 1s,color 1s}.container::-webkit-scrollbar{width:6px}.container-flex::-webkit-scrollbar{width:6px}.container::-webkit-scrollbar-thumb{background-color:#282a2bbf;border-radius:3px;transition:background-color 1s,fill 1s}.container-flex::-webkit-scrollbar-thumb{background-color:#282a2bbf;border-radius:3px;transition:background-color 1s,fill 1s}.container::-webkit-scrollbar-thumb:hover{background-color:#313435bf}.container-flex::-webkit-scrollbar-thumb:hover{background-color:#313435bf}.container{text-align:center;width:100%;height:calc(100% - 48px);position:fixed;top:48px;overflow-y:auto}.container-flex{text-align:center;scrollbar-gutter:stable;justify-content:center;align-items:baseline;width:100%;height:calc(100% - 48px);display:flex;position:fixed;top:48px;overflow-y:auto}.background-container{width:100%;height:100%;position:fixed}.background{-webkit-user-select:none;user-select:none;filter:brightness()blur(10px)saturate();opacity:0;background-size:cover;width:200%;height:200%;transition:filter .3s,opacity .5s;animation:100s infinite alternate moveImage;position:absolute;top:-50%;left:-50%}.light-mode .background{filter:brightness(2)blur(10px)saturate(.75)}@keyframes moveImage{0%,to{transform:scale(1.4)translateY(-10%)}20%{transform:scale(1.35)translate(30%,-2%)}40%{transform:scale(1.4)translate(10%,-20%)}80%{transform:scale(1.35)translate(-30%)}}.navbar{z-index:2;background-color:#282a2bbf;position:fixed;top:0;left:0;right:0;overflow:hidden}.navbar a{float:left;color:#fff;text-align:center;border-radius:4px;height:20px;margin:4px;padding:10px 14px;font-size:17px;transition:background-color 1s,color 1s}.menu-button.active,.menu-button-settings.active,.navbar a.active{background-color:#ffffff13}.light-mode .menu-button.active,.light-mode .menu-button-settings.active,.light-mode .navbar a.active{background-color:#00000013}.mode-switch{cursor:pointer;border-radius:4px;margin:4px;padding:8px;transition:background-color 1s,fill 1s;position:absolute;top:0;right:0}.navbar a.active{background-color:#ffffff13}.light-mode .navbar a.active{background-color:#00000013}.table-add:hover,.mode-switch:hover,.navbar a:hover,.menu-button:hover,.menu-button-settings:hover,.icon-mobile:hover{background-color:#ffffff1a;transition:background-color .25s,fill .25s}.light-mode .table-add:hover,.light-mode .mode-switch:hover,.light-mode .menu-button:hover,.light-mode .menu-button-settings:hover,.light-mode .navbar a:hover,.light-mode .icon-mobile:hover{background-color:#0000001a;transition:background-color .25s,fill .25s}.light-mode .container-flex::-webkit-scrollbar-thumb:hover{background-color:#0000001a;transition:background-color .25s,fill .25s}.navbar a:not(:first-child){margin:4px 4px 4px 0}.icon-mobile{transition:background-color 1s,color 1s;display:none}@media screen and (width<=360px){.navbar a:not(:first-child){margin:4px;display:none}.icon-mobile{text-align:center;cursor:pointer;border-radius:4px;width:28px;height:28px;margin:4px 4px 4px 0;padding:6px;font-size:17px;line-height:24px;display:block;position:absolute;top:0;right:0}.navbar.responsive a{float:none;text-align:left;display:block}.mode-switch{right:44px}}.menu{z-index:2;opacity:0;background-color:#282a2bbf;border-radius:8px;align-content:center;width:fit-content;margin:16px;padding:16px;animation:1s forwards slideIn-menu,1s forwards fadeIn}.menu-button{color:#fff;cursor:pointer;background-color:#282a2bbf;border-radius:4px;min-width:14px;margin-right:2px;padding:8px;transition:background-color 1s,color 1s;animation:1s forwards fadeIn}.menu-button-settings{cursor:pointer;background-color:#282a2bbf;border-radius:4px;margin-left:auto;padding:8px;transition:background-color 1s,fill 1s;animation:1s forwards fadeIn}.menu-button-settings:active,.menu-button:active{background-color:#ffffff13}.light-mode .menu-button-settings:active,.light-mode .menu-button:active{background-color:#00000013}.table{border:2px solid #fff;border-radius:4px;width:clamp(600px,100vw - 74px,clamp(1100px,60vw,3000px))}.table-row{margin:2px 0 2px 2px;display:flex}.table-row div{margin-right:2px;padding:4px}.table-box{white-space:nowrap;border:2px solid #ffffff80;border-radius:4px;transition:background-color 1s,color 1s;overflow:hidden}.table-box-spacer{border:2px solid #0000}.table-add{cursor:pointer;border:2px solid #fff;border-radius:4px;transition:background-color 1s,color 1s}img{margin:-36px 0 -8px}input{color:#fff;box-sizing:border-box;background-color:#3d3d3d40;border:1px solid #ccc;border-radius:4px;width:calc(100% - 16px);margin:8px;padding:4px;font-size:16px}.light-mode input{background-color:#5b5b5b40}input:focus{outline:1px solid #fff}.spacer{border-bottom:1px solid #ffffff13;width:100%;margin:10px 0}.class-input{display:flex}.class-input p{margin:13px 0}a{color:#00a8fc;text-decoration:none}.small{margin:8px 0}.title{margin-top:12px;font-size:36px;animation:1s forwards slideIn,1s forwards fadeIn}.title-small{animation:1s forwards fadeIn}.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}}p,a,input,.menu,.navbar{transition:background-color 1s,color 1s,filter .3s}.light-mode svg{fill:#000}.light-mode .table-box,.light-mode .table-add,.light-mode td,.light-mode input,.light-mode .icon-mobile,.light-mode .menu-button,.light-mode p,.light-mode .navbar a{color:#000}.light-mode .table-add,.light-mode .menu,.light-mode .menu-button,.light-mode .menu-button-settings,.light-mode .navbar{background-color:#fff9}.light-mode .container-flex::-webkit-scrollbar-thumb{background-color:#fff9}