@import"https://fonts.googleapis.com/css?family=Gabarito:400,700";@import"https://fonts.googleapis.com/css?family=Montserrat";html,body,#root{width:100%;height:100%;background-color:#1d1e20;overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;color:#fff}h1,h2,h3{font-family:Gabarito,sans-serif;font-weight:700}p,input,textarea,select{font-family:Montserrat,Verdana,sans-serif}input,textarea,select{padding:5px;color-scheme:dark;background-color:#fff2;border-radius:5px;border:none;outline:none}input::-webkit-input-placeholder{color:#fff8}::-webkit-scrollbar{width:5px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:#fff1}::-webkit-scrollbar-thumb:hover{background-color:#fff2}::-webkit-scrollbar-thumb:active{background-color:#fff1}.App{width:100%;height:100%;background-color:#1d1e20;display:grid;grid-template-areas:"header header" "view   sidebar";grid-template-rows:50px 1fr;grid-template-columns:1fr 400px}.AppHideSidebar{grid-template-areas:"header" "view";grid-template-columns:1fr}header{padding:0 15px;background-color:#2c2d30;border-bottom:1px solid #fff3;grid-area:header;display:flex;align-items:center}header h1{font-size:24px}.dropdownSelect{width:fit-content;padding:5px 10px;background-color:#3a3c40;border-radius:50px;cursor:pointer;display:flex;align-items:center}.dropdownSelect:hover{background-color:#44464b}.dropdownSelect>h1,.dropdownSelect>span{font-size:18px}.dropdownSelect>h1{overflow:hidden;text-overflow:ellipsis}.dropdownSelect:hover>h1,.dropdownSelect:hover>span{color:#fff}.dropdownSelect>h1,.dropdownSelect>span{font-size:18px;color:#fffc}.dropdownSelect:active{background-color:#3a3c40}.dropdownSelectOpened{background-color:#44464b}.dropdownSelectOpened>h1,.dropdownSelectOpened>span{color:#fff}.dropdown{position:absolute;width:180px;border-radius:15px;box-shadow:0 0 20px #0005}.dropdown>div,.dropdown>form{height:22px;padding:5px 10px;background-color:#44464b;cursor:pointer;display:flex;align-items:center}.dropdown>div:hover{background-color:#4e5056}.dropdown>div:active{background-color:#3a3c40}.dropdown h1{width:100%;font-size:18px;overflow:hidden;text-overflow:ellipsis}.dropdown>div>span{font-size:20px}.dropdown>div>span:hover{color:#f88}.dropdown>div>span:active{color:#f55}.dropdown>div:first-child,.dropdown>form:first-child{border-top-right-radius:15px;border-top-left-radius:15px}.dropdown>form{height:35px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;cursor:unset;display:flex;align-items:center;gap:5px}.dropdown>form>input{padding:5px 10px;font-size:14px;border-radius:15px}.dropdown>form>span{color:#fffa;cursor:pointer}.dropdown>form>span:hover{color:#fff}.dropdown>form>span:active{color:#fff8}.headerActions{margin-left:auto;display:flex;align-items:center;gap:10px}.headerTab,.headerSelectDataset{height:25px;padding:5px 10px;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:5px}.headerTab>span,.headerTab>h1{font-size:20px;color:#fff9}.headerTab:hover>span,.headerTab:hover>h1{color:#fffc}.headerTab:active>span,.headerTab:active>h1{color:#fff7}.headerTabSelected{background-color:#fff1}.headerTabSelected>span,.headerTabSelected>h1{color:#fff!important}.view{padding:20px 20px 20px 40px;overflow-y:scroll;grid-area:view}.sidebar{padding:10px;background-color:#2c2d30;border-radius:10px;overflow-y:auto;grid-area:sidebar;display:flex;flex-direction:column;gap:5px;flex-grow:1}.sidebarTitle{display:flex;align-items:center;gap:5px}.sidebarTitle>h1{font-size:20px}.sidebarTitle>span{color:#fffa;cursor:pointer}.sidebarTitle>span:hover{color:#fff}.sidebarTitle>span:active{color:#fff8}.sidebar>h2{margin-top:10px;font-size:18px}.sidebarCheckbox>h3{font-size:14px}.sidebarRow{display:flex;align-items:center;gap:10px}.sidebarCheckbox{cursor:pointer;display:flex;align-items:center;gap:3px}.sidebarRow>input[type=checkbox]:not(:first-child){margin-left:10px}.sidebar input[type=date],.sidebar input[type=time]{height:20px}.sidebar select{padding:0}.sidebar .textareaWrapper{min-height:2.5em;border-radius:5px;overflow:hidden;display:flex;flex-grow:1}.sidebar textarea{resize:none;flex-grow:1}.sidebar input[type=submit],.sidebar input[type=button]{margin-top:10px;--accent-hue: 220deg;background-color:hsl(var(--accent-hue) 45% 50%);font-weight:700;cursor:pointer}.sidebar input[type=submit]:hover,.sidebar input[type=button]:hover{background-color:hsl(var(--accent-hue) 45% 53%)}.sidebar input[type=submit]:active,.sidebar input[type=button]:active{background-color:hsl(var(--accent-hue) 45% 45%)}.sidebar input[type=range]{width:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;--slider-accent-hue: 0deg;--slider-accent-lightness: 65%}.sidebar input[type=range]::-webkit-slider-runnable-track{height:8px;top:8px;border:1px solid #fff6;--hue-saturation: 60%;background:linear-gradient(to right,hsl(0deg var(--hue-saturation) 50%),hsl(30deg var(--hue-saturation) 50%),hsl(60deg var(--hue-saturation) 50%),hsl(90deg var(--hue-saturation) 50%),hsl(120deg var(--hue-saturation) 50%),hsl(150deg var(--hue-saturation) 50%),hsl(180deg var(--hue-saturation) 50%),hsl(210deg var(--hue-saturation) 50%),hsl(240deg var(--hue-saturation) 50%),hsl(270deg var(--hue-saturation) 50%),hsl(300deg var(--hue-saturation) 50%),hsl(330deg var(--hue-saturation) 50%),hsl(360deg var(--hue-saturation) 50%));border-radius:10px}.sidebar input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:7.5px;background-color:#f55;background-color:hsl(var(--slider-accent-hue) 70% var(--slider-accent-lightness))}.sidebarIconButton{color:#fffc;cursor:pointer}.sidebarIconButton:hover{color:#fff}.sidebarIconButton:active{color:#fffa}.confirmDelete{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.confirmDeleteButton{margin-top:30px;padding:5px 10px;background-color:#d14747;border-radius:10px;cursor:pointer}.confirmDeleteButton:hover{background-color:#d65c5c}.confirmDeleteButton:active{background-color:#bf4040}.confirmDeleteButton>h1{font-size:20px}.modal{position:absolute;width:100%;height:100%;left:0;top:0;visibility:hidden;transition:background-color .2s,visibility 0s .2s;display:flex;align-items:center;justify-content:center}.modalContent{background-color:#2c2d30;border-radius:10px;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.modalShow{background-color:#0008;visibility:visible;transition:background-color .2s}.modalShow .modalContent{opacity:1;transform:scale(1)}.eventMonth{margin-bottom:20px}.eventMonth>h2{padding-left:4px;margin-bottom:2px;font-size:17px;text-transform:uppercase}.event{padding:2px 4px;font-size:16px;border-radius:5px;cursor:pointer}.event:hover{background-color:#fff1}.event:active,.eventEditing:active{color:#fffa!important;background-color:#ffffff0a!important}.eventEditing,.eventEditing:hover{color:#fff;background-color:#fff1}.range{margin:2px 0;padding:0 4px 0 20px;text-indent:-16px;font-size:16px;border-radius:5px;cursor:pointer}.range:hover{background-color:#fff1}.range:active,.rangeEditing:active{color:#fffa!important;background-color:#ffffff0a!important}.rangeEditing,.rangeEditing:hover{color:#fff;background-color:#fff1}.timelineView{padding:0;overflow:hidden}.timelineView>canvas{width:100%;height:100%}.tooltip{position:absolute;width:380px;height:180px;left:0;top:50px;margin:15px;padding:10px;background-color:#2c2d30;border-radius:5px;border:1px solid #fff3}.tooltip>h2{font-size:20px;margin-bottom:5px;overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tooltip>p{overflow:hidden;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tooltipNotes{margin-top:9px;white-space:pre-wrap;line-clamp:5;-webkit-line-clamp:5}.optionsModalSaveChanges{padding:5px 10px;--accent-hue: 220deg;background-color:hsl(var(--accent-hue) 40% 40%);border-radius:10px;cursor:pointer}.optionsModalSaveChanges:hover{background-color:hsl(var(--accent-hue) 40% 45%)}.optionsModalSaveChanges:active{background-color:hsl(var(--accent-hue) 40% 35%)}.selectAccentHue{height:30px;display:flex;align-items:center;gap:10px}.selectAccentHueSlider{width:auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;--slider-accent-hue: 0deg;--slider-accent-lightness: 65%}.selectAccentHueSlider::-webkit-slider-runnable-track{height:8px;top:8px;border:1px solid #fff6;--hue-saturation: 60%;background:linear-gradient(to right,hsl(0deg var(--hue-saturation) 50%),hsl(30deg var(--hue-saturation) 50%),hsl(60deg var(--hue-saturation) 50%),hsl(90deg var(--hue-saturation) 50%),hsl(120deg var(--hue-saturation) 50%),hsl(150deg var(--hue-saturation) 50%),hsl(180deg var(--hue-saturation) 50%),hsl(210deg var(--hue-saturation) 50%),hsl(240deg var(--hue-saturation) 50%),hsl(270deg var(--hue-saturation) 50%),hsl(300deg var(--hue-saturation) 50%),hsl(330deg var(--hue-saturation) 50%),hsl(360deg var(--hue-saturation) 50%));border-radius:10px}.selectAccentHueSlider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:7.5px;background-color:#f55;background-color:hsl(var(--slider-accent-hue) 70% var(--slider-accent-lightness))}