@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{font-family:Space Mono,sans-serif;color:var(--black)}html{background-color:var(--background);scroll-behavior:smooth}@media (prefers-color-scheme: light){:root{--lightGray: #dedede;--gray: #3c3c3c;--accent: #4287f5;--black: black;--background: white}}@media (prefers-color-scheme: dark){:root{--lightGray: #222222;--gray: #2e2e2e;--accent: #4287f5;--black: rgb(222 222 222);--background: rgb(0 0 0)}}:root{--margin: 1rem;--border-width: 2px;--border: var(--border-width) solid var(--gray);--border-radius: .5rem}.TaskList{display:flex;flex-direction:column}.HomePageContentContainer{flex:1;position:relative;padding-bottom:calc(3.5rem + var(--margin))}.TaskListEmpty{display:flex;justify-content:center;align-items:center;justify-self:center;margin-top:5rem;margin-bottom:5rem;width:100%}.TaskListEmpty path{stroke:var(--black);stroke-width:var(--border-width)}.ListTaskContainer{background-color:var(--background);overflow:hidden;border:var(--border);box-sizing:border-box;margin-bottom:var(--margin);margin-left:var(--margin);margin-right:var(--margin);border-radius:var(--border-radius);transition:opacity .3s ease}.ListTask{display:flex}.ListTaskDeleted{height:0}.ListTaskTextContainer{flex:1;display:grid;grid-template-columns:1fr;box-sizing:border-box;padding:.5rem}.ListTaskText{border:none;outline:none;background-color:transparent;padding-right:.5rem;font-size:1.5rem;height:2rem;padding-top:0;padding-bottom:0;padding-right:0;margin:0;flex:1;grid-row-start:1;grid-column-start:1}.TimeRangeInputContainer{grid-row-start:1;grid-column-start:1;display:flex;opacity:0;transition:opacity .2s ease;pointer-events:none}.TimeRangeInputContainerVisible{opacity:1;pointer-events:all}.TimeRangeInput{-webkit-appearance:none;background:var(--lightGray);-webkit-transition:.2s;transition:opacity .2s;border-radius:var(--border-radius)}.TimeRangeInput::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2rem;height:2rem;background:var(--accent);cursor:pointer;border-radius:var(--border-radius)}.TimeRangeInputText{background-color:transparent;border:none;outline:none;text-align:center;font-size:1.5rem;width:3rem;margin-left:1rem;margin-right:0;display:flex;justify-content:center;align-items:center}.ListTaskButton{background-color:transparent;border:none;outline:none;text-align:center;font-size:1.5rem;width:3rem;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease;color:var(--black);position:relative}.ListTaskButton:hover{opacity:.5}.ListTaskButton>svg{position:absolute}.ListTaskTagsContainer{box-sizing:border-box;padding:0}.ListTaskTag{padding:.5rem;border:var(--border);display:inline-block;margin-left:.5rem;margin-bottom:.5rem;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:#000;border-radius:calc(var(--border-radius) / 2)}.ListTaskTagsContainer a{display:inline-block;height:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.CreateTaskContainer{width:100%;box-sizing:border-box;padding-bottom:var(--margin);padding-left:var(--margin);padding-right:var(--margin)}.CreateTaskContainerMain{position:absolute;bottom:0}.CreateTask{display:flex;flex-direction:row;box-sizing:border-box;border:var(--border);border-radius:var(--border-radius);width:100%;padding:none}.CreateTaskInputContainer{flex:1;display:flex;box-sizing:border-box;padding:.5rem}.CreateTaskInput{flex:1;font-size:1.5rem;border:none;outline:none;background-color:transparent;padding:0}.CreateTaskButton{background-color:transparent;border:none;outline:none;text-align:center;font-size:1.5rem;width:2.5rem;display:flex;justify-content:center;align-items:center}.HomePage{display:flex;justify-content:center;height:100vh;overflow:scroll}.HomePageScrollContainer{width:100%;min-height:100%;display:flex;flex-direction:column}.HomePage::-webkit-scrollbar{display:none}.HomePageScrollContainer::-webkit-scrollbar{display:none}.ListTaskTagsContainer .react-colorful{width:100%}.TaskEditFooterContainerContainer{position:fixed;display:flex;justify-content:center;align-items:center;bottom:0;left:0;width:100%;z-index:100;animation:fadeIn .3s 1 alternate ease}.TaskEditFooterContainer{width:100%;box-sizing:border-box;border-top:var(--border);background-color:var(--background);padding:var(--margin);padding-bottom:0;display:flex;justify-content:center;align-items:center;flex-direction:column}@media (max-aspect-ratio: 1/1){.TaskEditFooterContainer{width:100%}}.TaskEditFooterContainer button{padding:1rem;box-sizing:content-box;font-size:2rem}.TaskEditFooterContainer div{display:flex;justify-content:center}.TaskEditFooterContainer p{font-size:1.5rem;margin-bottom:var(--margin)}.TaskEditFooterContainerButtons{margin-top:var(--margin);margin-bottom:var(--margin)}.react-colorful,.react-colorful div{border-radius:var(--border-radius)!important;border-color:var(--gray)}.react-colorful>div{border:var(--border)}.react-colorful__saturation-pointer,.react-colorful__hue-pointer{background-color:transparent!important}.react-colorful__pointer-fill{border-radius:0!important}.HomePageHeaderContainer{width:100%;padding:var(--margin);box-sizing:border-box}.HomePageHeader{border:var(--border);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center}.HomePageHeader>div{flex:1}.HomePageHeader button{font-size:2rem;padding:.5rem 1rem}.HeaderPlateLength{font-size:1.5rem;transition:font-size .5s ease}.HomePageHeader .HeaderChangeTaskList{font-size:1.2rem;transition:all .3s ease;color:var(--gray)}.HomePageHeader .HeaderChangeTaskList>svg{color:red!important;stroke:var(--gray)}.PlatePlaying{font-size:4rem}.PlayPlateIcon{transition:width .5s ease;width:2rem}.PlayPlateIconPlaying{width:0}button{background-color:transparent;border:none;outline:none;text-align:center;font-size:1.5rem;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease;cursor:pointer;color:var(--black);border-radius:var(--border-radius)}button:hover{opacity:.5}a{opacity:1;transition:opacity .3s ease}a:active{opacity:.5}.TaskEditFooterContainer input{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.TimeTag{cursor:pointer;color:var(--black)}.DateTag{transition:background-color .01s ease}.AuthPage{display:flex;flex-direction:column;height:calc(100vh - 2rem);justify-content:center;align-items:center}.AuthPage div{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.AuthPage button{border:var(--border);padding:.5rem 1rem}.AuthPage h1{font-size:2rem;margin-bottom:var(--margin)}.AuthPage p{font-size:1rem}.SubTaskListContainer{margin-top:.5rem;transition:margin-top .5s ease}.SubTaskListContainer-NoTopMargin{margin-top:0}.Loading{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--margin)}.PinnedTaskListsContainer{max-width:100vw;overflow-x:scroll;display:flex;flex-direction:row;flex-wrap:nowrap;margin-left:var(--margin);margin-right:var(--margin);margin-bottom:var(--margin)}.PinnedTaskListsContainer::-webkit-scrollbar{display:none}.TaskListOption{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;padding:calc(var(--margin) / 2);box-sizing:border-box;border:var(--border);border-radius:var(--border-radius);margin-right:var(--margin);font-size:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.TaskListOptionSelected{background-color:var(--black);color:var(--background)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}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}