a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-bg-color:#2b2f3e;--color-black:#000;--accent-color:#17a2b8;--active-color:#00c2e1;--danger-color:#dc3545;--hover-color:#0d606e;--text-color:#5b5d63;--primary-font:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--secondary-font:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--color-white:#fff}body{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--primary-font);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--secondary-font)}.btn{background:transparent;border:1px solid #000;border:1px solid var(--color-black);border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,color .15s ease-in-out;white-space:nowrap}.app__container{display:flex}.app-sidebar__wrapper{background-color:#2b2f3e;background-color:var(--primary-bg-color);height:100%;max-width:600px;min-height:100vh;padding:20px 15px;width:100%}.app-sidebar__title{color:#fff;color:var(--color-white);font-size:20px;margin:0 0 5px}.app-sidebar__content{color:#5b5d63;color:var(--text-color);font-size:18px}.app__main-content{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.comments,.tasks{margin:20px}.comments__content,.tasks__content{background:#fff;background:var(--color-white);box-shadow:0 0 10px 0 rgba(0,0,0,.75);margin:10px;max-width:1000px;min-height:100px;min-width:500px;padding:10px;width:100%}.comments__title,.tasks__title{color:#000;color:var(--color-black);font-size:18px;font-weight:400;margin:0 0 10px;text-align:left}.comments-form,.tasks-form{display:flex;margin:10px 0}.comments-form__text-input,.tasks-form__input{background-clip:padding-box;background-color:#fff;background-color:var(--color-white);border:1px solid #5b5d63;border:1px solid var(--text-color);border-radius:.25rem;color:#5b5d63;color:var(--text-color);display:block;font-size:1rem;height:calc(2.25rem + 2px);line-height:1.5;padding:.375rem .75rem;width:100%}.tasks-form__input{margin-right:10px}.comments-form__text-input{height:auto;margin:0 10px}.comments-form__color-input{background-clip:padding-box;background-color:#fff;background-color:var(--color-white);border:1px solid #5b5d63;border:1px solid var(--text-color);color:#5b5d63;color:var(--text-color);display:block;font-size:1rem;height:60px;line-height:1.5;min-width:60px;padding:2px 3px}.comments-list__item,.tasks-list__item{margin:10px 0}.comments-item,.tasks-item{align-items:center;background-color:#fff;background-color:var(--color-white);border:1px solid rgba(0,0,0,.125);display:flex;flex-wrap:nowrap;padding:.75rem 1.25rem;position:relative}.tasks-item.is-active{border-left:5px solid #00c2e1;border-left:5px solid var(--active-color)}.tasks-item__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tasks-item__comment-count{background-color:#17a2b8;background-color:var(--accent-color);border-radius:10px;color:#fff;color:var(--color-white);display:inline-block;font-size:75%;font-weight:700;line-height:1;margin:0 10px;padding:.25em .4em;text-align:center;vertical-align:initial;white-space:nowrap}.comments-item__color{height:20px;margin-right:10px;width:20px}.tasks-item__delete-btn{border-color:#dc3545;border-color:var(--danger-color);color:#dc3545;color:var(--danger-color);padding:.375rem .75rem}.tasks-item__delete-btn:focus,.tasks-item__delete-btn:hover{background:#dc3545;background:var(--danger-color);color:#fff;color:var(--color-white)}.comments-form__btn,.tasks-form__btn{background-color:#17a2b8;background-color:var(--accent-color);border-color:#17a2b8;border-color:var(--accent-color);color:#fff;color:var(--color-white)}.comments-form__btn:focus,.comments-form__btn:hover,.tasks-form__btn:focus,.tasks-form__btn:hover{background-color:#0d606e;background-color:var(--hover-color);border-color:#0d606e;border-color:var(--hover-color)}.disabled{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.8d5a893a.css.map*/