@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);*{box-sizing:border-box}html{--radius-8:0.5rem;--radius-6:0.375rem;--bg:#f8f8fa;--blue700:#2573e9;--blue800:#055cdf;--blue900:#0552c7;--blue100:rgba(15,107,242,.1);--red:#e00909;--bg-sec:#fff;--gray100-50:rgba(227,232,237,.5);--gray100:#e4e8ed;--gray200:#d1d9e4;--gray300:#9cacc5;--gray400:#7083a0;--gray500:#596577;--text:#545960;--black:#383d45;--pop-up-color:rgba(56,61,69,.3);--menu-shadow:0px 0px 2.25rem rgba(174,192,208,.16);--card-shadow:0px 0.3125rem 0.75rem rgba(112,134,154,.04);--card-hover:0px 0.3125rem 0.75rem rgba(112,134,154,.16);--tooltip-shadow:0px 0px 0.875rem rgba(174,192,208,.44);--pop-up:0px 0px 1.875rem rgba(174,192,208,.24);--bg-dark:#212223;--bg-sec-dark:#232527;--gray100-50-dark:rgba(46,48,51,.5);--gray100-dark:#2e3134;--gray200-dark:#404245;--gray300-dark:#646464;--gray400-dark:#949494;--gray500-dark:#e9e9e9;--text-dark:#cacaca;--black-dark:#ebebeb;--pop-up-color-dark:0px 0px 2.25rem rgba(46,48,51,.5);--menu-shadow-dark:0px 0px 2.25rem rgba(0,0,0,.16);--card-shadow-dark:0px 0.3125rem 0.75rem rgba(0,0,0,.06);--card-hover-dark:0px 0.3125rem 0.75rem rgba(0,0,0,.16);--tooltip-shadow-dark:0px 0px 0.875rem rgba(0,0,0,.43);--pop-up-dark:0px 0px 1.875rem rgba(0,0,0,.03);font-size:.8333333333333334vw}.dark-theme{--bg:var(--bg-dark);--bg-sec:var(--bg-sec-dark);--gray100-50:var(--gray100-50-dark);--gray100:var(--gray100-dark);--gray200:var(--gray200-dark);--gray300:var(--gray300-dark);--gray400:var(--gray400-dark);--gray500:var(--gray500-dark);--text:var(--text-dark);--black:var(--black-dark);--pop-up-color:var(--pop-up-color-dark);--menu-shadow:var(--menu-shadow-dark);--card-shadow:var(--card-shadow-dark);--card-hover:var(--card-hover-dark);--tooltip-shadow:var(--tooltip-shadow-dark);--pop-up:var(--pop-up-dark)}body{font-family:Poppins,Verdana,sans-serif;height:100%;margin:0;overflow:hidden}h1{font-size:2rem;line-height:130%}h1,h2{font-weight:500;margin:0;padding:0}h2{font-size:1.25rem;line-height:150%}h3{font-size:1rem;font-weight:300;letter-spacing:.05em;line-height:170%;margin:0;padding:0;text-transform:uppercase}h4{font-size:1rem}h4,h5{font-weight:500;line-height:150%;margin:0;padding:0}h5{font-size:.9rem}p{font-weight:400;line-height:150%;margin:0}.p1{font-size:1rem;line-height:130%}.p1,.p2{font-weight:500;margin:0}.p2,.p3{font-size:.875rem;line-height:150%}.p3{font-weight:400}.p3,.p4{margin:0}.p4{font-size:.75rem;font-weight:500;line-height:130%}.p5{font-size:.8125rem;font-weight:400;line-height:150%;margin:0}a,button,input{cursor:pointer;font-family:inherit;transition:.5s}input{cursor:text}span{padding:0}@media screen and (max-width:1440px){html{font-size:1.1111111111111112vw}}@media screen and (max-width:1024px){html{font-size:1.5625vw}.p5{font-size:.9rem}}@media screen and (max-width:768px){html{font-size:2.083333333333vw}h4{font-size:.875rem;font-weight:400}.p5{font-size:.9rem}}@media screen and (max-width:640px){html{font-size:2.5vw}.p5{font-size:.9rem}}@media screen and (max-width:480px){html{font-size:3.333333333333333vw}.p5{font-size:.9rem}}.App{background-color:var(--bg);display:flex;height:100vh}.wrapper{padding:1rem;position:relative;width:100vw}main{align-items:center;flex-grow:1;height:100vh;justify-content:center;padding:2rem 3rem 3rem 20rem}main,nav{display:flex}nav{background-color:var(--bg-sec);border-radius:var(--radius-8);box-shadow:var(--menu-shadow);flex-direction:column;height:calc(100% - 2rem);justify-content:space-between;padding:2rem;position:absolute;width:16rem;z-index:1}hr{background:var(--gray100);border:none;height:1px}.menu{list-style-type:none;margin:3.5rem 0 0;padding:0}.menu__logo{left:3rem;position:absolute;top:3rem;z-index:100}.menu__point{position:relative}.menu a{align-items:center;display:flex;margin:0 0 1.5rem;text-decoration:none}.menu__icon{margin-right:.75rem}.menu__toggle{background:var(--blue700);border-bottom-right-radius:.125rem;border-top-right-radius:.125rem;height:1.5rem;left:-2rem;position:absolute;transition:.4s;width:.125rem}.menu__toggle_bottom{-webkit-transform:translateY(3rem);transform:translateY(3rem)}.sign-up{right:14rem;text-decoration:none;top:3rem}.login,.sign-up{position:absolute}.login{bottom:2rem}.login__route{align-items:center;display:flex;text-decoration:none}.active-route,.menu__active-route{color:var(--blue700)}.menu__active-route:before{background:var(--blue700);border-bottom-right-radius:.125rem;border-top-right-radius:.125rem;content:"";height:1.5rem;left:-2rem;position:absolute;width:.125rem}.inactive-route{color:var(--gray400)}.inactive-route:hover{color:var(--gray500)}.switcher{position:absolute;right:3rem;top:3rem}@media screen and (max-width:1024px){main{padding:.5rem .5rem .5rem 18rem}.auth__route:first-child{padding:0 .3rem 0 0}.menu__logo{left:1.5rem}}@media screen and (max-width:768px){.wrapper{padding:1.5rem}nav{bottom:1.5rem;display:flex;flex-direction:row;height:5rem;justify-content:center;padding:.875rem;width:calc(100% - 3rem)}hr{display:none}main{height:100%;padding:3rem 0 6rem}.menu{list-style-type:none;margin:0;padding:0}.menu__logo{top:1.5rem}.menu__point:first-child{margin:0}.menu__point h4{font-size:.75rem;margin-top:.375rem}.menu__icon{margin:0 0 .375rem;-webkit-transform:scale(1.5);transform:scale(1.5)}.menu__point{float:left;margin-left:3rem}.route{display:flex;flex-direction:column;margin:0}.sign-up{right:12rem;top:1.5rem}.login__route{flex-direction:column;margin-left:3rem}.login__route h4{font-size:.75rem;margin-top:.375rem}.menu__active-route:before{background:var(--blue700);border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem;border-top-right-radius:0;content:"";height:.125rem;left:calc(50% - .75rem);position:absolute;top:-.85rem;width:1.5rem}.switcher{right:1.5rem;top:1.5rem}.login{bottom:auto;position:static}}@media screen and (max-width:480px){.wrapper{padding:1rem}nav{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;height:4.5rem;margin:0 0 0 -1rem;width:100%}.menu__icon{-webkit-transform:scale(1.25);transform:scale(1.25)}main{padding:3rem 0 4.25rem}.sign-up{position:absolute;right:7rem;text-decoration:none;top:1.5rem}}.add-shortcut__wrapper{margin:0;position:relative}.addLink{align-items:center;background:none;border:none;color:var(--gray400);display:flex;margin:1.5rem 0 0;padding:0}.addLink:hover{color:var(--blue700)}.addLink__icon{margin:0 .75rem 0 0}.add-shortcut__input{background:var(--bg-sec);border:1px solid var(--gray100-50);border-radius:var(--radius-6);color:var(--text);font-size:.875rem;font-weight:400;line-height:130%;outline:none;padding:.5rem .75rem;width:100%}.add-shortcut__input:focus{border:1px solid var(--gray200)}.add-shortcut__input_hidden{display:none}.add-shortcuts__link-list{list-style-type:none;margin:1.5rem 0 0;padding:0}.add-shortcuts__link{align-items:center;display:flex;margin:0 0 .5rem}.add-shortcuts__delete{align-items:center;background:none;border:none;color:var(--gray300);cursor:pointer;display:flex;padding:0}.add-shortcuts__delete:hover{color:var(--red)}.add-shortcuts__link-adress{color:var(--gray400);font-size:.875rem;line-height:150%;margin:0 0 0 .75rem;overflow:hidden;padding:.25rem 0;position:relative;text-decoration:none;white-space:nowrap}.add-shortcuts__link-adress:before{background:var(--blue700);border-radius:.125rem;bottom:0;content:"";height:.125rem;position:absolute;transition:.5s;width:0}.add-shortcuts__link-adress:hover:before{width:1.25rem}.add-shortcuts__link-adress:hover{color:var(--blue700)}.warnMessage{align-items:center;color:#e2a601;display:flex;margin:1.25rem 0 0}.warnMessage__text{font-size:.875rem;font-weight:400;margin:0 0 0 .75rem}.warnMessage_hidden{display:none}.add-shortcuts__link-list::-webkit-scrollbar{background:var(--gray100-50);border-radius:.325rem;width:.325rem}.add-shortcuts__link-list::-webkit-scrollbar:horizontal{background:var(--gray100-50);border-radius:.325rem;height:.325rem}.add-shortcuts__link-list::-webkit-scrollbar-thumb{background-color:var(--gray200);border-radius:.325rem}.add-shortcuts__link-list::-webkit-scrollbar-corner{background:var(--bg)}@media screen and (max-width:768px){.add-shortcut__wrapper{display:none}}.switch-wrapper{align-items:center;display:flex}.switch-wrapper .switch{background:var(--gray200);border-radius:.75rem;cursor:pointer;height:1.55rem;padding:.2rem;position:relative;width:3.1rem}.switch:before{color:var(--gray300);content:"Night Mode";cursor:default;font-size:.8125rem;font-weight:400;line-height:150%;right:3.625rem;white-space:nowrap}.checkbox,.switch:before{margin:0;position:absolute}.checkbox{cursor:pointer;height:100%;left:0;opacity:0;top:0;width:100%;z-index:1}.checkbox+.switch__ball{background:var(--bg-sec);border-radius:50%;display:block;height:100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:.25s;width:calc(50% - .2rem);z-index:0}.checkbox:checked+.switch__ball{-webkit-transform:translateX(calc(100% + .3rem));transform:translateX(calc(100% + .3rem))}.checkbox:checked+.switch{background:var(---blue700)}@media screen and (max-width:480px){.switch:before{color:var(--gray300);font-size:.6rem;font-weight:400;left:0;line-height:150%;margin:0;right:0;top:2rem;white-space:nowrap}}.main-content{align-items:flex-start;flex-direction:column;flex-grow:1}.main-content,.tasks{display:flex;height:100%;width:100%}.tasks{overflow:auto;position:relative}.column{margin:0 1.5rem 0 0;width:calc(25% - 1.5rem)}.header{align-items:center;display:flex;margin:-1rem 0 1rem;padding:1rem 0}.header__icon{height:2rem;margin:0 1.25rem 0 0;width:2rem}.header__input{background:none;border:none;border-radius:var(--radius-8);color:var(--black);font-size:2rem;font-weight:500;line-height:130%;min-width:40rem;padding:.5rem 0}.header__input:focus{background:var(--white);background:var(--bg-sec);box-shadow:var(--card-shadow);outline:none;padding:.5rem 1rem}.button-create-column{margin:2.6875rem 1.5rem 0 0}.tasks::-webkit-scrollbar{background:var(--gray100-50);border-radius:.325rem;width:.325rem}.tasks::-webkit-scrollbar:horizontal{background:var(--gray100-50);border-radius:.325rem;height:.325rem}.tasks::-webkit-scrollbar-thumb{background-color:var(--gray200);border-radius:.325rem}.tasks::-webkit-scrollbar-corner{background:var(--bg)}@media screen and (max-width:1024px){.column{min-width:calc(50% - 1.5rem)}.header__input{min-width:16rem;width:24rem}.header{margin:-.5rem 0 1rem}}@media screen and (max-width:768px){.column{min-width:calc(50% - 1.5rem)}.header__input{min-width:16rem;width:26rem}.header{margin:-.5rem 0 1rem}}@media screen and (max-width:480px){.column{min-width:calc(85% - 1.5rem)}.header__input{font-size:1.5rem;width:20rem}}.column{display:block;height:100%}.column__header{align-items:center;background:var(--bg);color:var(--gray400);display:flex;position:-webkit-sticky;position:sticky;top:0;vertical-align:middle;width:100%;z-index:1}.droppable{list-style-type:none;margin:0;padding:1rem 0 0}.droppable__point{margin:0 0 .75rem}.button-create-task{align-items:center;background:var(--gray100-50);border:none;border-radius:var(--radius-8);color:var(--gray400);display:flex;justify-content:center;padding:.75rem;width:100%}.button-create-task:hover{background:var(--gray100)}.button-create-task-text{margin:0 .625rem 0 0}.button-delete-column{background:none;border:none;color:var(--gray300);display:flex;height:1.125rem;margin:0 .75rem 0 0;padding:0;width:1.125rem}.button-delete-column:hover{color:var(--red)}.task{align-items:center;background:var(--bg-sec);border-radius:var(--radius-8);box-shadow:var(--card-shadow);cursor:grab;display:flex;flex-direction:column;line-height:0;padding:1.25rem;position:relative;transition:.5s;width:100%}.task:hover{box-shadow:var(--card-hover)}.task__header{border-radius:var(--radius-6);color:var(--blue700);margin:0 0 .75rem;max-width:calc(100% - 2.5rem)}.task__description,.task__header{word-wrap:break-word;white-space:pre-wrap}.task__description{color:var(--text);font-family:inherit;font-weight:400;line-height:150%;margin:0;width:100%}.option__button{background:none;border:none;color:var(--gray300);display:flex;padding:0;position:absolute;right:1.25rem;top:1.25rem}.option__button.hide{opacity:0;visibility:hidden}.option__button:hover{color:var(--gray500)}.option-list{background:var(--bg-sec);border-radius:var(--radius-6);box-shadow:var(--tooltip-shadow);position:absolute;right:1.25rem;top:3.5rem;width:7.5rem;z-index:1}.hide{opacity:0;visibility:hidden}.option-list__list{list-style-type:none;margin:0;padding:0}.option-list__point{border-radius:var(--radius-6);color:var(--gray400);cursor:pointer;padding:.5rem .75rem;transition:.5s}.option-list__point:hover{background:var(--gray100-50)}.pop-up__textarea{background:var(--bg-sec);border:1px solid var(--gray100-50);border-radius:var(--radius-6);color:var(--black);font-family:inherit;font-size:.875rem;font-weight:400;margin:0 0 1rem;outline:none;padding:.5rem .75rem;resize:none;transition:.5s;width:100%}.pop-up__textarea::-webkit-input-placeholder{color:var(--gray300);font-weight:300}.pop-up__textarea:-ms-input-placeholder{color:var(--gray300);font-weight:300}.pop-up__textarea::placeholder{color:var(--gray300);font-weight:300}.pop-up__textarea:focus{border:1px solid var(--gray200);padding:.5rem .75rem}.pop-up__textarea::-webkit-scrollbar{background:var(--gray100);border-radius:.325rem;width:.325rem}.pop-up__textarea::-webkit-scrollbar-thumb{background-color:var(--gray300);border-radius:.325rem}@media screen and (max-width:992px){.pop-up__textarea{font-size:16px}}@media screen and (max-width:480px){.pop-up__textarea{margin:0 0 .5rem}}.button-create-column{align-items:center;background:var(--gray100-50);border:none;border-radius:var(--radius-8);color:var(--gray400);display:flex;height:2.25rem;padding:.6875rem;width:2.25rem}.button-create-column:hover{background:var(--gray100)}.pop-up{align-items:center;color:var(--gray100-5);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.3s;width:100vw;z-index:100}.pop-up.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--pop-up-color);display:flex;opacity:1;pointer-events:all}.pop-up__content{background:var(--bg-sec);border-radius:var(--radius-8);box-shadow:var(--pop-up);padding:2rem;width:32rem}.pop-up__input{background:var(--bg-sec);border:1px solid var(--gray100-50);border-radius:var(--radius-6);color:var(--black);font-size:1.25rem;font-weight:500;margin:0 0 1rem;outline:none;padding:.5rem .75rem;width:100%}.pop-up__input:focus{border:1px solid var(--gray200)}.pop-up__input::-webkit-input-placeholder{color:var(--gray300);font-size:1.25rem;font-weight:300}.pop-up__input:-ms-input-placeholder{color:var(--gray300);font-size:1.25rem;font-weight:300}.pop-up__input::placeholder{color:var(--gray300);font-size:1.25rem;font-weight:300}.pop-up__button{background:var(--gray100);border:none;border-radius:.25rem;color:var(--gray400);margin:0 .75rem 0 0;outline:none;padding:.375rem 1rem}.decline{background:none}.pop-up__button:hover{background:var(--gray200);color:var(--black)}.decline:hover{background:none}@media screen and (max-width:480px){.pop-up__content{padding:1rem;width:26rem}.pop-up__input{margin:0 0 .5rem}}.notification{align-items:center;color:var(--gray100-5);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:.3s;width:100vw;z-index:100}.notification.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--pop-up-color);display:flex;opacity:1;pointer-events:all}.notification__content{background:var(--bg-sec);border-radius:var(--radius-8);box-shadow:var(--pop-up);padding:2rem;width:32rem}.notification__title{color:var(--black);margin:1rem 0}.notification__description{color:var(--text);margin:0 0 1.5rem}.notification__button{background:var(--gray100);border:none;border-radius:.25rem;color:var(--gray400);margin:0 .75rem 0 0;outline:none;padding:.375rem 1rem}.notification__button:hover{background:var(--gray200);color:var(--gray500)}.description__main-content{display:block}.description__header{color:var(--black);margin:1rem 0;padding:0}.text{color:var(--gray500)}.form__button{color:var(--white)}.form{align-items:center;display:flex;flex-direction:column}.auth-header{color:var(--black);margin:0 0 2rem}.input{background:var(--bg-sec);border:1px solid transparent;border-radius:var(--radius-8);color:var(--text);font-size:16px;margin:0 0 .75rem;outline:none;padding:.75rem 1.5rem;width:19.75rem}.input::-webkit-input-placeholder{color:var(--gray400);font-size:16px;font-weight:400}.input:-ms-input-placeholder{color:var(--gray400);font-size:16px;font-weight:400}.input::placeholder{color:var(--gray400);font-size:16px;font-weight:400}.input:focus{border:1px solid var(--gray200)}.form__button{background:var(--blue700);border:none;border-radius:var(--radius-8);color:var(--bg-sec);margin:.75rem 0 0;padding:.75rem 0;width:19.75rem}.form__button:hover{background:var(--blue800)}.form__button:focus{background:var(--blue900);transition:.25s}.page-not-found{display:flex;flex-direction:column}.page-not-found__header{color:var(--black);margin:1.5rem 0 1rem;padding:0}.text{color:var(--gray300)}@media screen and (max-width:480px){.not-found-pic{-webkit-transform:scale(.8);transform:scale(.8)}.page-not-found__header{margin:1rem 0 .75rem}}
/*# sourceMappingURL=main.2eba307b.css.map*/