*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;box-sizing:border-box}main{height:100vh;width:100%;display:flex;flex-direction:column}.log-sidebar{width:clamp(200px,100%,20vw);height:100%;max-height:90vh;overflow-y:scroll;background-color:#ebebeb;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;transition:.3s;padding-bottom:2rem}.log-sidebar .log-sidebar-item{margin-bottom:1rem;padding:.5rem;position:relative;transition:.3s;width:100%}.log-sidebar .log-sidebar-item.active{background-color:tan}.log-sidebar .log-sidebar-item.active:hover{background-color:bisque}.log-sidebar .log-sidebar-item:hover{background-color:#e5e5e5;cursor:pointer}.log-sidebar .log-sidebar-item .preview-text{white-space:nowrap;max-width:20vw;overflow:hidden!important;text-overflow:ellipsis}.log-sidebar .log-sidebar-item hr{margin-top:1.2rem;width:90%}.log-sidebar::-webkit-scrollbar{display:none}.log-sidebar .total_hours{position:fixed;background-color:#e5e5e5;width:100%;height:4rem;bottom:0;left:0;padding-left:2rem;padding-top:1rem}.log-sidebar .total_hours:before{content:"";display:inline-block;width:1rem;height:1rem;background-color:#2fef70;border-radius:50%;margin-right:.5rem}@media screen and (max-width: 670px){.log-sidebar{position:absolute;left:-100%}.log-sidebar.open{left:0;z-index:99;width:100%}.log-sidebar .log-sidebar-item .preview-text{max-width:60vw}}.log-information{flex:1 0 auto;padding:1rem;background:white;position:relative}.log-navigation{height:80px;width:100%;display:flex;left:0;transition:all .4s;justify-content:flex-start;align-items:center;background-color:#faebd7}@media screen and (max-width: 670px){.log-navigation .button{left:-100%;position:relative}.log-navigation .button.new{left:4rem;position:absolute}.log-navigation.open .button{position:absolute}.log-navigation.open .button:nth-child(1){left:-100%}.log-navigation.open .button:nth-child(2){left:2.5rem}.log-navigation.open .button:nth-child(3){left:9rem}.log-navigation.open .button:nth-child(4){left:15.5rem}.log-navigation.open .button:nth-child(5){left:22rem}.log-navigation.open .button.new{left:-100%}.log-navigation .open-menu{position:fixed;left:1rem;top:1.8rem;width:20px;height:20px;transition:all .4s}.log-navigation .open-menu span{transition:.3s;display:block;margin:.3rem 0;width:20px;height:2px;background-color:#000;color:#2fef70}.log-navigation .open-menu.open span:nth-child(1){transform:rotate(-45deg)}.log-navigation .open-menu.open span:nth-child(2){opacity:0}.log-navigation .open-menu.open span:nth-child(3){transform:rotate(45deg)}}.log-contents{flex:1;display:flex;background:white}.log-contents .log-information p{white-space:pre-wrap}input,textarea{border:none;display:inline;font-family:inherit;font-size:inherit;padding:1rem;margin-top:1rem;width:auto;resize:none;background-color:#f5f5f5}input:focus,textarea:focus{outline:none}input:focus-visible,textarea:focus-visible{outline:none}input:focus-within,textarea:focus-within{outline:none}.button{border-radius:10px;outline:none;border:none;padding:.6rem .8rem;margin:0 .5rem;cursor:pointer;transition:all .3s;left:0}.button.new{background-color:#2fef70}.button:hover{box-shadow:5px 5px 1rem #a99aa9}.button.delete{position:absolute;background-color:#d42a00;color:#fff;width:100px;margin-left:1rem}.button.export,.button.import{background-color:#7dd4ee}.gray{color:#3b3b3b}.responsive{display:flex;flex-direction:row}.responsive>:nth-child(2){margin-left:1rem}@media screen and (max-width: 670px){.responsive{flex-direction:column}.responsive>:nth-child(2){margin-left:0}}textarea{width:100%;height:70vh}@media screen and (max-width: 670px){textarea{height:60vh}}.fixed-info{position:absolute}.fixed-info.top{top:0}.fixed-info.bottom{bottom:0}.fixed-info .info-text{margin-top:1rem;margin-left:1rem;font-size:.8rem}.fixed-info .info-text.offset-right{margin-right:1rem}.fixed-info .info-text.offset-left{margin-left:1rem}.fixed-info.right{right:0}.fixed-info.left{left:0}