html,body{height:100%;width:100%;margin:0}.app{height:100%}.app.modal{overflow-y:hidden}.topnav{height:70px;border-bottom:1px solid}.topnav-content{height:100%;display:flex;justify-content:space-between;align-items:center}.topnav-title{padding-left:10px;display:flex;align-items:center;justify-content:space-evenly}.topnav-title h1{line-height:28px}.topnav-links{padding-right:10px}.sidenav{display:block;position:absolute;top:70px;left:0;height:calc(100vh - 70px);width:300px;border-right:1px solid}.sticky-wrapper{position:sticky;top:0}.sidenav-content{display:flex;flex-direction:column;align-items:center;justify-content:top;padding:10px;margin-top:20px}.sidenav-close{display:none;position:absolute;top:0;right:0;margin:5px;padding:5px;font-size:2em;cursor:pointer}.menu{display:none;padding:10px}.menu:hover{cursor:pointer}.main{height:calc(100% - 80px);margin-left:300px;display:flex;justify-content:center;flex-wrap:auto;border-left:1px solid}.landing-page{width:100%;padding:20px 50px 0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px}.testing{all:unset}.logo{display:block}.modal-wrapper{position:fixed;top:0;bottom:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-modal{position:relative;display:flex;flex-direction:column;align-items:center;top:5%;left:10%;height:80%;width:80%;z-index:100;border-radius:10px;overflow:auto;border:1px solid}.help-modal.dark{background-color:#292929}.help-modal.light{background-color:#fff}.modal-close{position:absolute;top:10px;right:10px;font-size:2em;cursor:pointer}.modal-content{padding-top:30px;width:100%}@media only screen and (max-width: 750px){.sidenav{top:0;height:100vh;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;position:fixed}.sidenav.close{width:0px;display:none}.sidenav.open{width:300px}.sidenav-content{margin-top:0;padding-top:40px}.sidenav-close{display:block;position:absolute;top:0}.main{margin-left:0;border:none}.menu{display:block}.help-modal{left:2.5%;width:95%}}@media only screen and (max-width: 430px){.logo{display:none}}@media only screen and (max-width: 460px){.topnav-links{padding:0}}.sidenav-icon{width:80%;align-items:top;padding:5px 0 5px 20px;margin-bottom:10px;transition:background-color .3s linear;border-radius:50px;color:inherit;text-decoration:none}.sidenav-icon.active,.sidenav-icon:hover{background-color:#479ef5}.sidenav-link{display:flex;align-items:top;background:none;color:inherit;border:none;padding:0;font:inherit;font-size:20px;cursor:pointer}.sidenav-link-text{margin-bottom:5px}.wrapper{margin:10px;width:100%;text-align:center}.wrapper h2{text-align:center}.warning{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid;border-radius:10px;max-width:800px;padding:5px;margin:auto}.warning-icons{display:flex;align-items:center}.content-wrapper{width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(2,50%)}.grid-col-span-2{margin-top:20px;grid-column:span 2;gap:1em}.grid-col-span-2.input{border-top:1px solid;text-align:center}.grid-box{display:flex;justify-content:center;flex-direction:column;padding:10px}.grid-box.buttons{padding-top:35px;gap:1em}.grid-box.center{text-align:center;align-items:center}.grid-box.cs-format{height:50px;justify-content:start}@media only screen and (max-width: 450px){.grid-box{grid-column:span 2}}.settings{max-width:800px;min-width:300px;width:100%}.settings-content{padding:40px;display:flex;flex-direction:column}.settings-content.loading{z-index:100;filter:blur(12px)}.save{max-width:200px;margin-top:50px}.switch-grid{display:grid;grid-template-columns:repeat(2,50%);margin:20px 0}.settings-grid-box{margin-left:30%}@media only screen and (max-width: 450px){.settings-grid-box{margin-left:10%}}