@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}*{box-sizing:border-box}html{background:#f0f3ff;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:unset}img,embed,video,object{max-width:100%}.debug *{outline:1px solid gold}a.active{text-decoration:underline}.feedback-button{margin-left:10px;margin-right:10px}.icon-title{margin-right:8px}.flex{display:flex}.flex.flex-column{flex-direction:column}.flex.flex-row{flex-direction:row}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.align-center{align-items:center}.colored-text{color:var(--clr1)}.clean-list{padding:0;margin:0;list-style-type:none}.fa{font-family:fa}.fa.fa-facebook:before{content:""}.fa.fa-twitter:before{content:""}.fa.fa-dribbble:before{content:""}.fa.fa-behance:before{content:""}.main-layout{display:flex;gap:.625em;-webkit-user-select:none;user-select:none;overflow:hidden}.homepage{display:grid;grid-template-rows:1fr auto 1fr}footer{background-color:var(--clr1);color:var(--clr1bg);padding:1em;text-align:center}.app-footer{font-weight:700;color:var;font-size:1.25em}.board-header{background-color:#f0f3ff;height:48px}.board-header button{background-color:transparent;border:none;color:#5b5c63;font-size:1rem;margin-right:1.25rem}.board-header img{width:3.125rem;align-self:center;padding-top:2px}.board-header .logo-container{display:flex;align-items:center}.board-header .logo-home-nav{font-size:1.125rem;font-weight:600;color:#000;font-family:Poppins;margin-right:4px}.board-header .logo-home-nav2{font-size:1.125rem;font-weight:300;color:#000;letter-spacing:-1px;font-family:Poppins}.board-header .right-side-container{position:relative;display:flex;align-items:center}.board-header .right-logo-container{display:flex;align-items:center;position:relative;height:32px;background-color:#ffffff80;border-top-right-radius:15px;border-bottom-right-radius:15px;cursor:pointer}.board-header .right-logo-container .right-logo{padding-left:10px}.board-header .right-logo-container:before{content:"";display:inline-block;position:absolute;right:100%;width:1px;height:25px;background-color:gray;margin-right:8px}.board-header .user-img{min-width:32px;max-width:32px;max-height:32px;min-height:32px;border-radius:50%;object-fit:cover;background-color:pink;padding:0}.board-header .user-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:110%;background-color:#fff;right:20%;width:max-content;box-shadow:0 6px 20px #0003;border-radius:.25em;padding:10px;z-index:15}.board-header .user-modal>*{font-family:Figtree;font-weight:200;font-size:.875rem;color:#323338;margin:0;min-width:204px;height:32px;display:flex;align-items:center;justify-content:start;padding:10px;gap:8px;border-radius:4px;cursor:pointer}.board-header .user-modal>*:hover{background-color:#6768791a}@media screen and (max-width: 632px){.board-header .logo-home-nav2{margin-top:2px;font-size:.92rem}}.signup{font-family:Figtree,sans-serif;overflow:hidden;width:100%}.signup .btn{display:inline-flex;align-items:center;justify-content:center;font-family:Figtree,sans-serif;width:100%;height:100%;font-size:1rem;line-height:1.375;padding:.5em 1em;border-radius:.25em}.signup .main-container{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;padding:20px;width:100%;grid-column:1;height:100vh}.signup .content{display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;align-items:center}.signup .signup-top{color:#323338}.signup .signup-top .signup-title h1{text-align:center;font-size:2rem;font-weight:400;letter-spacing:-.5px;line-height:1.25;margin:0;padding-bottom:.25em}.signup .signup-top h2{text-align:center;font-size:1rem;font-weight:200;line-height:1.875;letter-spacing:-.1px;margin:0 0 48px}.signup .form-container{width:100%}.signup .form-container .button-container{height:2.5em}.signup .form-container .button-container .google-button{background-color:#fff;border:1px solid #c3c6d4;cursor:pointer;transition:scale .2s}.signup .form-container .button-container .google-button:active{scale:.9}.signup .form-container .button-container .google-button:hover{background-color:#6768791a}.signup .form-container .button-container .google-svg{width:1em;height:1em;margin-right:.5em}.signup .form-container .button-container span{color:#323338;font-weight:300}.signup .form-container .or-container{display:grid;gap:.5em;grid-template-columns:1fr auto 1fr;width:100%;margin:1em 0}.signup .form-container .or-line{grid-column:span;align-self:flex-end;border-top:1px solid #d0d4e4;height:50%}.signup .form-container .input-container{height:2.5em;margin-bottom:1em}.signup .form-container .input-container input{color:#323338;text-align:start;font-weight:300;border:1px solid #c3c6d4}.signup .form-container .input-container input:focus,.signup .form-container .input-container input:active{outline:1px solid #0073ea}.signup .form-container .input-container input:hover{outline:1px solid black}.signup .form-container .input-container input.error{outline:1px solid #d83a52}.signup .form-container .continue-container{height:2.5em}.signup .form-container .continue-container .continue-button{transition:scale .2s;color:#fff;background:#0073ea;border:none;cursor:pointer;font-weight:300}.signup .form-container .continue-container .continue-button:active{scale:.9}.signup .form-container .continue-container .continue-button:hover{background:#0060b9}.signup .form-container .continue-container .continue-button.disable{background-color:#d3d3d3}.signup .form-container .continue-container .continue-button.disable:active{scale:1}.signup .signup-footer{display:flex;justify-content:center;align-items:center;gap:2px;margin-bottom:4em}.signup .signup-footer span a{line-height:1.25;color:#1f76c2}.signup .signup-footer span a:hover{text-decoration:underline}.signup .img-container{display:none}.signup svg{height:50px}@media (width > 632px){.signup{padding:0}.signup .form-container{width:400px}}@media (width > 932px){.signup{display:grid;grid-template-columns:auto 40%}.signup .main-container{display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:0;grid-column:1;height:100vh}.signup .img-container{display:block;grid-column:2}.signup .img-container img{height:100%;object-fit:cover}}.sidebar{display:none}@media (width > 932px){.sidebar{display:flex;flex-direction:column;align-items:start;height:100%;background:linear-gradient(135deg,#fff 5%,#f0f3ff);border-radius:0 .5em 0 0;transition:.3s;position:relative}.sidebar.resize{border-right:3px solid #0073ea;transition:none}.sidebar>*:not(.divider){padding-left:.75em}.sidebar>*{font-family:Figtree}.sidebar .navigation{margin-top:.25em;width:100%;margin-bottom:.25em;display:flex;flex-direction:column;gap:.125em}.sidebar .navigation .nav{display:flex;justify-content:space-between;align-items:center;height:2em;padding-right:.75em}.sidebar .navigation .nav a{cursor:pointer;display:flex;justify-content:start;align-items:center;gap:.5em;width:100%;height:100%;border:1px solid transparent;border-radius:.2857142857em;padding-right:.2857142857em;padding-left:.3571428571em;font-size:.875rem;transition:.1s}.sidebar .navigation .nav a:hover{background-color:#6768791a}.sidebar .navigation .nav a.active{text-decoration:none;background-color:#cce5ff}.sidebar .left-arrow{visibility:hidden;position:absolute;right:0;top:0}.sidebar .left-arrow button{padding:.8em .5333333333em;text-align:start;width:100%;display:flex;justify-content:center;font-size:.9375rem;line-height:1.5;border:none;border-radius:0 .5333333333em;background-color:#f6f7fb;cursor:pointer}.sidebar .left-arrow button svg{outline:none;border:none}.sidebar .left-arrow button:hover{background-color:#6768791a}.sidebar .divider{background-color:#d0d4e4;height:1px;width:100%;margin:8px 0}.sidebar .favorites-container{width:100%;height:2em;padding-right:1em;margin-top:.25em;margin-bottom:.25em;transition:height .3s}.sidebar .favorites-container .star{stroke:#000;stroke-width:1px;fill:none}.sidebar .favorites-container .content{display:flex;justify-content:start;align-items:center;gap:.5em;margin-bottom:.25em;width:100%;height:32px;border:1px solid transparent;border-radius:.2857142857em;font-size:.875rem;line-height:1.4285714286;padding-right:.2857142857em;padding-left:.3571428571em;cursor:pointer}.sidebar .favorites-container .content .arrow{display:flex;justify-content:center;align-items:center;margin:.2857142857em;width:1.2857142857em;height:1.2857142857em}.sidebar .favorites-container .content:hover{background-color:#6768791a}.sidebar .favorites-container .content .tools{display:flex;align-items:center;margin-left:auto;gap:.375em}.sidebar .favorites-container .dots{height:1.5em;width:1.5em;margin-left:auto;visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:.25em}.sidebar .favorites-container .dots button{display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}.sidebar .favorites-container .dots button svg{height:1em;width:1em;font-size:1rem}.sidebar .favorites-container .dots:hover{background-color:#6768791a}.sidebar .favorites-container .favorite-boards{height:0;transition:height .3s;display:flex;flex-direction:column;gap:.125em;width:100%;overflow-y:scroll}.sidebar .favorites-container .favorite-boards::-webkit-scrollbar{display:none}.sidebar .favorites-container .favorite-boards .board{opacity:0;height:0;display:flex;justify-content:start;align-items:center;gap:.5em;width:100%;border:1px solid transparent;border-radius:.2857142857em;padding-right:.2857142857em;padding-left:.3571428571em;font-size:.875rem;transition:height .3s;cursor:pointer}.sidebar .favorites-container .favorite-boards .board p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.sidebar .favorites-container .favorite-boards .board svg{color:#676879}.sidebar .favorites-container .favorite-boards .board:hover{background-color:#6768791a}.sidebar .favorites-container .favorite-boards .board.active{text-decoration:none;background-color:#cce5ff}.sidebar .favorites-container.active{height:calc(100% - 48px);width:100%}.sidebar .favorites-container.active .favorite-boards{height:100%}.sidebar .favorites-container.active .favorite-boards .board{opacity:1;height:32px}.sidebar .favorites-container.active .arrow{rotate:180deg}.sidebar .favorites-container.active .dots{visibility:unset}.sidebar .favorites-container.active svg{stroke:none;fill:#ffcb00}.sidebar.close>*:not(.navigation){visibility:hidden}.sidebar.close a{visibility:hidden}.sidebar.close .left-arrow{visibility:unset;rotate:180deg}.sidebar:hover .navigation{display:flex}.sidebar:hover .nav:nth-child(1) a{width:calc(100% - 1.875em)}.sidebar:hover .left-arrow{visibility:unset}.sidebar .workspaces-display{display:flex;align-items:center;justify-content:space-between;height:2em;margin:.6875em 0;overflow:hidden;border-radius:.25em;width:100%}.sidebar .workspaces-display .workspace-name{display:flex;justify-content:space-between;align-items:center;height:2em;margin:.6875em 0;border-radius:.25em;width:100%;height:100%;cursor:pointer}.sidebar .workspaces-display .workspace-name .on-hover{display:flex;justify-content:space-between;align-items:center;height:2em;margin:.6875em 0;border-radius:.25em;width:100%;height:100%}.sidebar .workspaces-display .workspace-name .on-hover:hover{background-color:#6768791a}.sidebar .workspaces-display .workspace-name .letter{margin-left:.4em;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.875rem;border-radius:.2857142857em;font-weight:600;height:1.4285714286em;min-width:1.4285714286em;background-color:#bb3354}.sidebar .workspaces-display .workspace-name .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:1rem;font-weight:600;margin-left:.0625em;padding-left:.3125em}.sidebar .workspaces-display .workspace-name .arrow{display:flex;justify-content:center;align-items:center;margin-left:.375em;margin-right:.375em}.sidebar .workspaces-display .dots{display:flex;justify-content:end;padding-right:15px;align-items:center;height:100%;width:100%}.sidebar .workspaces-display .dots button{cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1rem;border:none;background-color:transparent;border-radius:.25em;height:32px;width:32px}.sidebar .workspaces-display .dots button:hover{background-color:#6768791a}.sidebar .workspaces-display.hidden .arrow{rotate:180deg}.sidebar .workspaces-display.hidden .dots{display:none}.sidebar .search-workspace{display:flex;align-items:center;width:100%;height:2em;padding-right:1em;padding-left:.875em;margin:.6875em 0}.sidebar .search-workspace .search-bar{display:flex;align-items:center;min-height:2em;height:2em;width:100%;padding:.375em .25em .25em;border:1px solid #c3c6d4;border-radius:.25em}.sidebar .search-workspace .search-bar svg:nth-child(1){min-width:1.1428571429em;height:1.1428571429em;font-size:.875rem;margin:.2857142857em;color:#676879}.sidebar .search-workspace .search-bar .clear{min-width:1.5em;height:1.5em;font-size:1rem;padding:.25em;border-radius:.25em;margin-left:.5em;outline:none;border:none;color:#323338;cursor:pointer}.sidebar .search-workspace .search-bar .clear:hover{background-color:#6768791a}.sidebar .search-workspace .search-bar .filter{min-width:1.5em;height:1.5em;font-size:1rem;padding:.25em;display:none;border-radius:.25em;margin-left:.5em;color:#323338;cursor:pointer}.sidebar .search-workspace .search-bar .filter:hover{background-color:#6768791a}.sidebar .search-workspace .search-bar input{outline:none;width:100%;height:100%;font-size:.875rem;border:none;font-family:Figtree;background-color:transparent;color:#676879;cursor:pointer}.sidebar .search-workspace .search-bar input:focus+.filter{display:inherit}.sidebar .search-workspace .search-bar input:active+.filter{display:inherit}.sidebar .search-workspace .search-bar input:focus+.search-bar{border-color:#0060b9}.sidebar .search-workspace .search-bar:hover{border-color:#000}.sidebar .search-workspace .search-bar:hover .filter{display:inherit}.sidebar .search-workspace .plus{display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer;margin-left:.625em;background-color:transparent;border:none;min-height:32px;background-color:#0073ea;border-radius:.25em;transition:scale .3s}.sidebar .search-workspace .plus svg{color:#fff;height:1.25em;width:1.25em}.sidebar .search-workspace .plus:hover{background-color:#0060b9}.sidebar .search-workspace .plus:active{scale:.95}.sidebar .search-workspace.hidden{display:none}.sidebar .boards{width:100%;padding-right:1em;overflow-x:hidden;overflow-y:scroll}.sidebar .boards::-webkit-scrollbar{display:none}.sidebar .boards .dots{height:1.5em;width:1.5em;margin-left:auto;visibility:hidden;display:flex;justify-content:center;align-items:center;border-radius:.25em;transition:opacity .3s ease-in-out}.sidebar .boards .dots.active{visibility:visible;background-color:#cbe5fe}.sidebar .boards .dots button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.sidebar .boards .dots button svg{height:1em;width:1em;font-size:1rem}.sidebar .boards .dots:hover{background-color:#6768791a}.sidebar .boards .board{display:flex;justify-content:start;align-items:center;gap:.4375em;width:100%;height:32px;padding-right:.5714285714em;padding-left:.5714285714em;border:1px solid transparent;border-radius:.2857142857em;cursor:pointer}.sidebar .boards .board:hover{background-color:#6768791a}.sidebar .boards .board:hover .dots{visibility:unset}.sidebar .boards .board.active{background-color:#cce5ff}.sidebar .boards .board p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.sidebar .boards .board svg{color:#676879}.sidebar .boards.hidden{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:flex-start;z-index:1000;pointer-events:auto}.modal-content{position:absolute;background:#fff;border:1px solid #d3d4dd;z-index:1001;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003;pointer-events:auto;width:260px}.modal-content button{font-family:Figtree;background:none;border:none;border-radius:4px;padding:4px 8px;font-size:14px;text-align:start;cursor:pointer;line-height:24px;color:#323338;font-weight:400;letter-spacing:0px;text-decoration:none;display:flex;align-items:center;width:100%}.modal-content button img,.modal-content button svg{margin-right:9px}.modal-content button:hover{background-color:#f0f0f0}.board-wrapper input{width:140px;background-color:transparent;outline:transparent;border:none}.board-index{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;font-size:16px;font-family:Figtree,sans-serif;vertical-align:baseline;line-height:1.5;color:#323338;width:100%}.board-index .second-header{justify-content:space-between;align-items:center;height:63px;box-shadow:0 3px 12px #e6e9ef}@media (width > 1500px){.board-index .second-header{padding:0 80px}}.board-index .second-header .header-container{display:flex;align-content:center;gap:12px;padding-left:14px;height:100%}.board-index .second-header .header-container .titles-container{display:inline-flex;justify-content:center;text-wrap:wrap;padding-right:10px;line-height:22px;letter-spacing:0}.board-index .second-header .header-container .titles-container .welcome-message{padding-top:20px;font-weight:400;font-size:14px}.board-index .second-header .header-container .header-title{padding-bottom:16px;font-weight:500}.board-index .second-header .header-img{overflow:hidden}.board-index .second-header .header-img img{object-fit:cover}.board-index .second-header .buttons-container{display:flex}.board-index .second-header .buttons-container .buttons{display:flex;align-content:center;justify-content:center}.boards-body{font-size:15px;width:100%;background-color:#fff}.boards-body header{position:sticky;top:0;z-index:2;background:#fff;padding-top:24px}@media (width > 1500px){.boards-body{padding:0 80px}}.boards-body .main-panel-container{margin:16px 16px 30px;padding:0 24px 50px;border-radius:8px;box-shadow:0 3px 12px #e6e9ef;width:100%;height:600px;overflow-y:auto}.boards-body .main-panel-container .category-container{display:flex;flex-direction:column;height:100%;width:100%}.boards-body .main-panel-container .category-content{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;width:100%;padding-bottom:70px;margin-bottom:20px;height:max-content}.boards-body .main-panel-container .category-content>:hover{background-color:transparent;box-shadow:0 6px 20px #0003;border-color:transparent}.boards-body .main-panel-container .category-header{display:flex}.boards-body .main-panel-container .category-header .arrow{cursor:pointer}.boards-body .main-panel-container .category-header .arrow button{all:unset}.star-icon{display:flex;justify-content:center;align-items:center}@media (width > 932px){.boards-body{font-size:15px;width:100%;height:100%}}@media (width > 932px) and (width > 1500px){.boards-body{padding:0 80px}}@media (width > 932px){.boards-body .main-panel-container{margin:16px;padding:0 24px 24px;border-radius:8px;box-shadow:0 3px 12px #e6e9ef;width:calc(100% - 324px);overflow-y:hidden;height:calc(100% - 100px)}.boards-body .main-panel-container .category-container{display:flex;flex-direction:row;overflow-y:auto;margin:24px 0;padding:24px 0}.boards-body .main-panel-container .category-content{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;padding:16px 16px 24px;width:100%}.boards-body .main-panel-container .category-content>:hover{background-color:transparent;box-shadow:0 6px 20px #0003;border-color:transparent}.boards-body .main-panel-container .category-header{display:flex}.boards-body .main-panel-container .category-header .arrow{cursor:pointer}.boards-body .main-panel-container .category-header .arrow button{all:unset}}.right-panel{display:none}@media (width > 932px){.right-panel{display:block;padding-right:20px;width:300px}.right-panel .top-widget{display:flex;flex-direction:column;border-radius:8px;box-shadow:0 3px 12px #e6e9ef;width:100%;margin-top:16px;padding:12px;font-size:16px}.right-panel .top-widget img{margin-bottom:16px}.right-panel .top-widget .banner-section-text{margin-bottom:12px}.right-panel .top-widget .explore-button{text-align:center;border:1px solid;border-color:#c3c6d4;border-radius:4px;padding:2px}.right-panel .bottom-widget .section-title{margin-top:24px;font-weight:500;font-size:16px}.right-panel .bottom-widget .widget{padding:16px;align-items:center;border-radius:8px;border-color:#323338;box-shadow:0 3px 12px #e6e9ef;margin-top:16px;width:100%}.right-panel .bottom-widget .widget .content{margin-left:15px;font-size:14px}.right-panel .bottom-widget .widget .content .title{font-weight:700}.right-panel .bottom-widget .widget .card-image{height:48px;width:48px;border-radius:8px}}.board-list{padding:8px;border-bottom:1px solid;border-color:#d0d4e4;border-radius:4px;height:max-content}@media (width > 632px){.board-list{border:1px solid;border-color:#d0d4e4}}.board-preview .project-card{flex-direction:row}.board-preview .project-card .img-card{display:flex;margin-bottom:8px;background-color:#6c6cff;justify-content:center;min-width:50px;min-height:50px;max-width:50px;max-height:50px;object-fit:cover;border-radius:30%;overflow:hidden}.board-preview .project-card .name-card{font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between;width:100%}.board-preview .project-card .name-card .title-card{display:flex;align-content:center;overflow:hidden}.board-preview .project-card .name-card .title-card svg{display:none}.board-preview .project-card .name-card .title-card span:nth-child(2){padding:0 9px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.board-preview .project-card .name-card .star-icon{width:32px;height:32px}.board-preview .project-card .path-card{display:flex;align-items:center}@media (width > 932px){.board-preview .project-card{flex-direction:column}.board-preview .project-card .img-card{display:flex;margin-bottom:8px;background-color:#6c6cff;border-radius:4px;justify-content:center;min-width:100%;min-height:100%;max-width:100%;max-height:100%;object-fit:cover;overflow:hidden}.board-preview .project-card .name-card{font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:space-between}.board-preview .project-card .name-card .title-card{display:flex;align-content:center}.board-preview .project-card .name-card .title-card svg{display:block}.board-preview .project-card .name-card .title-card span:nth-child(2){padding:0 9px}.board-preview .project-card .name-card .star-icon{width:32px;height:32px}.board-preview .project-card .path-card{display:flex;align-items:center}}.board-details-header{padding:1.125em 1.875em .625em 2.375em;position:sticky;left:0;top:0;background-color:#fff;column-gap:16px;display:grid;grid-template-areas:"name name users-data" "views views views" "filter filter filter";grid-template-columns:fit-content(800px) 1fr;grid-template-rows:auto;width:100%;z-index:12}.board-details-header .board-name{display:flex;align-items:center;gap:.4375em;grid-area:name;height:2em;max-width:max-content;padding:.0625em .25em;border-radius:.25em;overflow:hidden;cursor:pointer}.board-details-header .board-name h2{font-size:1.5rem;line-height:1.25;font-family:Poppins;font-weight:500;color:#323338;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-details-header .board-name svg{height:1.5em;width:1.5em;color:#676879}.board-details-header .board-name:hover{background-color:#6768791a}.board-details-header .board-name:active{background-color:#cce5ff}.board-details-header .board-users-data{grid-area:users-data;justify-self:end;height:2em;display:flex;align-items:center;gap:.5em;width:100%}.board-details-header .board-users-data .decision{display:flex;justify-content:center;align-items:center;border-radius:.25em}.board-details-header .board-users-data .decision button{display:flex;justify-content:center;align-items:center;font-size:1rem;padding:0;height:2em;min-width:2em;background-color:transparent;border:none;cursor:pointer}.board-details-header .board-users-data .decision button svg{height:1.25em;min-width:1.25em;color:#676879}.board-details-header .board-users-data .decision:hover{background-color:#6768791a}.board-details-header .board-users-data .decision:active{background-color:#cce5ff}.board-details-header .board-users-data .active-users{display:flex;align-items:center;justify-content:center;border-radius:.25em;height:2em;width:max-content}.board-details-header .board-users-data .active-users button{font-size:1rem;padding:.25em 1em .25em .5em;display:flex;align-items:center;justify-content:start;border:none;width:100%;height:100%;background-color:transparent;cursor:pointer;position:relative}.board-details-header .board-users-data .active-users .member-img{display:flex;align-items:center;justify-content:center;min-width:1.75em;max-width:1.75em;min-height:1.75em;max-height:1.75em;border-radius:50%;border:1px solid white;object-fit:cover;background-color:pink;margin:0 -4px}.board-details-header .board-users-data .active-users .plus-member{display:flex;align-items:center;justify-content:center;position:relative;z-index:3;font-size:.875rem;padding:0 .0714285714em;line-height:1.7142857143;min-width:2.4285714286em;height:2em;font-family:Figtree;border:1px solid white;border-radius:1em;background-color:#dcdfec;margin:0 -4px;color:#323338}.board-details-header .board-users-data .active-users:hover{background-color:#6768791a}.board-details-header .board-users-data .invite{height:2em}.board-details-header .board-users-data .invite .invite-button{font-size:.875rem;line-height:1.5714285714;font-family:Figtree;border-radius:.2857142857em;color:#323338;padding:.2857142857em .5714285714em;height:100%;background-color:transparent;cursor:pointer;border:1px solid #c3c6d4}.board-details-header .board-users-data .invite .invite-button:hover{background-color:#6768791a}.board-details-header .board-users-data .dots{display:flex;justify-content:center;align-items:center;border-radius:.25em}.board-details-header .board-users-data .dots button{display:flex;justify-content:center;align-items:center;font-size:1rem;padding:0;height:2em;min-width:2em;background-color:transparent;border:none;cursor:pointer}.board-details-header .board-users-data .dots button svg{height:1.5em;min-width:1.5em;color:#676879;outline:none}.board-details-header .board-users-data .dots:hover{background-color:#6768791a}.board-details-header .views{position:relative;grid-area:views;font-size:.875rem;display:flex;align-items:end;height:3em;width:100%;border-bottom:2px solid rgba(103,104,121,.1)}.board-details-header .views .view{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;width:max-content;padding:.2857142857em 1.4285714286em;height:2.2857142857em;gap:.2857142857em;border-radius:.25em;margin-bottom:1px;color:#323338;font-family:Figtree;transition:.2s;cursor:pointer}.board-details-header .views .view.active .active-line{opacity:1}.board-details-header .views .view svg{height:1.1428571429em;width:1.1428571429em;outline:none}.board-details-header .views .view .active-line{background-color:#0073ea;width:100%;height:2px;position:absolute;bottom:0;left:0;opacity:0;transition:.3s}.board-details-header .views .view .dots button{color:#323338;display:flex;align-items:center;font-size:.75rem;height:1.6666666667em;padding:.25em;border-radius:.3333333333em;border:none;background-color:transparent;width:0;cursor:pointer;transition:.2s}.board-details-header .views .view .dots button svg{text-align:center}.board-details-header .views .view .dots button:hover{background-color:#cce5ff}.board-details-header .views .view:hover{background-color:#6768791a}.board-details-header .views .view:hover .dots button{pointer-events:all;width:1.6666666667em}.board-details-header .views .add-view{display:flex;justify-content:center;align-items:center;height:2.2857142857em;width:2.2857142857em}.board-details-header .views .add-view span{color:#323338}.board-details-header .views .add-view span i{font-size:.625rem}.board-details-header .board-details-filter{grid-area:filter}.board-details-filter{display:flex;align-items:center;height:4em;width:100%;gap:.875em}.board-details-filter .new-item{display:flex;justify-content:center;align-items:center;height:2em}.board-details-filter .new-item button{border:none;background-color:#0073ea;color:#fff;height:100%;font-family:Figtree;cursor:pointer;transition:.3s}.board-details-filter .new-item button:active{scale:.9}.board-details-filter .new-item button:hover{background-color:#0060b9}.board-details-filter .new-item .new-item-btn{font-size:.875rem;border-radius:.2857142857em;border-right:1px solid #0060b9;padding:.2857142857em .5714285714em;font-weight:300}.board-details-filter .new-item .more-btn{display:flex;align-items:center;justify-content:center;font-size:.875rem;border-radius:0 .2857142857em .2857142857em 0;width:2em}.board-details-filter .filters{display:flex;height:2em;align-items:center;gap:.5em}.board-details-filter input{width:58px;transition:.3s;background-color:transparent;border:none;height:100%;border-radius:4px;outline:none;cursor:pointer}.board-details-filter input::placeholder{color:#323338}.board-details-filter .filter{position:relative;display:flex;justify-content:center;align-items:center;font-family:Figtree;font-size:.875rem;color:#323338;height:100%;border-radius:.2857142857em;background-color:transparent;cursor:pointer}.board-details-filter .filter>div{display:flex;align-items:center}.board-details-filter .filter span{padding-right:.8571428571em}.board-details-filter .filter svg{color:#676879;height:1.4285714286em;width:2.2857142857em}.board-details-filter .filter:hover{background-color:#6768791a}.board-details-filter .filter.active{background:#cce5ff}.board-details-filter .name{height:32px}.board-details-filter .name.open{border:1px #0060b9 solid}.board-details-filter .name.open input{cursor:text;padding:1px 0 1px 5px;width:143px;height:100%}.board-details-filter .name.open input::placeholder{color:#676879}.board-details-filter .name.open:hover{background-color:transparent}.board-details-filter .sort{cursor:default}@media screen and (max-width: 632px){.board-details-filter .new-item .new-item-btn{padding:0 .6666666667em}}.group-list{padding-left:2.5rem;height:100%;width:100%;display:flex;flex-direction:column}.group-list .btn-container{height:200px;display:flex;align-items:center;width:auto}.group-list .add-group-btn{font-family:Figtree;font-size:14px;color:#000000a9;background-color:transparent;border:1px rgba(128,128,128,.563) solid;border-radius:5px;width:auto;height:30px;gap:10px;padding:5px;cursor:pointer;margin-bottom:100px;position:sticky;left:40px}.group-list .add-group-btn i{font-size:18px;font-weight:100;padding-left:5px}.group-list .not-found{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:100%;height:100%}.group-list .not-found img{width:215px}@media screen and (max-width: 632px){.group-list{padding-left:0}}.group-preview{display:grid;grid-template-columns:36px 355px min-content 1fr;width:100%;height:100%}.group-preview header{display:grid;grid-template-columns:subgrid;grid-column:1/-1;position:relative;font-family:Figtree;height:100%;position:sticky;top:166px;left:40px;bottom:-100px;background-color:#fff;z-index:5}.group-preview header.collapsed{display:none}.group-preview header:after{content:"";position:absolute;right:100%;bottom:36px;width:40px;height:41px;z-index:3;background-color:#fff}.group-preview .group-name{height:2.5625em;position:sticky;left:40px;display:flex;align-items:center;width:100%;text-wrap:nowrap}.group-preview .group-name h2{font-size:1.125rem}.group-preview .group-name .dots-button{position:sticky;width:30px;height:30px;background:none;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;border-radius:5px;z-index:8;display:none}.group-preview .group-name:hover .dots-button{opacity:1;background-color:#f0f0f0;z-index:1000}.group-preview .group-name p{font-size:.75rem;margin-left:1.1666666667em;margin-right:1em}.group-preview .group-name .group-title{font-family:Poppins;border:none;font-size:1.125rem;font-weight:500;width:max-content;max-width:500px;padding:0 .2777777778em;cursor:text}.group-preview .group-name .group-title:hover{border:1px solid;border-radius:4px}.group-preview .group-name .tasks-count{opacity:0;font-family:Figtree;font-size:.875rem;color:#676879;margin-left:10px;transition:.3s}.group-preview .group-name:hover .tasks-count{opacity:1}.group-preview .group-name:hover .delete-group-btn{opacity:1;width:20px}.group-preview .group-name .option-group-modal-overlay{position:sticky;display:flex;justify-content:center;align-items:flex-start;z-index:1000;pointer-events:auto;top:0}.group-preview .group-name .option-group-modal-overlay .option-group-modal-content{position:absolute;top:-5px;left:25px;background:#fff;border:1px solid #d3d4dd;z-index:1001;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003;pointer-events:auto;display:flex;flex-direction:column;width:238px;height:fit-content}.group-preview .group-name .option-group-modal-overlay .option-group-modal-content button{width:100%;font-family:Figtree;background:none;border:none;border-radius:4px;padding:4px 8px;font-size:14px;text-align:start;cursor:pointer;line-height:24px;color:#323338;font-weight:400;letter-spacing:0px;text-decoration:none;display:flex;align-items:center}.group-preview .group-name .option-group-modal-overlay .option-group-modal-content button img{padding-right:9px;opacity:.6}.group-preview .group-name .option-group-modal-overlay .option-group-modal-content button:hover{background-color:#f0f0f0}.group-preview .group-header{font-size:.875rem;color:#323338;grid-column:1/-1;display:grid;grid-template-columns:subgrid;background:#fff;border-bottom:1px solid #d3d4dd;border-top:1px solid #d3d4dd;height:36px}.group-preview .group-header.collapsed{font-size:16px;border-bottom:0;height:22px}.group-preview .group-header.collapsed h4{font-family:Poppins}.group-preview .group-header .col-group-title{grid-column:1/3;border:1px solid #d3d4dd;border-top:none;height:59px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;background-color:#fff}.group-preview .group-header .col-group-title:before{content:"";position:absolute;right:100%;top:-1px;width:5px;border-top-left-radius:4px;z-index:3;background-color:var(--before-color);height:60px;border-bottom-left-radius:5px}.group-preview .group-header .col-group-title p{margin:10px 0 0 10px;width:23px;font-size:14px}.group-preview .group-header .col-group-title h4{margin-top:5px;font-weight:500;font-size:18px}.group-preview .group-header .col-group-title .tasks-count{font-family:figtree;grid-column:2;font-size:14px}.group-preview .group-header .check-label{width:100%;height:calc(100% - 2px);display:flex;justify-content:center;align-items:center;position:sticky;left:40px;z-index:1;background:#fff}.group-preview .group-header .check-label input[type=checkbox]{min-width:16px;height:16px;cursor:pointer}.group-preview .group-header .check-label:after{content:"";position:absolute;right:100%;top:-1px;width:40px;height:36px;z-index:2;background-color:#fff}.group-preview .group-header .check-label:before{content:"";position:absolute;right:100%;top:-1px;width:5px;height:calc(100% + 2px);border-top-left-radius:4px;z-index:3;background-color:var(--before-color)}.group-preview .group-header .task-title{font-family:Figtree;background:#fff;border-right:1px solid #d3d4dd;border-left:1px solid #d3d4dd;width:100%;height:calc(100% - 2px);display:flex;justify-content:center;align-items:center;position:sticky;left:76px;z-index:1}.group-preview .group-header .labels{display:grid;grid-template-columns:repeat(var(--labels),220px);height:36px;font-family:Figtree}.group-preview .group-header .labels .label{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid #d3d4dd;font-family:Figtree}.group-preview .group-header .labels .label.collapsed{height:58%;font-size:14px}.group-preview .group-header .labels .label .dots-container{position:absolute;top:50%;translate:0 -50%;right:6px;z-index:100;width:24px;height:24px}.group-preview .group-header .labels .label .dots{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;translate:0 -50%;right:6px;width:24px;height:24px;visibility:hidden;border-radius:4px;border:none;padding:0;background-color:transparent;cursor:pointer}.group-preview .group-header .labels .label .dots:hover{background-color:#6768791a}.group-preview .group-header .labels .label svg{color:#676879;width:20px}.group-preview .group-header .labels .label:hover{background-color:#6768791a}.group-preview .group-header .labels .label:hover .dots{visibility:unset}.group-preview .group-header .labels .label:has(.dots.opened-modal){background-color:#6768791a}.group-preview .group-header .labels .label:has(.dots.opened-modal) .dots.opened-modal{visibility:unset;background-color:#cce5ff}.group-preview .group-header .labels .label.drag .add-label-container{display:none}.group-preview .group-header .add-label-container{position:relative;display:flex;align-items:center;width:100%;z-index:6}.group-preview .group-header .add-label{position:relative;display:flex;align-items:center;justify-content:center;margin-left:.625em;height:1.375em;width:1.375em;border:none;border-radius:.25em;padding:0;cursor:pointer}.group-preview .group-header .add-label:hover{background-color:#6768791a}.group-preview .group-header .add-label svg{color:#323338;height:1.125em;width:1.125em;transition:.3s}.group-preview .group-header .add-label svg.opened-modal{color:#0073ea;rotate:45deg}.group-preview .group-footer{display:grid;grid-template-columns:subgrid;grid-column:1/-1;width:100%;position:relative}.group-preview .group-footer .add-task{display:grid;grid-template-columns:subgrid;grid-column:1/-1;height:36px;border-bottom:1px solid #d3d4dd}.group-preview .group-footer .add-task .check-label{position:sticky;left:40px;width:100%;height:calc(100% - 2px);display:flex;justify-content:center;align-items:center;z-index:1;background:#fff}.group-preview .group-footer .add-task .check-label input[type=checkbox]{min-width:16px;height:16px;cursor:pointer}.group-preview .group-footer .add-task .check-label:after{content:"";position:absolute;right:100%;bottom:-2px;width:40px;height:35px;z-index:2;background-color:#fff}.group-preview .group-footer .add-task .check-label:before{content:"";position:absolute;right:100%;bottom:-2px;width:5px;height:calc(100% + 2px);border-bottom-left-radius:4px;z-index:3;background-color:var(--before-color);opacity:.6}.group-preview .group-footer .add-task form{position:sticky;left:76px;z-index:2;width:calc(100% - 20px);border-left:1px solid #d3d4dd}.group-preview .group-footer .add-task .add-task-input{color:#323338;align-items:center;height:24px;margin:6px 10px;padding:3px 0 3px 16px;width:100%;border-radius:4px;border:1px solid transparent;outline:none}.group-preview .group-footer .add-task .add-task-input:hover{border:1px solid blue}.group-preview .group-footer .add-task .add-task-input:focus{border:1px solid blue}.group-preview .group-footer .stats-labels{display:grid;grid-template-columns:subgrid;grid-column:1/-1;width:100%;height:36px;z-index:2}.group-preview .group-footer .stats-labels.collapsed{border-bottom:1px solid #d3d4dd;height:38px}.group-preview .group-footer .stats-labels .empty{grid-column:1;position:sticky;left:40px;background-color:#fff;height:100%;z-index:3}.group-preview .group-footer .stats-labels .empty.collapsed{border-bottom:1px solid #d3d4dd;border-left:1px solid #d3d4dd;display:none}.group-preview .group-footer .stats-labels .empty.collapsed:after{content:"";position:absolute;right:102%;top:5px;width:40px;height:40px;z-index:2;background-color:#fff}.group-preview .group-footer .stats-labels .empty:after{content:"";position:absolute;right:100%;top:5px;width:40px;height:40px;z-index:2;background-color:#fff}.group-preview .group-footer .stats-labels .empty2{grid-column:2;position:relative;position:sticky;left:76px;background-color:#fff;z-index:3;height:100%}.group-preview .group-footer .stats-labels .empty2.collapsed{display:none}.group-preview .group-footer .stats-labels .empty2:after{content:"";position:absolute;display:block;right:-19px;width:20px;height:36px;border-left:1px solid #d3d4dd;border-bottom:1px solid #d3d4dd;border-bottom-left-radius:4px}.group-preview .group-footer .stats-labels .content{display:grid;grid-template-columns:repeat(var(--labels),220px);grid-auto-columns:200px;position:relative;grid-column:3/-1;border:1px solid #d3d4dd;border-top:none;border-right:none;border-left:none;height:100%;width:100%}.group-preview .group-footer .stats-labels .content.collapsed{width:0}.group-preview .group-footer .stats-labels .content>*{display:flex;justify-content:center;padding:6px;border-right:1px solid #d3d4dd}.group-preview .group-footer .stats-labels .content .status-stats{display:flex;width:100%;height:100%;background-color:#fff}.group-preview .group-footer .stats-labels .content .status-stats>*{width:100%;height:100%;transition:.3s}.group-preview .group-footer .stats-labels .content .status-stats>*:hover{scale:1.1 1.1}.group-preview .group-footer .stats-labels .content .priority-stats{display:flex;width:100%;height:100%;margin-right:1px;background-color:#fff}.group-preview .group-footer .stats-labels .content .priority-stats>*{width:100%;height:100%;transition:.3s}.group-preview .group-footer .stats-labels .content .priority-stats>*:hover{scale:1.1 1.1}.group-preview .group-footer .stats-labels .content .member-stats,.group-preview .group-footer .stats-labels .content .file-stats,.group-preview .group-footer .stats-labels .content .date-stats{background-color:#fff}.group-preview .group-footer .stats-labels .content .date-stats .date-progress-bar{position:relative;width:90%;background-color:#323232;border-radius:25px;height:100%;margin-bottom:5px;display:flex;align-items:center;justify-content:center;padding:0 8px}.group-preview .group-footer .stats-labels .content .date-stats .date-fill{position:absolute;top:0;left:0;height:100%;background-color:#579bfc;border-radius:25px;transition:width .3s ease;height:"100%"}.group-preview .group-footer .stats-labels .content .date-stats .date-range{color:#fff;font-family:Figtree;position:relative;z-index:1;font-size:12px}.group-preview .group-footer .empty-bottom{height:40px}@media (width > 932px){.group-preview{grid-template-columns:36px 355px min-content 1fr}.group-preview .labels{display:grid;grid-template-columns:repeat(var(--labels),220px);height:36px}.group-preview .content{display:grid;grid-template-columns:repeat(var(--labels),220px);grid-auto-columns:200px;position:relative;grid-column:3/-1;border:1px solid #d3d4dd;border-top:none;border-right:none;border-left:none;height:100%;width:100%}}@media screen and (max-width: 632px){.group-preview{grid-template-columns:36px 140px min-content 1fr}.group-preview .group-name{left:24px}.group-preview .group-header .check-label{left:25px}.group-preview .group-header .task-title,.group-preview .group-footer .stats-labels .empty2{left:61px}.group-preview .group-footer .add-task .check-label{left:25px}.group-preview .group-footer .add-task form{left:61px}}.task-list{min-width:100%;font-family:Figtree,sans-serif;font-size:14px;border-radius:.2857142857em;background-color:#fff;display:grid;grid-template-columns:subgrid;grid-column:1/-1}.task-list.close{height:0}.task-list .group-body{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.task-list .group-body.drag-over{background-color:rgba(var(--background),.3)}.task-list .task-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;position:relative;border-bottom:1px solid #d3d4dd;background:#fff;width:100%;-height:36px;color:#323338;transition:1s}.task-list .task-row:hover .dots-button{opacity:1}.task-list .task-row.drag{background:transparent;border:none;animation:shake 5s infinite}.task-list .task-row.drag .task-title{width:355px;background-color:#e7fcff;opacity:.9;border:2px black}.task-list .task-row.drag .task-title .chat,.task-list .task-row.drag .check-label,.task-list .task-row.drag .labels{display:none}.task-list .task-row .labels{display:grid;grid-template-columns:repeat(var(--labels),220px);height:36px}.task-list .task-row .labels .label{position:relative;height:2.5714285714em;height:100%;border-right:1px solid #d3d4dd;display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%}.task-list .task-row .labels .label:after{position:absolute;content:"";right:0;top:0;transition:.5s;border-bottom:0 solid white;border-right:0 solid white}.task-list .task-row .labels .label .animation{position:absolute;z-index:1}.task-list .task-row .labels .label.file,.task-list .task-row .labels .label.date{color:#323338}.task-list .task-row .labels .label.members img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #f5f6f8;margin:0 -4px}.task-list .task-row .check-label{position:sticky;width:100%;height:100%;display:flex;justify-content:center;align-items:center;left:40px;z-index:1;background:#fff}.task-list .task-row .check-label input[type=checkbox]{min-width:16px;height:16px;cursor:pointer}.task-list .task-row .check-label:before{content:"";position:absolute;right:100%;width:5px;height:calc(100% + 2px);z-index:3;background-color:var(--before-color)}.task-list .task-row .check-label:after{content:"";position:absolute;right:100%;top:-1px;width:40px;height:40px;z-index:2;background-color:#fff}.task-list .task-row .dots-button{position:absolute;width:30px;height:30px;left:-35px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;border-radius:5px;z-index:5}.task-list .task-row .dots-button.active{opacity:1;background-color:#cbe5fe}.task-list .task-row .dots-button .check-label{border-right:1px solid #d3d4dd;width:100%;height:calc(100% - 2px);display:flex;justify-content:center;align-items:center;position:sticky;left:40px;z-index:1;background:#fff}.task-list .task-row .dots-button .check-label input[type=checkbox]{min-width:16px;height:16px;cursor:pointer}.task-list .task-row .dots-button .check-label:after{content:"";position:absolute;right:100%;top:-1px;width:40px;height:36px;z-index:2;background-color:#fff}.task-list .task-row .dots-button .check-label:before{content:"";position:absolute;right:100%;top:-1px;width:5px;height:calc(100% + 2px);border-top-left-radius:4px;z-index:3;background-color:var(--before-color)}.task-list .task-row .task-title{padding-left:33px;position:sticky;left:76px;z-index:1;background-color:#fff;display:flex;align-items:center;height:100%;border-right:1px solid #d3d4dd;border-left:1px solid #d3d4dd;overflow:hidden;width:100%}.task-list .task-row .task-title.header{justify-content:center;padding-left:0;margin-left:0}.task-list .task-row .task-title .task-title-txt{display:flex;justify-content:space-between;align-items:center;border-right:1px solid #d3d4dd;height:100%;width:100%;overflow:hidden}.task-list .task-row .task-title .task-title-txt form{width:100%}.task-list .task-row .task-title .task-title-txt .task-title-input{width:100%;color:#323338;font-family:Figtree;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;border:1px solid transparent;padding:3px 2px;cursor:pointer;outline:none;border-radius:4px}.task-list .task-row .task-title .task-title-txt .task-title-input:hover{border:1px solid #d3d4dd;color:#323338}.task-list .task-row .task-title .task-title-txt .task-title-input:focus{border:1px solid blue;color:#323338}.task-list .task-row .task-title .task-title-txt .handle{width:20%;height:100%}.task-list .task-row .task-title svg{color:#676879;height:22px;width:22px;transition:.3s}.task-list .task-row .task-title .chat{position:relative;height:100%;padding:0 16px;display:flex;justify-content:center;align-items:center;min-width:65px;border-left:1px solid #d3d4dd;cursor:pointer}.task-list .task-row .task-title .chat svg:hover{color:#0073ea}.task-list .task-row .task-title .chat.unseen svg{color:#0073ea}.task-list .task-row .task-title .chat .message-count{width:11px;height:11px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;color:#fff;background-color:#0073ea;font-size:.5rem;right:20px}.task-list .task-row .delete-group-btn{cursor:pointer;opacity:0;position:absolute;left:-70px;transition:.5s;background-color:transparent;border:none}@keyframes shake{0%{rotate:0}20%{rotate:-2deg}50%{rotate:2deg}70%{rotate:-2deg}to{rotate:0}}.task-list .option-group-modal-overlay{position:relative;display:flex;justify-content:center;align-items:flex-start;z-index:1;pointer-events:auto;top:0}.task-list .option-group-modal-overlay .option-group-modal-content{position:absolute;left:0;bottom:65px;background:#fff;border:1px solid #d3d4dd;z-index:1001;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003;pointer-events:auto;display:flex;flex-direction:column;width:238px}.task-list .option-group-modal-overlay .option-group-modal-content button{width:100%;font-family:Figtree;background:none;border:none;border-radius:4px;padding:4px 8px;font-size:14px;text-align:start;cursor:pointer;line-height:24px;color:#323338;font-weight:400;letter-spacing:0px;text-decoration:none;display:flex;align-items:center}.task-list .option-group-modal-overlay .option-group-modal-content button img{padding-right:9px;opacity:.6}.task-list .option-group-modal-overlay .option-group-modal-content button:hover{background-color:#f0f0f0}@media (width > 932px){.task-list .labels{display:grid;grid-template-columns:repeat(var(--labels),220px);height:36px}}@media screen and (max-width: 632px){.task-list .task-row .dots-button{opacity:1;left:-5px}.task-list .task-row .check-label{left:25px}.task-list .task-row .task-title{padding-left:10px;left:61px}}.label .c1{width:8px;height:15px;right:60px;bottom:-16px;background-color:red;border-radius:4px;rotate:22deg;animation:doneC1 1.5s}.label .c2{left:60px;width:8px;height:15px;rotate:-22deg;bottom:-16px;background-color:#00d5ff;border-radius:4px;animation:doneC2 1.5s}.label .c3{width:8px;height:15px;left:60px;bottom:-16px;border-radius:4px;rotate:-45deg;background:#ffd000;animation:doneC3 1.5s}.label .c4{bottom:-16px;width:8px;height:15px;right:60px;rotate:45deg;border-radius:4px;background:#e400a0;animation:doneC4 1.5s}.label .c5{width:15px;height:15px;border:5px solid rgb(255,0,93);border-radius:50%;bottom:-16px;left:60px}.label .c6{bottom:-16px;width:15px;height:15px;border:5px solid rgb(0,255,149);border-radius:50%;right:60px}.label .c7{opacity:0;width:15px;height:15px;border:5px solid rgb(255,255,255);border-radius:50%;left:30px}.label .c8{opacity:0;width:15px;height:15px;border:5px solid rgb(0,0,0);border-radius:50%;left:30px}.label .c9{opacity:0;width:15px;height:15px;border:5px solid rgb(255,0,153);border-radius:50%;left:30px}.label .c10{opacity:0;width:15px;height:15px;border:5px solid rgb(255,140,0);border-radius:50%;left:30px}@keyframes doneC1{25%{bottom:15px}50%{bottom:17px;rotate:360deg}70%{bottom:15px}to{bottom:-16px;rotate:400deg}}@keyframes doneC2{25%{bottom:15px}50%{bottom:17px;rotate:-360deg}70%{bottom:15px}to{bottom:-16px;rotate:-400deg}}@keyframes doneC3{25%{bottom:15px;left:20px;background-color:transparent;border:3px solid rgb(255,208,0);border-radius:50%}50%{bottom:17px;rotate:-360deg;width:30px;height:30px}70%{bottom:15px}to{bottom:-30px;rotate:-400deg;left:20px;width:30px;height:30px;border-radius:50%}}@keyframes doneC4{25%{bottom:15px;right:20px;background-color:transparent;border:3px solid rgb(228,0,160);border-radius:50%}50%{bottom:17px;rotate:360deg;width:30px;height:30px}70%{bottom:15px}to{bottom:-30px;rotate:400deg;right:20px;width:30px;height:30px;border-radius:50%}}.add-board-modal{position:absolute;top:50%;left:50%;translate:-50% -50%;z-index:15;border-radius:.5em;padding:2em;background-color:#fff;box-shadow:#000000b3 0 25px 50px -15px;color:#323338}.add-board-modal>*{font-family:Figtree}.add-board-modal .close-x{position:absolute;top:16px;right:16px;background-color:transparent;border:none;border-radius:.25em;height:2em;width:1.75em;padding:.25em .5em;cursor:pointer}.add-board-modal .close-x:hover{background-color:#6768791a}.add-board-modal .close-x i{font-size:.875rem}.add-board-modal h2{font-size:2rem;line-height:1.5;margin-bottom:.5em;width:7.8125em;font-weight:400}.add-board-modal .form-line{display:flex;flex-direction:column;justify-content:space-between;align-items:start;height:4.4375em;gap:.5em;margin-bottom:1em}.add-board-modal .form-line label{font-weight:400;font-size:.9375rem;line-height:1.5}.add-board-modal .form-line input{font-size:1rem;padding:.5em 1em;height:2.625em;border-radius:.25em;line-height:1.40625;border:1px solid #c3c6d4;width:100%;font-family:Figtree;color:#323338}.add-board-modal .button-container{display:flex;align-self:center;justify-content:end;height:2.5em}.add-board-modal .button-container button{padding:.5em 1em;border-radius:.25em;border:none;cursor:pointer}.add-board-modal .button-container button:nth-child(1){background-color:transparent;margin-right:.5em}.add-board-modal .button-container button:nth-child(1):hover{background-color:#6768791a}.add-board-modal .button-container button:nth-child(2){color:#fff;background-color:#0073ea}.add-board-modal .button-container button:nth-child(2):hover{background-color:#0060b9}@media (width > 632px){.add-board-modal h2{font-size:2rem;line-height:1.5;margin-bottom:.5em;width:13.625em;font-weight:400}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;background:#292f4cb3;cursor:pointer}.task-row .option-task-modal-overlay{display:relative;justify-content:center;align-items:flex-start;pointer-events:auto;top:0}.task-row .option-task-modal-overlay .option-task-modal-content{position:absolute;top:35px;left:-38px;background:#fff;border:1px solid #d3d4dd;z-index:1001;padding:8px;border-radius:8px;box-shadow:0 4px 8px #0003;pointer-events:auto;display:flex;flex-direction:column;width:238px}.task-row .option-task-modal-overlay .option-task-modal-content button{width:100%;font-family:Figtree;background:none;border:none;border-radius:4px;padding:4px 8px;font-size:14px;text-align:start;cursor:pointer;line-height:24px;color:#323338;font-weight:400;letter-spacing:0px;text-decoration:none;display:flex;align-items:center}.task-row .option-task-modal-overlay .option-task-modal-content button img{padding-right:9px;opacity:.6}.task-row .option-task-modal-overlay .option-task-modal-content button:hover{background-color:#f0f0f0}.divider{height:1px;width:100%;margin:8px 0;background-color:#d0d4e4}.members-modal-overlay{background-color:#fff;position:absolute;padding:16px 24px;border-radius:8px;box-shadow:0 8px 16px #00000052;min-width:200px;max-width:250px;max-height:340px;z-index:9;font-size:14px}.members-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;max-height:180px;overflow-y:auto}.members-options li{color:#fff;width:100%;height:32px;line-height:32px;text-align:center;border-radius:2px;padding:0 4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.members-modal-overlay-members{background-color:#fff;position:absolute;left:50%;top:110%;translate:-50% 0;padding:16px 24px;border-radius:8px;box-shadow:-1px 3px 34px 4px #0003;min-width:360px;max-width:360px;z-index:9;font-size:14px}.members-modal-overlay-members .white-block{width:20px;height:20px;background-color:#fff;position:absolute;left:50%;translate:-50% 0;top:0%;rotate:45deg}.members-modal-overlay-members .assigned-members{display:flex;flex-wrap:wrap;align-items:center;padding:16px 8px}.members-modal-overlay-members .assigned-members .member{display:flex;align-items:center;height:22px;font-size:12px;color:#333;position:relative;border:1px solid #f7f7f7;background-color:#e5f4ff;border-radius:24px;margin:4px}.members-modal-overlay-members .assigned-members .member-img{display:flex;justify-content:center;align-items:center;margin-right:4px;width:22px;height:22px}.members-modal-overlay-members .assigned-members .member-img img{width:100%;height:100%;border-radius:50%;object-fit:cover}.members-modal-overlay-members .assigned-members .member-name{display:flex;align-items:center;overflow:hidden}.members-modal-overlay-members .assigned-members .member-name span{min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.members-modal-overlay-members .assigned-members .close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:100%;margin-right:2px;margin-left:4px;cursor:pointer}.members-modal-overlay-members .assigned-members .close:hover{background:#fff}.members-modal-overlay-members .suggested-title{color:#676879;margin-bottom:4px}.members-modal-overlay-members .suggested-member{display:flex;align-items:center;padding:8px;width:100%;height:40px;cursor:pointer}.members-modal-overlay-members .suggested-member:hover{background-color:#6768791a}.members-modal-overlay-members .suggested-member .member-img{display:flex;align-items:center;min-width:26px;height:26px;max-width:26px}.members-modal-overlay-members .suggested-member .member-img img{height:100%;width:100%;border-radius:50%;object-fit:cover}.members-modal-overlay-members .suggested-member .member-name{padding:0 8px;display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.members-modal-overlay-members .input-container{width:100%;display:flex;align-items:center;padding:4px 4px 4px 16px;border-radius:4px;color:#323338;border:1px solid #c3c6d4;height:32px;transition:.3s;margin-bottom:10px}.members-modal-overlay-members .input-container svg{margin-right:4px;color:#676879;height:16px;width:16px}.members-modal-overlay-members .input-container input{border:none;outline:none;font-size:14px;font-family:Figtree;height:100%}.members-modal-overlay-members .input-container input::placeholder{font-weight:400}.members-modal-overlay-members .input-container:has(input:focus){border-color:#0073ea}.plus-member{display:flex;align-items:center;justify-content:center;position:relative;font-size:.875rem;padding:0 .0714285714em;line-height:1.7142857143;width:2.4285714286em;height:2em;font-family:Figtree;border:1px solid white;border-radius:1em;background-color:#dcdfec;margin:0 -4px;color:#323338}.label-container{position:relative}.label-container .react-datepicker{font-family:Figtree,helvetica,arial,sans-serif;font-size:1rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial;width:310px;height:310px}.label-container .react-datepicker__header{text-align:center;background-color:#f0f0f0;border-top-left-radius:.3rem;border-bottom:0;padding:0;position:relative}.label-container .react-datepicker__day-names{white-space:nowrap;margin-bottom:0;background-color:#fff;height:31px}.label-container .react-datepicker__month{margin:.3rem;text-align:center}.label-container .react-datepicker__month-container{float:left;width:100%;padding:8px}.label-container .react-datepicker__week{white-space:nowrap;margin-top:10px}.label-container .react-datepicker__day-name,.label-container .react-datepicker__day,.label-container .react-datepicker__time-name{color:#000;display:inline-block;width:2.2rem;line-height:30px;text-align:center;margin:3px;padding-right:5px}.label-container .group-preview h2{font-size:22px;background-color:#fff}.label-container h2.react-datepicker__current-month{padding:5px;margin:0}.label-container .react-datepicker__current-month,.label-container .react-datepicker-time__header,.label-container .react-datepicker-year-header{color:#414040;font-weight:500;background-color:#fff;text-align:center}.label-container .react-datepicker__day--selected,.label-container .react-datepicker__day--keyboard-selected{border-radius:30%;background-color:#0372e6;color:#fff;font-weight:300;width:30px;padding-left:5px;border-right:1px white solid}.label-container .react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:7px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.label-container .img-preview{width:30px;height:30px;cursor:pointer;border:1px solid rgba(135,135,135,.503);border-radius:5px;opacity:.95}.label-container .img-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;background-color:#64677ab7;align-items:center;justify-content:center;z-index:15}.label-container .img-modal-overlay .img-modal-content{position:absolute;inset:auto;background-color:#f5f6f8;height:97vh;width:97vw;max-height:97vh;max-width:97vw;overflow:hidden;border-radius:16px;transform:none;transition:none;will-change:width;display:grid;grid-template-rows:auto auto auto}.label-container .img-modal-overlay .img-modal-content header{grid-row:1;display:grid;grid-template-columns:auto 1fr;background-color:#fff;height:83px;border-bottom-width:1px;border-bottom-style:solid;border-color:#d0d4e4;align-items:center;gap:11px;top:0}.label-container .img-modal-overlay .img-modal-content header h1{font-size:15px;font-weight:700;letter-spacing:.6px}.label-container .img-modal-overlay .img-modal-content header p{margin:6px 0 2px;font-size:14px;color:#676879;display:flex;align-items:center}.label-container .img-modal-overlay .img-modal-content header .close-btn-modal-img{grid-column:3;margin-right:22px;margin-top:10px;cursor:pointer;display:flex;align-items:center;justify-items:space-between}.label-container .img-modal-overlay .img-modal-content header .close-btn-modal-img svg{margin-right:22px}.label-container .img-modal-overlay .img-modal-content header img{width:29px;margin-left:32px}.label-container .img-modal-overlay .img-modal-content img{justify-self:center}.not-header{color:#fff;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;cursor:pointer}.not-header img{width:30px;border-radius:50%;border:1px gray solid}.task-conversation{position:fixed;right:0;bottom:0;z-index:1000000;background:#fff;color:#323338;box-shadow:-8px -1px 20px -10px #0000004f;display:flex;height:calc(100vh - 48px);width:0;transition:width .3s}.task-conversation>* svg{outline:none}.task-conversation .content{width:100%;opacity:0}.task-conversation.open{width:570px}.task-conversation.open .content{opacity:1}.task-conversation .drag-container{position:absolute;top:0;left:0;bottom:0;width:14px;height:100%;background-color:transparent;transition:.3s}.task-conversation .drag-container:hover{cursor:col-resize;box-shadow:#0003 0 4px 8px;background-color:#f5f6f8}.task-conversation .header{width:100%}.task-conversation .header .title{margin:20px 20px 6px 24px;text-align:left;width:100%}.task-conversation .header .close-btn{display:flex;justify-content:center;align-items:center;width:24px;height:24px;padding:4px 8px;border-radius:4px;cursor:pointer}.task-conversation .header .close-btn:hover{background-color:#6768791a}.task-conversation .header .close-btn i{font-style:normal;font-size:14px;color:#777}.task-conversation .information{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:16px}.task-conversation .information .side-panel-task-title{border:1px solid transparent;letter-spacing:-.1px;padding:0 4px 1px;width:100%;border-radius:4px}.task-conversation .information .side-panel-task-title h2{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-family:Poppins;font-weight:400;line-height:30px}.task-conversation .information .task-members{display:flex;align-items:center;position:relative;margin-right:12px;padding:0 10px;margin-left:11px}.task-conversation .information .task-members img{padding:2px;position:relative;min-width:26px;height:26px;object-fit:cover;border-radius:50%;border:1px solid #2a6496;background-color:#fff;margin:0 -4px}.task-conversation .tabs{padding:0 20px;font-size:.875rem;display:flex;align-items:end;height:3em;width:100%;border-bottom:2px solid rgba(103,104,121,.1)}.task-conversation .tabs .tab{position:relative;display:flex;align-items:center;justify-content:center;width:max-content;padding:.2857142857em 1.4285714286em;height:2.2857142857em;gap:.2857142857em;border-radius:.25em;margin-bottom:1px;color:#323338;font-family:Figtree;transition:.2s;cursor:pointer}.task-conversation .tabs .tab svg{height:1.1428571429em;width:1.1428571429em}.task-conversation .tabs .tab .active-line{background-color:#0073ea;width:100%;height:2px;position:absolute;bottom:-2px;left:0;opacity:0;transition:.3s}.task-conversation .tabs .tab:hover{background-color:#6768791a}.task-conversation .tabs .tab.active .active-line{opacity:1}.task-conversation .body{width:100%;overflow-y:auto;height:100%}.task-conversation .body .input{margin:46px 20px}.task-conversation .body .input .edit-container{width:100%;height:100%}.task-conversation .body .input .edit-container .update-button{display:flex;justify-content:end;align-items:center;height:2em;padding:0 1.125em}.task-conversation .body .input .edit-container .update-button button{padding:.2857142857em .5714285714em;font-size:.875rem;border-radius:.2857142857em;border:none;background-color:#0073ea;color:#fff;height:100%;font-family:Figtree;cursor:pointer;transition:.3s}.task-conversation .body .input .edit-container .update-button button:active{scale:.9}.task-conversation .body .input .edit-container .update-button button:hover{background-color:#0060b9}.task-conversation .body .input .text-area-container{width:100%;min-height:70px;max-height:400px;border:1px solid #0073ea;border-radius:0 0 8px 8px;padding:10px 0;margin-bottom:5px}.task-conversation .body .input .text-area-container textarea{padding:16px 18px;border:none;resize:none;width:100%;outline:none;font-family:Figtree;font-size:16px}.task-conversation .body .input .open-textarea{cursor:text;font-family:Figtree;color:#323338;display:flex;align-items:center;text-align:left;height:41px;width:100%;font-size:16px;line-height:24px;border-radius:8px;padding:10px 20px;background:transparent;border:1px solid #0073ea}.task-conversation .body .input .open-textarea:hover{color:#676879;background:#6768791a}.task-conversation .chat{width:100%;padding:20px;height:100%}.task-conversation .chat-list{width:100%;height:100%}.task-conversation .chat-list .chat-container{border-radius:8px;border:1px solid #d0d4e4;margin-bottom:16px;min-height:81px;overflow:hidden}.task-conversation .chat-list .chat-header{padding:16px}.task-conversation .chat-list .chat-header .update-data{display:flex;align-items:center;justify-content:space-between}.task-conversation .chat-list .chat-header .member-img{display:flex;justify-content:start;align-items:center}.task-conversation .chat-list .chat-header .member-img img{min-width:40px;height:40px;object-fit:cover;border-radius:50%}.task-conversation .chat-list .chat-header .member-data{display:flex;justify-content:start;align-items:center;margin-left:8px;width:100%}.task-conversation .chat-list .chat-header .member-data .member-name{font-size:16px;font-family:Figtree}.task-conversation .chat-list .chat-header .member-data .member-status{width:10px;height:10px;margin-left:4px;background:#00c875;border-radius:50%}.task-conversation .chat-list .chat-header .created-at{display:flex;justify-content:end;align-items:center;width:90px;gap:2px}.task-conversation .chat-list .chat-header .created-at span{color:#676879;font-family:Figtree;display:flex;align-items:center}.task-conversation .chat-list .chat-body{padding:20px;min-height:81px}.task-conversation .chat-list .chat-body .update{font-size:16px;width:100%;height:100%;font-family:Figtree;color:#323338;text-wrap:wrap}.task-conversation .chat-list .add-like{display:flex;justify-content:center;align-items:center;width:100%;height:41px}.task-conversation .chat-list .add-like button{font-family:Figtree;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:transparent;border:none;border-top:1px solid #d0d4e4;color:#323338;font-size:16px;cursor:pointer;transition:.3s;gap:8px}.task-conversation .chat-list .add-like button svg{animation:likeAnimation 3s;height:15px;width:15px}.task-conversation .chat-list .add-like button:hover{background-color:#6768791a}.task-conversation .chat-list .add-like button:active{font-size:12px}.task-conversation .no-updates{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.task-conversation .no-updates .first-img{width:290px;padding-bottom:24px}.task-conversation .no-updates h2{font-family:Poppins;font-weight:500}.task-conversation .no-updates p{font-family:Figtree;text-align:center;margin-top:16px}@media screen and (max-width: 632px){.task-conversation.open{width:100%}.task-conversation .body .input{margin:20px}.task-conversation .chat{padding:0 20px}.task-conversation .chat .chat-list .chat-container{height:100%}.task-conversation .chat .chat-list .chat-body{padding:0 20px;min-height:0}.task-conversation .chat .chat-list .chat-body .update{margin:0 0 15px}.task-conversation .activity-log-section .activity-list-wrapper{padding:0}.task-conversation .activity-log-section .activity-list-wrapper .activity-list .activity-item{margin:0;padding:5px}}.activity-log-section{position:relative}.activity-list-wrapper{overflow-y:auto;padding-right:10px;box-shadow:inset 0 0 8px #0000001a}.activity-list{padding:0;margin:0;list-style:none}.activity-item{display:grid;grid-template-columns:.5fr .5fr 2fr 1fr 1fr auto 1fr;padding:0 10px;margin:0 20px;height:60px;border-bottom:1px solid #ddd;align-items:center;text-align:center;font-family:Figtree;font-size:14px}.activity-item .activity-timestamp{display:flex}.activity-item .activity-timestamp svg{margin-top:1px;margin-right:2px}.activity-item .task-name,.activity-item .task-value{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.activity-item .task-value{padding:10px;border:none;border-radius:5px}.activity-item img{margin-left:5px;margin-bottom:3px;max-width:30px;min-width:30px;max-height:30px;min-height:30px;border-radius:50%;object-fit:cover}.activity-item:last-child{border-bottom:none}.label-modal{position:absolute;z-index:10000000000;background-color:#fff;box-shadow:0 8px 16px #00000052;border-radius:8px;overflow:hidden;transition:scale .3s;color:#323338;font-size:14px;font-family:Figtree}.label-modal .add-label-modal{padding:16px;width:100%}.label-modal .add-label-modal .label-type{display:flex;align-items:center;width:100%;padding:4px 20px 4px 8px;line-height:24px;font-size:Figtree;cursor:pointer;border-radius:4px}.label-modal .add-label-modal .label-type span{min-width:97px}.label-modal .add-label-modal .label-type .img-container{width:20px;height:20px;border-radius:4px;margin-right:8px}.label-modal .add-label-modal .label-type .img-container.status{background-color:#11dd80}.label-modal .add-label-modal .label-type .img-container.member{background-color:#00cff4}.label-modal .add-label-modal .label-type .img-container.priority{background-color:#ffcb00}.label-modal .add-label-modal .label-type .img-container.date{background-color:#11dd80}.label-modal .add-label-modal .label-type .img-container.file{background-color:#00cff4}.label-modal .add-label-modal .label-type .img-container.progress{background-color:#a358df}.label-modal .add-label-modal .label-type img{width:20px;height:20px}.label-modal .add-label-modal .label-type.disabled{opacity:.3;cursor:not-allowed}.label-modal .add-label-modal .label-type:hover{background-color:#6768791a}.label-modal .remove-label-modal{padding:8px;position:relative}.label-modal .remove-label-modal .modal-line{display:flex;align-items:center;padding:4px 20px 4px 8px;line-height:24px;font-size:Figtree;cursor:pointer;border-radius:4px;width:238px}.label-modal .remove-label-modal .modal-line span{min-width:97px}.label-modal .remove-label-modal .modal-line:hover{background-color:#6768791a}.label-modal .remove-label-modal .modal-line svg{margin-right:8px}.picker-modal-overlay{background-color:#fff;position:absolute;padding:16px 24px;border-radius:8px;box-shadow:0 8px 16px #00000052;min-width:200px;max-width:250px;z-index:9;font-size:14px}.picker-modal-overlay .white-block{width:18px;height:18px;background-color:#fff;position:absolute;left:50%;translate:-50% 0;top:-3%;rotate:45deg}.picker-options{list-style:none;padding:0;margin:0;display:grid;gap:8px;align-items:center}.picker-options li{color:#fff;width:100%;height:32px;line-height:32px;text-align:center;border-radius:2px;padding:0 4px;display:flex;justify-content:center;align-items:center;cursor:pointer}.picker-options img{width:30px;height:30px;border-radius:50%;border:1px gray solid;object-fit:cover}.picker-options li:hover{background-color:#0000001a}.filter-modal{position:absolute;background-color:#fff;height:375px;border-radius:.5em;top:100%;width:350px;left:-100px;box-shadow:0 6px 20px -2px #0003;color:#323232;overflow:auto}.filter-modal>*{font-family:Figtree}.filter-modal .filter-header{padding:1em 1.5em 0;position:sticky;left:0;margin-bottom:1em;display:flex;justify-content:space-between;align-items:center}.filter-modal .filter-header .title{font-size:16px;text-wrap:nowrap}.filter-modal .filter-header .clear{width:75px;height:32px}.filter-modal .filter-header .clear button{font-size:.875rem;width:100%;height:100%;padding:.2857142857em .5714285714em;border-radius:.2857142857em;background-color:transparent;border:none;cursor:pointer}.filter-modal .filter-header .clear button:hover{background-color:#6768791a}.filter-modal .filters-container{padding:.5em 1.5em;display:flex;align-items:center;gap:.75em}.filter-modal .filters-container .filter-container{height:270px;width:max-content;display:flex;flex-direction:column;justify-content:start;overflow-y:auto}.filter-modal .filters-container .filter-container .filter-title{display:flex;justify-content:start;align-items:center;height:34px;width:100%;color:#676879;font-size:.875rem}.filter-modal .filters-container .filter-container .options{display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;height:100%;width:100%}.filter-modal .filters-container .filter-container .options::-webkit-scrollbar{width:4px}.filter-modal .filters-container .filter-container .options::-webkit-scrollbar-thumb{background:#98999f;border-radius:4px}.filter-modal .filters-container .filter-container .options .option{display:flex;justify-content:center;align-items:center;font-size:.875rem;padding:0 .8571428571em;margin:.4285714286em .2857142857em 0 0;width:100%;min-height:32px;max-height:32px;border-radius:4px;background-color:#6768791a;justify-content:start;gap:8px}.filter-modal .filters-container .filter-container .options .option p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-wrap:nowrap}.filter-modal .filters-container .filter-container .options .option img{width:25px;height:25px;object-fit:cover;border-radius:50%}.filter-modal .filters-container .filter-container .options .option:hover{background-color:#67687933}.filter-modal .filters-container .filter-container .options .option.selected{background-color:#cce5ff}.filter-modal .filters-container .filter-container .options .option.selected:hover{background-color:#b1d1f4}@media (width > 632px){.filter-modal{width:500px;left:0}}.filter-modal img{min-height:26px;max-height:26px;min-width:26px;max-width:26px;object-fit:cover}.kanban{height:100%;background-color:#fff;width:100%;border-radius:.5em 0 0;position:relative;overflow-x:scroll;overflow-y:hidden;color:#323338}.kanban>*{font-family:Figtree}.kanban .kanban-list{width:max-content;height:calc(100% - 150px);display:flex;justify-content:space-evenly;align-items:center;padding:0 1.875em 1.875em;gap:1.25em}.kanban .kanban-group{border-radius:.5em;height:100%;min-width:260px;max-width:260px;display:flex;flex-direction:column;overflow:hidden}.kanban .label-title{position:sticky;top:0;z-index:2;height:40px;padding:.5em;background:var(--bgc);display:flex;align-items:center;font-weight:600;color:#fff}.kanban .task-list{overflow-y:auto;display:flex;flex-direction:column;gap:.625em;background-color:#f6f7fb;padding:.625em .625em 12.5em;height:100%}.kanban .task-list::-webkit-scrollbar{width:4px}.kanban .task-list::-webkit-scrollbar-thumb{background:#98999f;border-radius:4px}.kanban .task{padding:.625em;border-radius:.5em;width:100%;height:max-content;border:1px solid #d0d4e4;background:#fff;display:flex;flex-direction:column;gap:1em}.kanban .task-title{font-size:.875rem}.kanban .label-title-task{display:flex;justify-content:center;align-items:center;font-size:.875rem;min-height:21px;border-left:5px solid var(--bgc);border-radius:.2857142857em;width:max-content;background-color:#6768791a;padding:.5714285714em}.kanban .member{width:100%;height:100%;display:flex;justify-content:start;align-items:center}.kanban .member img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #f5f6f8;margin:0 -4px}.manage-members{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:15;background-color:#fff;width:300px;height:513px;padding:2em;overflow:hidden;border-radius:.5em}.manage-members .backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13}.manage-members>*{font-family:Figtree;color:#323338}.manage-members .close-btn{position:absolute;right:32px;top:32px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;min-width:32px;height:32px;border-radius:.2857142857em;font-size:.875rem;color:#676879;cursor:pointer}.manage-members .close-btn:hover{background-color:#6768791a}.manage-members .modal-title{font-size:1.875rem;font-weight:400;margin-bottom:1em;width:100%}.manage-members .search{width:100%;height:35px;margin-bottom:1.875em}.manage-members .search input{padding:.2666666667em;font-size:.9375rem;width:100%;height:100%;border-radius:.2em;border:1px solid #323338;outline:none}.manage-members .search input::placeholder{font-weight:200}.manage-members .search input:focus{border-color:#0073ea}.manage-members .search .options{position:absolute;background-color:#fff;width:238px;min-height:max-content;max-height:250px;overflow-y:scroll;box-shadow:0 6px 20px #0003;padding:10px;border-radius:4px}.manage-members .search .options .user{cursor:pointer;border-radius:4px;padding:2px}.manage-members .search .options .user:hover{background-color:#6768791a}.manage-members .assigned-users{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}.manage-members .user{display:flex;align-items:center;height:32px;width:100%}.manage-members .user .user-img{min-width:28px;max-width:28px;min-height:28px;max-height:28px;border-radius:50%;margin-right:.5em;object-fit:cover}.manage-members .user .user-name{font-size:.875rem;display:flex;align-items:center;height:100%;width:100%}.manage-members .user .crown-container{display:flex;align-items:center;justify-content:center;font-size:.625rem;min-width:32px;min-height:32px;border-radius:50%}.manage-members .user .crown-container i{display:flex;align-items:center;justify-content:center;color:#fff;min-width:22px;min-height:22px;background-color:#0073ea;border-radius:50%}.manage-members .user .remove-btn{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;min-width:32px;height:32px;border-radius:.2857142857em;font-size:.875rem;color:#676879;cursor:pointer}.manage-members .user .remove-btn:hover{background-color:#6768791a}@media (width > 632px){.manage-members{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:15;background-color:#fff;width:530px;height:513px;padding:2em;overflow:hidden;border-radius:.5em}.manage-members .backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13}.manage-members>*{font-family:Figtree;color:#323338}.manage-members .close-btn{position:absolute;right:32px;top:32px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;min-width:32px;height:32px;border-radius:.2857142857em;font-size:.875rem;color:#676879;cursor:pointer}.manage-members .close-btn:hover{background-color:#6768791a}.manage-members .modal-title{font-size:1.875rem;font-weight:400;margin-bottom:1em;width:100%}.manage-members .search{width:100%;height:35px;margin-bottom:1.875em}.manage-members .search input{padding:.2666666667em;font-size:.9375rem;width:100%;height:100%;border-radius:.2em;border:1px solid #323338;outline:none}.manage-members .search input::placeholder{font-weight:200}.manage-members .search input:focus{border-color:#0073ea}.manage-members .search .options{position:absolute;background-color:#fff;width:466px;min-height:max-content;max-height:250px;overflow-y:scroll;box-shadow:0 6px 20px #0003;padding:10px;border-radius:4px}.manage-members .search .options .user{cursor:pointer;border-radius:4px;padding:2px}.manage-members .search .options .user:hover{background-color:#6768791a}.manage-members .assigned-users{height:100%;width:100%;overflow-x:hidden;overflow-y:auto}.manage-members .user{display:flex;align-items:center;height:32px;width:100%}.manage-members .user .user-img{min-width:28px;max-width:28px;min-height:28px;max-height:28px;border-radius:50%;margin-right:.5em;object-fit:cover}.manage-members .user .user-name{font-size:.875rem;display:flex;align-items:center;height:100%;width:100%}.manage-members .user .crown-container{display:flex;align-items:center;justify-content:center;font-size:.625rem;min-width:32px;min-height:32px;border-radius:50%}.manage-members .user .crown-container i{display:flex;align-items:center;justify-content:center;color:#fff;min-width:22px;min-height:22px;background-color:#0073ea;border-radius:50%}.manage-members .user .remove-btn{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;min-width:32px;height:32px;border-radius:.2857142857em;font-size:.875rem;color:#676879;cursor:pointer}.manage-members .user .remove-btn:hover{background-color:#6768791a}}.mobile-nav{display:flex;width:100%;justify-content:end;position:absolute;padding:0 20px;margin-bottom:20px;z-index:500;bottom:0}.mobile-nav svg{color:#fff;outline:none}.mobile-nav .more{position:relative;z-index:3;background-color:#323338;width:60px;height:60px;border-radius:35%;border:1px solid #d0d4e4;rotate:0deg;transition:.5s}.mobile-nav .more.open{rotate:45deg}.mobile-nav .more.open .l1,.mobile-nav .more.open .l2{top:30px}.mobile-nav .more.open .l3{rotate:90deg;top:30px}.mobile-nav .more div{width:15px;height:1px;background-color:#fff;position:absolute;left:50%;translate:-50% 0}.mobile-nav .more .l1{top:25px}.mobile-nav .more .l2{top:30px}.mobile-nav .more .l3{top:35px}.mobile-nav .home{display:flex;align-items:center;justify-content:center;width:50px;height:50px;position:absolute;z-index:2;bottom:0;right:25px;background-color:#323338;border-radius:50%;border:1px solid #d0d4e4}.mobile-nav .home.open{animation:button1open .5s forwards}.mobile-nav .home.close{animation:button1close .5s forwards}.mobile-nav .add{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;position:absolute;bottom:0;right:25px;background-color:#0073ea;border:1px solid #d0d4e4}.mobile-nav .add.open{animation:button2open .5s forwards}.mobile-nav .add.close{animation:button2close .5s forwards}.mobile-nav .generate{position:absolute;width:50px;height:50px;bottom:0;right:25px}.mobile-nav .gen-btn{position:absolute;width:50px;height:50px;border-radius:50%}.mobile-nav .gen-btn.open{animation:button3open .5s forwards}@media (width > 932px){.mobile-nav{display:none}}@keyframes button1open{0%{bottom:0}75%{bottom:70px;scale:1}87%{bottom:70px;scale:1.2}to{bottom:70px;scale:1}}@keyframes button2open{0%{bottom:0}75%{bottom:125px;scale:1}87%{bottom:125px;scale:1.2}to{bottom:125px;scale:1}}@keyframes button3open{0%{bottom:0}75%{bottom:170px;scale:1}87%{bottom:170px;scale:1.2}to{bottom:170px;scale:1}}@keyframes button1close{0%{bottom:140%}75%{bottom:0}87%{bottom:0}to{bottom:0}}@keyframes button2close{0%{bottom:240%}75%{bottom:0}87%{bottom:0}to{bottom:0}}.generate{position:relative;width:100%;padding-right:16px;margin-bottom:11px}.generate>*{font-weight:400;font-family:Figtree;color:#ececec}.generate button{width:100%;height:32px;border:none;border-radius:4px;background-color:#0073ea;color:#ececec;cursor:pointer}.generate button:hover{background-color:#0060b9}.generate .gen-modal{position:fixed;top:10%;left:10%;right:10%;bottom:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;z-index:100;color:#212121;background-color:#ececec;box-shadow:#00000059 0 5px 15px;border-radius:8px}.generate .gen-modal .board-ai{position:absolute;left:20px;top:20px;color:#212121}.generate .gen-modal form{display:flex;justify-content:center;gap:20px;align-items:center;width:90%;height:50px;background:#d3d3d3;border-radius:12px;overflow:hidden;padding-right:10px}.generate .gen-modal form button{width:32px;height:32px;border:none;border-radius:8px;background-color:#0073ea;color:#ececec;cursor:pointer}.generate .gen-modal form button:hover{background-color:#0060b9}.generate .gen-modal input{width:100%;height:100%;background:#d3d3d3;border:none;outline:none;padding:10px;font-size:1rem;font-family:Figtree;color:#212121}.generate .gen-modal .close{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;width:20px;height:20px}.generate img{position:absolute;width:25px;left:50%;translate:-50%;bottom:30px}.generate .welcome-title{text-align:center;position:static;left:20px;top:20px;color:#212121;overflow:hidden;font-size:18px;animation:typing 2.5s steps(40,end),blink-caret .75s step-end infinite;white-space:nowrap;border-right:.15em solid #0073ea}.generate .updates{position:relative;width:90%;display:flex;flex-direction:column;align-items:start}.generate .update{background:#d3d3d3;padding:10px;border-radius:8px;overflow:hidden}.generate .one,.generate .two,.generate .three{display:none}@keyframes typing{0%{width:0}to{width:200px}}@media (width > 932px){.generate .welcome-title{font-size:24px}.generate .updates,.generate form{width:500px}@keyframes typing{0%{width:0}to{width:360px}}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#0073ea}}.user-msg{position:relative;display:flex;justify-content:center;align-items:center;position:fixed;width:max-content;height:40px;bottom:40px;right:40px;background-color:#0073ea;z-index:100;color:#fff;padding:5px;border-radius:4px;font-size:14px;font-family:Figtree}.user-msg button{position:absolute;top:1px;right:1px;background-color:transparent;border:none;cursor:pointer;color:#fff}.user-msg.error{background-color:#000;color:red}.homepage{background-color:#fff;height:100vh;overflow-y:auto;overflow-x:hidden;color:#333;width:100%}.homepage .home-nav{position:fixed;left:0;right:0;top:0;height:4.5em;padding:0 .75em;background-color:#fff;z-index:10}.homepage .home-nav .logo{position:relative}.homepage .home-nav .logo img{height:2.5em}.homepage .home-nav .logo .logo-home-nav{position:relative;right:10px;font-size:1.625rem;font-weight:600;color:#7d73fc;letter-spacing:-2px}.homepage .home-nav button{background-color:#6161ff;color:#fff;border:none;border-radius:2.5em;cursor:pointer}.homepage .home-nav button:hover{background:#4f4fcc}.homepage .home-nav button i{margin-left:.625rem}.homepage .home-nav .home-nav-right,.homepage .home-nav .home-nav-right .navs{display:flex;align-items:center}.homepage .home-nav .home-nav-right .navs a{color:#535768;line-height:1.15;font-size:.875rem;padding:.5714285714em .7142857143em;border-radius:.5714285714em;border:1px solid transparent}.homepage .home-nav .home-nav-right .navs a:hover{color:#5034ff;background-color:#f0f3ff}.homepage .home-content{margin-top:4.5em;background-color:#f0f3ff;border:none}.homepage .home-content button{background-color:#6161ff;color:#fff;border:none;border-radius:2.5em;cursor:pointer}.homepage .home-content button:hover{background:#4f4fcc}.homepage .home-content button i{margin-left:.625rem}.homepage .home-content h1{color:#333;font-size:3.4375rem;margin-top:1.1111111111em;font-weight:200;text-align:center;margin-bottom:.2777777778em;width:100%}.homepage .home-content p{color:#333;text-align:center;font-size:1.25rem;line-height:1.6em;margin-bottom:2em}.homepage .home-content .btn-content{font-size:1rem;padding:1em 1.25em 1em 1.9375em;line-height:1.0625;font-weight:300;margin-bottom:6.25em}.homepage .home-content .btn-content span{position:relative;transition:.3s;left:0}.homepage .home-content .btn-content:hover{background-color:#5151d5}.homepage .home-content .btn-content:hover span{left:.3076923077em}.homepage .home-content .hero{display:flex;justify-content:center;position:relative;font-size:1rem}.homepage .home-content .hero img{width:100% px;animation:switchImage 4s ease-in-out infinite}.homepage .home-content .hero .beehive{display:none}.homepage .carousel{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:6.25em}.homepage .carousel .img-container{display:flex;gap:20px;overflow:hidden;margin:0 calc((100% - min(100%,1920px))/2 + 16px);margin-top:5em}.homepage .carousel .img-container img{width:100%;max-width:150px;border:none;border-radius:.625em}.homepage .carousel .carousel-btn{position:absolute;top:65%;transform:translateY(-20%);background-color:#00000080;color:#fff;border:none;font-size:1rem;cursor:pointer;border-radius:20px}.homepage .carousel .carousel-btn.left{left:0;padding-right:7px}.homepage .carousel .carousel-btn.right{right:0;padding-right:7px}.homepage .quote{width:100%;display:flex;justify-content:center;align-items:center;font-size:1.5625rem;font-family:Poppins;margin-bottom:1.8518518519em}.homepage .video-container{height:100%;width:100%;background-color:#f0f3ff;padding-bottom:400px}.homepage .video-container .cordions{display:flex;flex-direction:column;gap:20px;height:100%;justify-content:space-evenly;padding:16px;width:100%}.homepage .video-container h4{font-size:1.5625rem}.homepage .video-container p{font-size:1rem}.homepage .video-container .cordion{display:flex;flex-direction:column}.homepage .video-container .cordion .button-container{width:100%;height:50%;display:flex;justify-content:end}.homepage .video-container .cordion .button-container .play-btn{background-color:transparent;border:none;width:30px;height:30px;border-radius:50%;border:2px #7d73fc solid;cursor:pointer}.homepage .video-container .videos-holder{position:relative;width:100%;height:100%}.homepage .video-container .videos-holder video{position:absolute;left:0;top:0;width:100%;height:100%}.homepage .video-container .videos-holder video.hide{opacity:0}.homepage .about-container{color:#fff;font-size:1rem;width:100%;margin-bottom:4em;margin-top:4em}.homepage .about-container .black-bgc{width:100%;background-color:#000;padding:1.25em;display:flex;align-items:center}.homepage .about-container .left{display:none}.homepage .about-container .paragraph{width:100%;display:flex;justify-content:center;flex-direction:column;font-size:1.25rem;line-height:1.5;padding-left:1.4545454545em}.homepage .about-container .paragraph p{width:100%}.homepage .about-container .paragraph b{font-weight:700}.homepage .experience{font-size:2.5rem;font-weight:100;width:70%;padding:15px;margin-bottom:.6666666667em}.homepage .experience button{background-color:#6161ff;color:#fff;border:none;border-radius:2.5em;width:max-content;cursor:pointer}.homepage .experience button:hover{background:#4f4fcc}.homepage .experience button i{margin-left:.625rem}.homepage .experience span{margin-right:10px}.homepage .experience img{min-height:70px;min-width:70px;max-width:70px;max-height:70px;border-radius:50%;object-fit:cover;margin:0 -4px}.homepage .experience .btn-nav{height:49px}@media (width > 632px){.homepage .home-nav{height:4.5em;padding:0 1.875em}.homepage .home-nav .logo img{height:3.375em}.homepage .home-nav .logo .logo-home-nav{font-size:2.1875rem}.homepage .home-content{margin-top:4.5em;background-color:#f0f3ff;border:none;padding:0}.homepage .home-content h1{font-size:4.5rem}.homepage .home-content p{font-size:1.25rem}.homepage .home-content .hero{display:flex;justify-content:center;position:relative;font-size:1rem}.homepage .home-content .hero img{width:100%}.homepage .home-content .hero .beehive{display:none}.homepage .carousel .img-container{gap:30px;margin-top:8.75em}.homepage .carousel .img-container img{max-width:250px;border-radius:1.25em}.homepage .carousel .carousel-btn.left{left:0}.homepage .carousel .carousel-btn.right{right:0}.homepage .quote{font-size:2.5rem;font-family:Poppins}.homepage .video-container{display:flex;align-items:center;gap:100px;padding:20px 0}.homepage .video-container .cordions{gap:10px;padding:0 0 0 50px;width:70%}.homepage .video-container h4{font-size:1.25rem}.homepage .video-container p{font-size:.9375rem}.homepage .about-container{margin-bottom:4em;margin-top:4em}.homepage .about-container .black-bgc{height:420px}.homepage .about-container .left{width:50%;display:flex;justify-content:center;flex-direction:column}.homepage .about-container .left img{height:500px;object-fit:cover}.homepage .about-container .left .title{display:flex;align-items:center;font-size:2.25rem;line-height:3;font-weight:200}.homepage .about-container .paragraph{width:50%;font-size:1.375rem}.homepage .about-container .paragraph p{width:100%}.homepage .experience{font-size:5.75rem}.homepage .experience img{min-height:90px;min-width:90px;max-width:90px;max-height:90px}}@media (width > 932px){.homepage{padding:0 1em}.homepage .home-nav{padding:0 3.8125em}.homepage .home-content{display:grid;grid-template-columns:minmax(75px,1fr) auto minmax(75px,1fr);margin-top:4.5em;background-color:#f0f3ff;border:none;border-radius:2.5em;padding:0}.homepage .home-content>*{grid-column:2;place-self:center}.homepage .home-content p{font-size:1.25rem}.homepage .home-content .hero img{width:100%}.homepage .home-content .hero .beehive{position:absolute;display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;width:298px;height:382px;padding:1.125em;font-size:1rem;line-height:1.15;box-shadow:#00000026 3.977px 3.977px 34.8px;border-radius:.8859375em;background-color:#f0f3ff;animation:floating 10s infinite;left:68%;bottom:45%}.homepage .home-content .hero .beehive .beehive-title{width:100%;text-align:center}.homepage .home-content .hero .beehive .card{font-size:.75rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;height:76px;border-radius:.6666666667em;border:.6px solid #C3C6D4;background:#fff;transition:.3s}.homepage .home-content .hero .beehive .card.selected{box-shadow:#0000001a 3.977px 3.977px 10.8px inset;animation:floatingCard 5s infinite}.homepage .home-content .hero .beehive .card svg{width:16px;height:18px}.homepage .home-content .hero .beehive .beehive-btn{width:100%;display:flex;justify-content:center;align-items:center}.homepage .home-content .hero .beehive .beehive-btn button{margin-left:0}.homepage .carousel .img-container{gap:40px}.homepage .carousel .img-container img{max-width:300px;border-radius:1.25em}.homepage .carousel .carousel-btn.left{left:-16px}.homepage .carousel .carousel-btn.right{right:-16px}.homepage .quote{font-size:3.375rem}.homepage .video-container{padding-bottom:0;padding-top:0;background-color:transparent}.homepage .video-container .cordions{gap:50px;padding-left:150px}.homepage .video-container h4{font-size:1.5625rem}.homepage .video-container p{font-size:.9375rem}.homepage .about-container .black-bgc{height:420px;padding:3.75em 4.375em;border-radius:2.5em}.homepage .about-container .left img{height:550px}.homepage .about-container .paragraph{font-size:1.375rem;margin-top:3.1818181818em}.homepage .experience{font-size:6rem}}@media (width > 1232px){.homepage .home-content{grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr)}.homepage .home-content p{font-size:1.125rem}.homepage .home-content .hero img{width:1000px;padding-right:4.875em}.homepage .home-content .hero .beehive{left:75%;bottom:50%}}.homepage .btn-nav{height:40px;position:relative;display:flex;align-items:center;justify-content:center;margin-left:1.2307692308em;background-color:#6161ff;font-size:.8125rem;line-height:1.3076923077;border-radius:2.5em;padding:.6153846154em 1.0769230769em .6153846154em 1.2307692308em;width:130px}.homepage .btn-nav span{position:relative;transition:.3s;left:0}.homepage .btn-nav:hover{background-color:#5151d5}.homepage .btn-nav:hover span{left:.3076923077em}.homepage .footer{position:relative;padding-left:110px}.homepage .footer .logo{position:relative}.homepage .footer .logo img{height:3.375em}.homepage .footer .logo .logo-home-nav{position:relative;right:10px;font-size:2.1875rem;font-weight:600;color:#7d73fc;letter-spacing:-2px}.homepage *:not(.fa-solid){font-family:Poppins,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;font-weight:300}@keyframes floating{0%{translate:0 0}25%{translate:10px 2px}50%{translate:-5px 5px}75%{translate:2px -3px}to{translate:0 0}}@keyframes floatingCard{0%{translate:0 0;scale:1}25%{translate:2px 1px;scale:1.05}50%{translate:-3px 4px;scale:1}75%{scale:.95;translate:1px -2px}to{scale:1;translate:0 0}}@keyframes switchImage{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.board-page{height:calc(100vh - 48px);width:100%}.board-page .main-content{display:flex;gap:10px}.board-details{height:100%;background-color:#fff;width:100%;border-radius:.5em 0 0;position:relative;overflow-y:scroll;overflow-x:scroll}.board-details-loader{height:100%;background-color:#fff;width:100%;border-radius:.5em 0 0;position:relative;display:flex;justify-content:center;align-items:center}.board-details-loader video{background:#fff}.login-page{height:100vh;width:100%;font-family:Figtree}.login-page .login-header{height:65px;width:100%;background-color:#f7f7f7;border-bottom:1px solid #e0e0e0;padding-top:10px;padding-left:8px}.login-page .logo{display:flex;align-items:center;position:relative;width:max-content;height:44px}.login-page .logo img{height:44px}.login-page .logo .logo-home-nav{position:absolute;left:80%;font-family:Poppins;display:flex;align-items:center;font-size:1.75rem;font-weight:600;color:#000;letter-spacing:-2px}.login-page .logo h1{margin:0}.login-page .login-body{padding:2.5em;display:flex;align-items:center;flex-direction:column}.login-page h1{font-size:1.875rem;font-family:Figtree;font-weight:100;margin-bottom:.9em}.login-page form{width:100%}.login-page .btn{display:inline-flex;align-items:center;justify-content:center;font-family:Figtree,sans-serif;width:100%;height:100%;font-size:1rem;line-height:1.375;padding:.5em 1em;border-radius:.25em}.login-page .input-group{height:2.5em;margin-bottom:1em}.login-page .input-group input{color:#323338;text-align:start;font-weight:300;border:1px solid #c3c6d4}.login-page .input-group input:focus,.login-page .input-group input:active{outline:1px solid #0073ea}.login-page .input-group input:hover{outline:1px solid black}.login-page .input-group input.error{outline:1px solid #d83a52}.login-page .login-container{height:2.5em}.login-page .login-container .login-button{margin-bottom:36px;transition:scale .2s;color:#fff;background:#0073ea;border:none;cursor:pointer;font-weight:300}.login-page .login-container .login-button:active{scale:.9}.login-page .login-container .login-button:hover{background:#0060b9}.login-page .login-container .login-button.disable{background-color:#d3d3d3}.login-page .login-container .login-button.disable:active{scale:1}.login-page .login-footer{display:flex;justify-content:center;align-items:center;gap:2px;font-weight:200;margin-bottom:4em}.login-page .login-footer span{display:flex;align-items:center}.login-page .login-footer span a{display:flex;align-items:center;line-height:1.25;color:#1f76c2}.login-page .login-footer span a:hover{text-decoration:underline}.login-page svg{height:50px}@media (width > 632px){.login-page .login-body{margin:2.5em}.login-page h1{font-size:2.5rem}.login-page form{width:400px}}