:root{--light-gray: #F6F7F8;--light-gray-1: #F4F4F4;--light-gray-2: #A8A8A8;--light-gray-3: #D1D1D1;--light-gray-4: #CDCDCD;--light-gray-5: #E7E7E7;--light-blue: #005DFF;--light-blue-1: #007CEE;--dark-slate-blue: #2A3647;--electric-blue: #29ABE2;--midnight-blue: #091931;--white: #FFF;--black: #000;--warning-color: #FF8190;--urgent-color: #FF3D00;--medium-color: #FFA800;--low-color: #7AE229;--headline-box-color: #42526E;--contact-form-width:calc(100vw - 200px);--contact-form-width-2:calc(100vw - 100px);--contact-form-width-3:calc(100vw - 50px)}html,body{margin:0;padding:0}body{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;--tap-highlight-color: transparent;box-sizing:border-box;background-color:var(--light-gray);scroll-behavior:smooth}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:var(--light-gray)}body::-webkit-scrollbar-thumb{background:var(--dark-slate-blue);border-radius:5px}a{text-decoration:none}input[type=email],input[type=text],input[type=password],input[type=date],input[type=number],textarea{width:359px;padding:12px 46px 12px 21px;border-radius:10px;border:1px solid var(--light-gray-3);background:var(--white);font-family:Inter,sans-serif;font-size:21px;font-weight:400;line-height:120%;outline:none}input[type=email]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder,input[type=date]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:var(--light-gray-3)}input[type=email]:focus,input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,textarea:focus{border:1px solid var(--electric-blue)}@media (max-width: 1024px){input[type=email],input[type=text],input[type=password],input[type=date],input[type=number],textarea{width:282px;padding:10px 40px 10px 18px;font-size:18px}}@media (max-width: 480px){input[type=email],input[type=text],input[type=password],input[type=date],input[type=number],textarea{width:auto;padding:10px 30px 10px 10px;font-size:16px}}input[type=checkbox]{margin:0;border:transparent;position:relative;cursor:pointer;visibility:hidden;transition:all .1s ease-in-out}input[type=checkbox]:hover:after{content:url(unchecked-hover.98c91fb0822534c7.svg)}input[type=checkbox]:checked:hover:after{content:url(checked-hover.67c4234fae47e787.svg)}input[type=checkbox]:checked:after{content:url(checked.30981f0c17b4115d.svg)}input[type=checkbox]:after{content:url(unchecked.314e27d6372ed86f.svg);position:absolute;scale:.75;top:-7px;left:-6px;visibility:visible}@media (max-width: 768px){input[type=checkbox]:after{top:-8px}}input[type=date]{cursor:pointer}input[type=date]::-webkit-datetime-edit-month-field:hover,input[type=date]::-webkit-datetime-edit-day-field:hover,input[type=date]::-webkit-datetime-edit-year-field:hover{background:rgba(0,120,250,.1)}input[type=date]::-webkit-clear-button,input[type=date]::-webkit-inner-spin-button{display:none}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:40px;right:21px;z-index:11;opacity:0;cursor:pointer;color:var(--light-gray);background:var(--light-gray)}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.05}input[type=date]:hover::-webkit-calendar-picker-indicator:hover{opacity:.15}.checkbox-label{display:flex;align-items:center;gap:10px;color:var(--black);font-size:16px;font-weight:400;line-height:120%;cursor:pointer}@media (max-width: 768px){.checkbox-label{font-size:14px}}.form-headline{color:var(--black);text-align:center;font-size:61px;font-weight:700;line-height:120%;margin:0 0 30px;position:relative;display:inline-block}@media (max-width: 1024px){.form-headline{font-size:54px}}@media (max-width: 768px){.form-headline{margin-bottom:10px;font-size:48px}}@media (max-width: 480px){.form-headline{margin-bottom:0;font-size:32px}}.form-headline:after{content:"";display:block;width:80%;height:3px;border-radius:10px;background-color:var(--electric-blue);position:absolute;bottom:-16px;left:10%}@media (max-width: 768px){.form-headline:after{bottom:-10px}}@media (max-width: 480px){.form-headline:after{bottom:-5px;height:2px}}.container-form{display:flex;padding:48px 115px;flex-direction:column;align-items:center;gap:32px;border-radius:30px;background:var(--white);box-shadow:0 0 14px 3px #0000000a}@media (max-width: 1024px){.container-form{padding:30px 75px}}@media (max-width: 768px){.container-form{padding:40px;margin-top:20px}}@media (max-width: 480px){.container-form{padding:20px 0;width:calc(100% - 30px)}}.container-form form{display:flex;flex-direction:column;align-items:center;gap:32px}@media (max-width: 480px){.container-form form{gap:20px}}.container-input{position:relative}.before-input{position:absolute;left:21px;bottom:-18px;color:var(--warning-color);font-size:12px;font-family:Poppins,sans-serif}@media (max-width: 1024px){.before-input{left:18px}}@media (max-width: 480px){.before-input{left:10px;bottom:-15px}}.after-input{position:absolute;right:21px;top:10px;font-family:Poppins,sans-serif}@media (max-width: 1024px){.after-input{right:18px}}@media (max-width: 480px){.after-input{right:8px;top:8px}}.primary-btn{border:none;border-radius:8px;background:var(--dark-slate-blue);padding:15px 24px;gap:10px;color:var(--white);font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:120%;transition:all .1s ease-in-out;cursor:pointer}.primary-btn:hover{background:var(--electric-blue);box-shadow:0 4px 4px #00000040}.primary-btn:active{background:var(--midnight-blue);box-shadow:0 4px 4px #00000040}@media (max-width: 768px){.primary-btn{font-size:14px;padding:12px 20px}}.secondary-button{border-radius:8px;border:1px solid var(--dark-slate-blue);padding:15px 24px;gap:10px;color:var(--dark-slate-blue);font-family:Inter,sans-serif;font-size:16px;font-weight:700;line-height:120%;transition:all .1s ease-in-out;cursor:pointer}.secondary-button:hover{border:1px solid var(--electric-blue);color:var(--electric-blue);box-shadow:0 4px 4px #00000040}.secondary-button:active{border:1px solid var(--midnight-blue);color:var(--midnight-blue);box-shadow:0 4px 4px #00000040}@media (max-width: 768px){.secondary-button{font-size:14px;padding:12px 20px}}.svg-logo{width:70px;height:85px;position:absolute;left:50px;top:50px;cursor:pointer;z-index:10;transition:all 225ms ease-in-out}.svg-logo:hover{scale:1.02}@media (max-width: 1024px){.svg-logo{width:50px;height:61px;left:25px;top:25px}}@media (max-width: 768px){.svg-logo{width:40px;height:49px}}@media (max-width: 480px){.svg-logo{width:30px;height:37px;left:15px;top:15px}}.error-border{border:1px solid var(--warning-color)!important}@keyframes translateXAnimationFrom100vw{0%{transform:translate(-100vw)}to{transform:translate(0)}}.show-form-load-animation{display:flex}.show-form-load-animation:before{content:url(loading.5ce61f35e125cbe6.png);animation:rotateAnimation 2s linear infinite}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opacity-null{animation:opacityAnimation 1.5s ease-in;opacity:0}@keyframes opacityAnimation{0%{opacity:1}70%{opacity:1}to{opacity:0}}.menu-bg-summary .li-summary,.menu-bg-add-task .li-add-task,.menu-bg-board .li-board,.menu-bg-contacts .li-contacts{background-color:var(--midnight-blue)}@media (max-width: 768px){app-nav{display:none}}app-nav-mobile{display:none}@media (max-width: 768px){app-nav-mobile{display:initial}}.page-content{display:flex;min-height:568px}@media (min-height: 568px){.page-content{height:100vh}}.section-content{width:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:scroll;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;--tap-highlight-color: transparent;overflow-x:hidden}@media (max-width: 768px){.section-content{align-items:center;justify-content:space-between}}.section-content app-header,.section-content app-nav-mobile{width:100%}.section-content::-webkit-scrollbar{width:5px}@media (max-width: 480px){.section-content::-webkit-scrollbar{width:0}}.section-content::-webkit-scrollbar-track{background:var(--light-gray)}.section-content::-webkit-scrollbar-thumb{background:var(--dark-slate-blue);border-radius:5px}.load-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--light-gray)}.load-container img{animation:rotateAnimation 2s linear infinite}.input-add-task{width:max-content;display:flex;flex-direction:column;gap:8px}.after-input-add-task{top:40px;z-index:10}@media (max-width: 1024px){.after-input-add-task{top:37px}}@media (max-width: 480px){.after-input-add-task{top:35px}}button[type=button]{display:inline-flex;padding:16px;justify-content:center;align-items:center;gap:4px;border-radius:10px;border:1px solid var(--dark-slate-blue);background-color:var(--white);color:var(--dark-slate-blue);font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:120%;cursor:pointer;transition:all 225ms ease-in-out}button[type=button]:hover{border:2px solid var(--electric-blue);color:var(--electric-blue);box-shadow:0 4px 4px #00000040}button[type=button]:hover path{stroke:var(--electric-blue)}button[type=button]:active{border:1px solid var(--midnight-blue);color:var(--midnight-blue);box-shadow:0 4px 4px #00000040}button[type=button]:active path{stroke:var(--midnight-blue)}button[type=submit]{display:inline-flex;padding:16px;justify-content:center;align-items:center;gap:4px;border-radius:10px;border:none;background:var(--dark-slate-blue);color:var(--white);font-family:Inter,sans-serif;font-size:21px;font-style:normal;font-weight:700;line-height:120%;cursor:pointer;transition:all 225ms ease-in-out}button[type=submit]:hover{background:var(--electric-blue);box-shadow:0 4px 4px #00000040}button[type=submit]:active{background:var(--midnight-blue);box-shadow:0 4px 4px #00000040}.required-symbol{color:var(--warning-color)}.chevron-icon{cursor:pointer;border-radius:50%}.chevron-icon:hover{background-color:var(--light-gray)}.d-none{display:none!important}@media (max-width: 960px){.d-none-960{display:none!important}}.bottom-10{bottom:-10px!important}.right0{right:0!important}.opacity05{opacity:.5}.task-form-board .headline h1{margin-top:64px}@media (max-width: 768px){.task-form-board .headline{margin-top:20px!important}}.task-form-board form{padding-bottom:50px!important}@media (max-width: 768px){.task-form-board form{padding-bottom:0!important}}@media (max-width: 1024px){.task-form-board .add-task-content{display:flex!important;flex-direction:column!important;width:max-content!important}}@media (max-width: 768px) and (min-height: 568px){.task-form-board .add-task-content{height:100%!important}}.task-form-board .close-task-form{display:block!important}@keyframes moveTop{0%{transform:translateY(100vw)}to{transform:translateY(0)}}@keyframes moveLeft{0%{transform:translate(100vw)}to{transform:translate(0)}}.move-left{animation:moveLeft 225ms ease-in-out forwards}.edit-task-form{width:calc(100% - 48px);height:100%;padding:50px 24px 32px;display:block}.edit-task-form .add-task-content{position:relative;padding:0!important;background-color:var(--white);z-index:20;overflow-x:hidden!important}.edit-task-form .add-task-content .bottom{flex-direction:column!important}.edit-task-form .add-task-content .headline,.edit-task-form .add-task-content .bottom-left,.edit-task-form .add-task-content .bottom-right,.edit-task-form .add-task-content .required-symbol,.edit-task-form .add-task-content .line-center,.edit-task-form .add-task-content .close-task-form{display:none!important}.edit-task-form .add-task-content .btn-confirm-edited-task{display:flex!important}.edit-task-form .box-content{width:auto!important;margin:0!important}.edit-task-form .box-content .top{flex-direction:column}.edit-task-form .box-content .top .top-left,.edit-task-form .box-content .top .top-right{align-items:center}.edit-task-form .box-content form{width:calc(100% - 2px);gap:30px!important}.edit-task-form .box-content form .input-add-task{width:100%!important}.edit-task-form .box-content form .radio-tile-group{width:calc(100% - 10px)!important}.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{width:calc(100% - 67px)!important}@media (max-width: 1440px){.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{width:calc(100% - 67px)!important}}@media (max-width: 1165px){.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{width:calc(100% - 67px)!important}}@media (max-width: 1024px){.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{width:calc(100% - 58px)!important}}@media (max-width: 768px){.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{padding:10px 40px 10px 16px!important}}@media (max-width: 480px){.edit-task-form .box-content form input[type=email],.edit-task-form .box-content form input[type=text],.edit-task-form .box-content form input[type=password],.edit-task-form .box-content form input[type=date],.edit-task-form .box-content form input[type=number],.edit-task-form .box-content form textarea{width:calc(100% - 40px)!important;padding:10px 28px 10px 10px!important}}.displayed-password{top:15px!important;cursor:pointer}@media (max-width: 1024px){.displayed-password{top:10px!important}}.no-spin-buttons::-webkit-inner-spin-button,.no-spin-buttons::-webkit-outer-spin-button{display:none}.no-spin-buttons::-webkit-clear-button{display:none}.no-spin-buttons::-moz-number-spin-box{display:none}.no-spin-buttons::-moz-range-thumb{display:none}.bg-ul-tasks{background-color:#00000008;border:1px dashed var(--light-gray-2)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(inter-v12-latin-100.ac80325229b9fac0.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(inter-v12-latin-200.7108244139412a91.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(inter-v12-latin-300.9c0edf756bab0deb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(inter-v12-latin-regular.493934f7829ce6ee.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(inter-v12-latin-500.b7be75b98668e17e.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(inter-v12-latin-600.a3e93aa0a5e91ba1.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(inter-v12-latin-700.7ddf3c11ee20d322.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(inter-v12-latin-800.1c3ff4138775a0b2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(inter-v12-latin-900.307c1a48dcfc3355.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(poppins-v20-latin-regular.916d3686010a8de2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(open-sans-v36-latin-regular.78b92b99da8b72dc.woff2) format("woff2")}