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