.popup,.login-form,.profile-links,.rectangular-button{border-radius:10px}.popup-textarea,.form-input,.login-header,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.form-link,.button,.profile-links{cursor:pointer}.popup,.login-form,.rectangular-button,.profile-links{border-radius:10px}.popup-textarea,.popup-content,.popup__bg,.profile-links{width:100%}.popup-textarea,.form-input,.login-header,.rectangular-button,.additional-colored{font-family:Poppins,sans-serif}@keyframes showBackdrop{0%{opacity:0}to{opacity:1}}@keyframes showModal{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.popup__bg{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;position:absolute;top:0;bottom:0;right:0;transition:all .3s;animation:showBackdrop .3s ease-out}.popup{width:300px;margin:200px auto;transition:all .3s;animation:showModal .3s ease-out}.popup-content{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px;text-align:center}.popup-textarea{overflow:auto;word-break:break-all;white-space:break-spaces;border:none;min-height:200px;padding:10px;margin:20px 0;font-style:normal;font-weight:400;font-size:1.6rem;border-bottom:1px solid #4E52A6;outline:none}.popup-textarea:focus,.popup-textarea:not(:placeholder-shown){border-bottom:2px solid #5554C3}.popup-textarea:focus~label,.popup-textarea:not(:placeholder-shown)~label{padding:0;color:#1b1b1b;transform:translateY(20px) scale(.8)}.popup-textarea::-webkit-resizer{border:none;background:transparent}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.buttons-wrapper{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;column-gap:6px}.burger{width:24px;height:20px;cursor:pointer;position:relative;display:none}.burger-line{display:block;width:100%;height:2px;border-radius:8px;background-color:#5554c3;position:absolute;left:0;transition:.3s all linear}.burger-line-first{top:0}.burger-line-second,.burger-line-third{top:50%;transform:translateY(-50%);transition:all .3s ease-out}.burger-line-fourth{bottom:0}.burger_active .burger-line-first,.burger_active .burger-line-fourth{opacity:0}.burger_active .burger-line-second{transform:translateY(-50%) rotate(45deg)}.burger_active .burger-line-third{transform:translateY(-50%) rotate(-45deg)}.hidden-button{display:block}@media (max-width: 767px){.hidden{display:none}.burger{display:block}}.logo-header{font-family:Shadows Into Light,cursive}.logo{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:4px;height:40px}.logo-header{font-style:normal;font-weight:600;font-size:2.6rem;color:#1b523d}.logo-icon{color:#d6f272}@media (max-width: 425px){.logo-header{display:none}}.swith-button{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.swith-button{cursor:pointer}.swith-button:before,.swith-button{border-radius:10px}.swith-item{font-family:Poppins,sans-serif}.swith-button{position:relative;overflow:hidden;height:40px;background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center}.swith-button:before{content:"";position:absolute;left:-50%;width:100%;height:100%;background-color:#5554c3;transition:.25s}.swith-button.switch-active:before{left:50%}.swith-button.switch-active .swith-item:first-child{color:#5554c3}.swith-button.switch-active .swith-item:last-child{color:#fff}.swith-item{position:relative;font-style:normal;font-weight:400;font-size:2rem;color:#5554c3;display:flex;flex-direction:row;justify-content:center;align-items:center;width:50px;height:100%;transition:.6s}.swith-item:first-child{color:#fff}.form-link,.profile-links,.button{cursor:pointer}.login-form,.profile-links,.rectangular-button{border-radius:10px}.form-input,.login-header,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.login-page{background-color:#f2f2f2}.login-content{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:40px;padding:40px 0}.login-form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:400px;padding:30px;background-color:#fff}.login-header{font-style:normal;font-weight:600;font-size:2.6rem;color:#1b523d}.form-subtitle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:8px;margin-bottom:10px}.form-link{color:#5554c3}.input-wrapper{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:0 auto}.input-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-direction:column-reverse;position:relative;width:100%}.form-input{border:none;width:100%;padding:10px 40px 10px 10px;margin:20px 0;font-style:normal;font-weight:400;font-size:1.6rem;border-bottom:1px solid #4E52A6;outline:none}.form-input:focus,.form-input:not(:placeholder-shown){border-bottom:2px solid #5554C3}.form-input:focus~label,.form-input:not(:placeholder-shown)~label{padding:0;color:#1b1b1b;transform:translateY(20px) scale(.8)}.input-label{font-style:normal;font-weight:400;font-size:1.6rem;padding-left:10px;color:#4e52a6;transform:translateY(30px);transform-origin:left top;cursor:text;transition:all .3s ease}.toggle-password{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;border-radius:50%;cursor:pointer;color:#1b1b1b;font-size:1.6rem;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center}.toggle-password:hover{outline:2px solid #5554C3;outline-offset:2px}.message-invalid-wrapper{width:100%;margin-top:10px}.message-invalid{color:#ff0215;font-style:normal;font-weight:400;font-size:1.4rem}.login-button{width:160px;margin-top:20px}@media (max-width: 767px){.login-form{width:300px;padding:10px}}.start-page{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:6px}.start-page-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;row-gap:16px}.start-button{width:160px;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-page-image{width:600px}@media (max-width: 767px){.start-page{padding-top:60px;padding-bottom:60px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:40px}.start-page-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:10px;text-align:justify}.start-title{font-style:normal;font-weight:600;font-size:2rem}.start-description,.start-page-image,.start-button{width:80%}}.boards-wrapper,.boards-page-content,.profile-links{width:100%}.boards-page{display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.boards-page-content{padding:40px 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:30px;position:relative;height:100%}.boards-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.board-skeleton,.board,.profile-links,.rectangular-button{border-radius:10px}.board-title-skeleton,.board-title,.profile-links{width:100%}.board-title,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.board,.profile-links,.button{cursor:pointer}.board-tasks-title-skeleton,.board-skeleton,.board,.profile-links,.rectangular-button{border-radius:10px}.board-tasks-title,.board-title,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.board,.button,.profile-links{cursor:pointer}.board-tasks-title-skeleton,.board-skeleton,.board,.rectangular-button,.profile-links{border-radius:10px}.board-tasks-button-wrapper,.board-title-skeleton,.board-title,.profile-links{width:100%}.board-tasks-title,.board-title,.rectangular-button,.additional-colored{font-family:Poppins,sans-serif}.board{width:380px;height:60px;background-color:#5554c3;padding:12px 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.board-title{text-decoration:none;color:#fff;font-style:normal;font-weight:400;font-size:1.6rem}.boards-buttons-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:8px}.board-skeleton{width:380px;height:60px;background-color:#ccc;padding:12px 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.board-title-skeleton{height:20px}.skeleton{background-color:#fff}@media (max-width: 767px){.board{width:300px}}.board-tasks-button-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px}.board-tasks-title{color:#1b1b1b;font-style:normal;font-weight:400;font-size:2.5rem;margin:0 10px}.board-tasks-title-skeleton{width:60%;height:40px;background-color:#ccc}.board-tasks-buttons{width:160px}.content-wrapper{width:1160px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth}.column-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;padding-bottom:10px;flex-wrap:nowrap;min-width:max-content}.column-wrapper::-webkit-scrollbar{height:4px;background:#fff}.column-wrapper::-webkit-scrollbar-thumb{background:#5554c3;border-radius:15px}@media (max-width: 1199px){.content-wrapper{width:960px}}@media (max-width: 991px){.content-wrapper{width:720px}}@media (max-width: 767px){.board-tasks-button-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:10px}.board-tasks-title,.board-tasks-title-skeleton{order:1}.content-wrapper{max-width:540px;overflow-x:auto}}@media (max-width: 575px){.content-wrapper{width:300px;overflow-x:auto}}.column,.profile-links,.rectangular-button{border-radius:10px}.task-wrapper,.column-title,.profile-links{width:100%}.column{width:300px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;flex:0 0 300px}.column-title{height:60px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;background-color:#d6f272;font-style:normal;font-weight:600;font-size:1.6rem;color:#1b523d;border-radius:10px 10px 0 0}.task-wrapper{height:80%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;padding:10px}.task,.profile-links,.rectangular-button{border-radius:10px}.task-footer,.task-content,.profile-links{width:100%}.task-content,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.task{width:280px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;row-gap:8px}.task-content{color:#1b1b1b;font-style:normal;font-weight:400;font-size:1.6rem;overflow:hidden;white-space:pre-wrap;word-break:break-all}.task-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px}.git-profile{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.git-profile a{color:#1b1b1b}.git-icon{width:20px;height:20px;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.97%200C7.32589%200.000331446%204.79018%201.05085%202.92051%202.92051C1.05085%204.79018%200.000331446%207.32589%200%209.97C0%2014.3725%202.875%2018.1038%206.78875%2019.45C7.27875%2019.5113%207.46125%2019.205%207.46125%2018.96V17.2475C4.71%2017.86%204.09875%2015.9025%204.09875%2015.9025C3.67%2014.74%202.9975%2014.4337%202.9975%2014.4337C2.08%2013.8225%203.0575%2013.8225%203.0575%2013.8225C4.03625%2013.8837%204.5875%2014.8625%204.5875%2014.8625C5.505%2016.3913%206.91125%2015.9625%207.4625%2015.7187C7.5225%2015.0462%207.82875%2014.6187%208.07375%2014.3737C5.87125%2014.1287%203.5475%2013.2725%203.5475%209.41875C3.5475%208.31875%203.91375%207.46125%204.5875%206.7275C4.525%206.54375%204.15875%205.505%204.71%204.15875C4.71%204.15875%205.56625%203.91375%207.46125%205.19875C8.25625%204.95375%209.11375%204.8925%209.97%204.8925C10.8262%204.8925%2011.6825%205.015%2012.4775%205.19875C14.3738%203.915%2015.23%204.15875%2015.23%204.15875C15.78%205.505%2015.4125%206.54375%2015.3513%206.78875C16.0249%207.5226%2016.3963%208.48387%2016.3912%209.48C16.3912%2013.3338%2014.0663%2014.1287%2011.8663%2014.3737C12.2325%2014.6787%2012.5388%2015.29%2012.5388%2016.2075V18.96C12.5388%2019.205%2012.7213%2019.51%2013.2113%2019.45C15.1938%2018.7809%2016.9158%2017.5057%2018.1341%2015.8045C19.3523%2014.1034%2020.005%2012.0624%2020%209.97C19.9388%204.465%2015.475%200%209.97%200Z'%20fill='%23333333'/%3e%3c/svg%3e");margin-right:10px;display:block}.sidenav,.profile-links,.rectangular-button{border-radius:10px}.sidenav-header,.profile-links{width:100%}.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}@keyframes showSidenav{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}.sidenav{width:300px;height:100%;position:fixed;padding:40px 20px 0;z-index:5;top:0;right:0;bottom:60px;background-color:#5554c3;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;row-gap:10px;transition:all .5s;animation:showSidenav .3s ease-out}.sidenav-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px}.sidenav-header .sidenav-header-title{color:#fff}.sidenav-header .sidenav-header-username{color:#d6f272}@media (max-width: 767px){.sidenav{width:100%;border-radius:0}.mobile-menu--button{width:100%}}.bordered{box-shadow:#0000001a 0 0 5px,#0000001a 0 0 1px}.profile-links,.button{cursor:pointer}.profile-links,.rectangular-button{border-radius:10px}.profile-links{width:100%}.title,.additional-colored,.rectangular-button{font-family:Poppins,sans-serif}.button{border:none;padding:12px 10px;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .2s}.rectangular-button{height:40px;font-style:normal;font-weight:600;font-size:1.6rem}.round-button{height:40px;width:40px;border-radius:50%}.profile-links{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;column-gap:8px;height:40px;padding:12px 10px}.colored{background-color:#d6f272;color:#1b523d}.colored:disabled{background-color:#ccc;color:#1b1b1b;cursor:default}.additional-colored{background-color:#4e52a6;color:#fff;font-style:normal;font-weight:400;font-size:1.6rem}.bordered{background-color:#fff;color:#1b1b1b}.error-page-content{display:flex;flex-direction:row;justify-content:center;align-items:center}.error__page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:40px}.error__page--icon{color:#5554c3}.title{color:#1b1b1b;font-style:normal;font-weight:400;font-size:2rem}.width100{width:100%}body{font-family:Poppins,sans-serif}*{padding:0;margin:0;box-sizing:border-box}html{font-size:10px}body{font-style:normal;font-weight:400;font-size:1.6rem;color:#1b1b1b;background-color:#f2f2f2}#root{margin:0 auto;max-width:1200px;height:100vh;padding:20px;display:grid;grid-template-rows:60px 1fr 40px;align-content:space-between}a{text-decoration:none}header,main,footer{width:100%}::-webkit-scrollbar{width:4px;background:#fff}::-webkit-scrollbar{height:4px;background:#fff}::-webkit-scrollbar-thumb{background:#5554c3;border-radius:15px}@media (max-width: 767px){#root{padding:10px}}