@font-face{font-family:Roboto;src:url(/static/media/RobotoMono-Medium.4a31449c446f644be364.ttf)}@font-face{font-family:fira-reg;src:url(/static/media/FiraSans-Regular.f4eb295ecc2fb842d61c.ttf)}@font-face{font-family:fira-semiBold;src:url(/static/media/FiraSans-SemiBold.9b44246405e74df4837c.ttf)}@font-face{font-family:Ubuntu;src:url(/static/media/Ubuntu-Regular.1cbb1b79a23478cc89ad.ttf)}@font-face{font-family:NotoSans;src:url(/static/media/NotoSans-Medium.a4c42b7a92bf0fdb8ec1.ttf)}:root{--base:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,NotoSans,Ubuntu,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{color:#172b4d;font-family:montserrat;line-height:1.6}body,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif}body{font-size:rem(18px);margin:0}body ::-webkit-scrollbar{width:12px}body ::-webkit-scrollbar-track{background-color:rgba(9,30,66,.078);border-radius:10px}body ::-webkit-scrollbar-thumb{background:hsla(0,12%,76%,.55);border-radius:5px}img{width:100%}a,a:active,a:focus,a:hover{color:inherit;text-decoration:none}button{cursor:pointer}hr{background-color:rgba(9,30,66,.129);border:0;height:1px;margin:16px 0;padding:0;width:100%}.fs12{font-size:rem(12px)}.fs14{font-size:rem(14px)}.fs18{font-size:rem(18px)}.fs20{font-size:rem(20px)}.fs24{font-size:rem(24px)}.fs28{font-size:rem(28px)}.fs30{font-size:rem(30px)}.flex{display:flex}.flex>.full{flex:1 1}.flex.column{flex-direction:column}.flex.justify-center{justify-content:center}.flex.justify-between{justify-content:space-between}.flex.align-center{align-items:center}.loader-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.clean-list{list-style:none}.simple-txtarea{background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;color:#172b4d;display:block;outline:none;overflow:hidden;overflow-wrap:break-word;padding:8px 12px;resize:none;text-decoration:none}.simple-txtarea:focus{box-shadow:inset 0 0 0 2px #0079bf}.edit{display:none}.focused{box-shadow:0 0 0 2px #fff,0 0 0 4px #0079bf}.task-icon{color:#42526e}.have-description{background-color:hsla(0,12%,76%,.55)}.label-btn.open,.label-display-btn,.label-shower-btn{position:relative}.label-btn.open .color-ball-display,.label-display-btn .color-ball-display,.label-shower-btn .color-ball-display{border-radius:50%;height:16px;left:8px;position:absolute;top:8px;width:16px}.label-btn.open .color-ball-display.preview,.label-display-btn .color-ball-display.preview,.label-shower-btn .color-ball-display.preview{height:8px;left:4px;top:4px;width:8px}.label-btn.open.green,.label-display-btn.green,.label-shower-btn.green{background-color:#d6ecd2;transition:.2s}.label-btn.open.green:hover,.label-display-btn.green:hover,.label-shower-btn.green:hover{background-color:#b7ddb0;transition:.2s}.label-btn.open.light-green,.label-display-btn.light-green,.label-shower-btn.light-green{background-color:#eef6ec;transition:.2s}.label-btn.open.light-green:hover,.label-display-btn.light-green:hover,.label-shower-btn.light-green:hover{background-color:#d6ecd2;transition:.2s}.label-btn.open.dark-green,.label-display-btn.dark-green,.label-shower-btn.dark-green{background-color:#b7ddb0;transition:.2s}.label-btn.open.dark-green:hover,.label-display-btn.dark-green:hover,.label-shower-btn.dark-green:hover{background-color:#99d18f;transition:.2s}.label-btn.open.yellow,.label-display-btn.yellow,.label-shower-btn.yellow{background-color:#faf3c0;transition:.2s}.label-btn.open.yellow:hover,.label-display-btn.yellow:hover,.label-shower-btn.yellow:hover{background-color:#f5ea92;transition:.2s}.label-btn.open.light-yellow,.label-display-btn.light-yellow,.label-shower-btn.light-yellow{background-color:#fdfae5;transition:.2s}.label-btn.open.light-yellow:hover,.label-display-btn.light-yellow:hover,.label-shower-btn.light-yellow:hover{background-color:#faf3c0;transition:.2s}.label-btn.open.dark-yellow,.label-display-btn.dark-yellow,.label-shower-btn.dark-yellow{background-color:#f5ea92;transition:.2s}.label-btn.open.dark-yellow:hover,.label-display-btn.dark-yellow:hover,.label-shower-btn.dark-yellow:hover{background-color:#f3e260;transition:.2s}.label-btn.open.orange,.label-display-btn.orange,.label-shower-btn.orange{background-color:#fce6c6;transition:.2s}.label-btn.open.orange:hover,.label-display-btn.orange:hover,.label-shower-btn.orange:hover{background-color:#fad29c;transition:.2s}.label-btn.open.light-orange,.label-display-btn.light-orange,.label-shower-btn.light-orange{background-color:#fdf4e7;transition:.2s}.label-btn.open.light-orange:hover,.label-display-btn.light-orange:hover,.label-shower-btn.light-orange:hover{background-color:#fce6c6;transition:.2s}.label-btn.open.dark-orange,.label-display-btn.dark-orange,.label-shower-btn.dark-orange{background-color:#fad29c;transition:.2s}.label-btn.open.dark-orange:hover,.label-display-btn.dark-orange:hover,.label-shower-btn.dark-orange:hover{background-color:#fdbf69;transition:.2s}.label-btn.open.red,.label-display-btn.red,.label-shower-btn.red{background-color:#f5d3ce;transition:.2s}.label-btn.open.red:hover,.label-display-btn.red:hover,.label-shower-btn.red:hover{background-color:#efb3ab;transition:.2s}.label-btn.open.light-red,.label-display-btn.light-red,.label-shower-btn.light-red{background-color:#fbedeb;transition:.2s}.label-btn.open.light-red:hover,.label-display-btn.light-red:hover,.label-shower-btn.light-red:hover{background-color:#f5d3ce;transition:.2s}.label-btn.open.dark-red,.label-display-btn.dark-red,.label-shower-btn.dark-red{background-color:#efb3ab;transition:.2s}.label-btn.open.dark-red:hover,.label-display-btn.dark-red:hover,.label-shower-btn.dark-red:hover{background-color:#ec9488;transition:.2s}.label-btn.open.purple,.label-display-btn.purple,.label-shower-btn.purple{background-color:#eddbf4;transition:.2s}.label-btn.open.purple:hover,.label-display-btn.purple:hover,.label-shower-btn.purple:hover{background-color:#dfc0eb;transition:.2s}.label-btn.open.light-purple,.label-display-btn.light-purple,.label-shower-btn.light-purple{background-color:#f7f0fa;transition:.2s}.label-btn.open.light-purple:hover,.label-display-btn.light-purple:hover,.label-shower-btn.light-purple:hover{background-color:#eddbf4;transition:.2s}.label-btn.open.dark-purple,.label-display-btn.dark-purple,.label-shower-btn.dark-purple{background-color:#dfc0eb;transition:.2s}.label-btn.open.dark-purple:hover,.label-display-btn.dark-purple:hover,.label-shower-btn.dark-purple:hover{background-color:#d5a6e6;transition:.2s}.label-btn.open.blue,.label-display-btn.blue,.label-shower-btn.blue{background-color:#bcd9ea;transition:.2s}.label-btn.open.blue:hover,.label-display-btn.blue:hover,.label-shower-btn.blue:hover{background-color:#8bbdd9;transition:.2s}.label-btn.open.light-blue,.label-display-btn.light-blue,.label-shower-btn.light-blue{background-color:#e4f0f6;transition:.2s}.label-btn.open.light-blue:hover,.label-display-btn.light-blue:hover,.label-shower-btn.light-blue:hover{background-color:#bcd9ea;transition:.2s}.label-btn.open.dark-blue,.label-display-btn.dark-blue,.label-shower-btn.dark-blue{background-color:#8bbdd9;transition:.2s}.label-btn.open.dark-blue:hover,.label-display-btn.dark-blue:hover,.label-shower-btn.dark-blue:hover{background-color:#5ba4cf;transition:.2s}.label-btn.open.light-sky,.label-display-btn.light-sky,.label-shower-btn.light-sky{background-color:#e4f7fa;transition:.2s}.label-btn.open.light-sky:hover,.label-btn.open.sky,.label-display-btn.light-sky:hover,.label-display-btn.sky,.label-shower-btn.light-sky:hover,.label-shower-btn.sky{background-color:#bdecf3;transition:.2s}.label-btn.open.dark-sky,.label-btn.open.sky:hover,.label-display-btn.dark-sky,.label-display-btn.sky:hover,.label-shower-btn.dark-sky,.label-shower-btn.sky:hover{background-color:#8fdfeb;transition:.2s}.label-btn.open.dark-sky:hover,.label-display-btn.dark-sky:hover,.label-shower-btn.dark-sky:hover{background-color:#5dd3e5;transition:.2s}.label-btn.open.light-lime,.label-display-btn.light-lime,.label-shower-btn.light-lime{background-color:#ecfbf3;transition:.2s}.label-btn.open.light-lime:hover,.label-btn.open.lime,.label-display-btn.light-lime:hover,.label-display-btn.lime,.label-shower-btn.light-lime:hover,.label-shower-btn.lime{background-color:#d3f6e4;transition:.2s}.label-btn.open.dark-lime,.label-btn.open.lime:hover,.label-display-btn.dark-lime,.label-display-btn.lime:hover,.label-shower-btn.dark-lime,.label-shower-btn.lime:hover{background-color:#b3f1d0;transition:.2s}.label-btn.open.dark-lime:hover,.label-display-btn.dark-lime:hover,.label-shower-btn.dark-lime:hover{background-color:#90ecc1;transition:.2s}.label-btn.open.light-pink,.label-display-btn.light-pink,.label-shower-btn.light-pink{background-color:#fef1f9;transition:.2s}.label-btn.open.light-pink:hover,.label-btn.open.pink,.label-display-btn.light-pink:hover,.label-display-btn.pink,.label-shower-btn.light-pink:hover,.label-shower-btn.pink{background-color:#fcdcef;transition:.2s}.label-btn.open.dark-pink,.label-btn.open.pink:hover,.label-display-btn.dark-pink,.label-display-btn.pink:hover,.label-shower-btn.dark-pink,.label-shower-btn.pink:hover{background-color:#f9c2e4;transition:.2s}.label-btn.open.dark-pink:hover,.label-display-btn.dark-pink:hover,.label-shower-btn.dark-pink:hover{background-color:#ffabdf;transition:.2s}.label-btn.open.light-black,.label-display-btn.light-black,.label-shower-btn.light-black{background-color:#ebecf0;transition:.2s}.label-btn.open.black,.label-btn.open.light-black:hover,.label-display-btn.black,.label-display-btn.light-black:hover,.label-shower-btn.black,.label-shower-btn.light-black:hover{background-color:#dfe1e6;transition:.2s}.label-btn.open.black:hover,.label-btn.open.dark-black,.label-display-btn.black:hover,.label-display-btn.dark-black,.label-shower-btn.black:hover,.label-shower-btn.dark-black{background-color:#c1c7d0;transition:.2s}.label-btn.open.dark-black:hover,.label-display-btn.dark-black:hover,.label-shower-btn.dark-black:hover{background-color:#b3bac5;transition:.2s}.home-container{background-image:linear-gradient(rgba(225,219,255,.4),#fff)}.home-container .home-header-container{background-color:#fff;box-shadow:0 0 0 0 rgba(0,0,0,.161);height:60px;position:fixed;top:0;transition:box-shadow .6s ease .1s;width:100vw;z-index:10}.home-container .home-header-container:hover{box-shadow:0 1px 20px 0 rgba(0,0,0,.161)}.home-container .home-header-container .home-logo{align-self:flex-start;gap:8px;padding:.5rem 1.5rem}.home-container .home-header-container .home-logo .jello-logo{color:#0052cc;font-size:1.5em}.home-container .home-header-container .home-logo .jello-logo-text{font-family:fira-reg;font-size:1.65em;font-weight:700;margin:0}.home-container .home-header-container span{flex:1 1}.home-container .home-header-container .home-login{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:1.2em;font-weight:400;padding:.5rem 1.5rem}.home-container .home-header-container .home-signup{background-color:#0065ff;color:#fff;font-family:fira-reg;font-size:1.2em;height:100%;padding:.5rem 2rem}@media(max-width:425px){.home-container .home-header-container .jello-logo{font-size:1em}.home-container .home-header-container .jello-logo-text{font-size:1.15em}.home-container .home-header-container .home-login,.home-container .home-header-container .home-signup{font-size:.855em}}.home-container .hero-container{margin-left:auto;margin-right:auto;max-width:1140px;padding-left:1rem;padding-right:1rem;width:100%}.home-container .hero-container .hero-flex-container{margin-left:1.5rem;margin-right:1.5rem;margin-top:45px}.home-container .hero-container .hero-flex-container .hero-img{display:none}.home-container .hero-container .hero-flex-container .hero-content{text-align:center}.home-container .hero-container .hero-flex-container .hero-content h1{font-size:2rem;line-height:1em;margin-bottom:.5rem}.home-container .hero-container .hero-flex-container .hero-content p{font-size:1rem}.home-container .hero-container .hero-flex-container .hero-content .hero-demo-btn{align-self:center;background-color:#0065ff;border-radius:3px;color:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-weight:500;height:35px;letter-spacing:1px;margin-right:15px;max-width:125px;padding:.7rem 1rem .8rem;transition:background-color .15s ease-in}.home-container .hero-container .hero-flex-container .hero-content .hero-demo-btn:hover{background-color:#0056d9;cursor:pointer}@media(min-width:1000px){.home-container .hero-container .hero-flex-container{align-items:center;display:flex;justify-content:space-between;margin-left:1.5rem;margin-right:10rem}.home-container .hero-container .hero-flex-container .hero-img{display:block;flex:0 0 auto;left:16.6667%;margin-bottom:15px;margin-left:-8.33333%;max-height:600px;padding:8rem 1rem 1rem;position:relative;scroll-margin-top:72px;text-align:center;width:auto}.home-container .hero-container .hero-flex-container .hero-content{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:-1rem;margin-right:-1rem;margin-top:10px;text-align:start}.home-container .hero-container .hero-flex-container .hero-content h1{font-family:Charlie Display,sans-serif;font-size:2.75rem;font-weight:600;line-height:1.25;margin-bottom:.5rem;margin-top:94px}.home-container .hero-container .hero-flex-container .hero-content p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.25rem;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.home-container .hero-container .hero-flex-container .hero-content .hero-demo-btn{align-self:flex-start;display:flex;height:45px;justify-content:center;min-width:150px}}.home-container .board-example-container .board-example-txt{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);padding:3rem 1rem 1rem;position:relative;scroll-margin-top:72px;text-align:center;width:100%}.home-container .board-example-container .board-example-txt h1{font-size:2.25rem;font-weight:500;line-height:1.33333;margin-bottom:.5rem;margin-top:0}.home-container .board-example-container .board-example-txt p{-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.25em;font-weight:400;margin-bottom:24px;margin-top:0;margin-inline-end:0;margin-inline-start:0}.home-container .board-example-container .board-example-img{box-shadow:0 4px 18px 4px rgba(0,0,0,.278);margin:auto;max-width:850px}.home-container .home-footer-container{background-color:#172b4d;box-shadow:0 0 #000;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:45px;text-align:center}.home-container .home-footer-container .home-logo-footer{align-items:center;align-self:center;display:flex;font-family:fira-reg;font-size:2em;gap:15px;margin-top:45px}.home-container .home-footer-container h1{-webkit-text-fill-color:transparent;background:#fff;background:linear-gradient(180deg,#fff 50%,#172b4d);-webkit-background-clip:text;margin-bottom:0;margin-top:0}.home-container .home-footer-container hr{background-color:hsla(0,0%,89%,.45);border:0;height:1px;margin:25px 0;padding:0;width:100%}.workspace-container{color:#172b4d;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;font-weight:400;line-height:20px}.workspace-container .workspace-banner{display:flex;justify-content:center;margin:0 auto;max-width:875px;overflow:hidden;padding:32px;position:relative;text-overflow:ellipsis}.workspace-container .workspace-banner .workspace-img{-webkit-margin-end:20px;background-size:60px 60px;background:url(https://images.pexels.com/photos/196658/pexels-photo-196658.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-size:cover;border-radius:3px;height:60px;margin-inline-end:20px;object-fit:cover;width:60px}.workspace-container .workspace-banner h2{font-size:1.25em;font-weight:600}.workspace-container .horizontal-rule{margin:auto;width:92.5%}.workspace-container .boards-container .workspace{display:flex;flex-direction:column;margin:0 auto;max-width:1266px;padding:32px 0;position:relative}.task-details-container{align-items:flex-start;background-color:rgba(0,0,0,.639);bottom:0;color:#172b4d;display:flex;font-size:14px;font-weight:400;justify-content:center;left:0;line-height:20px;overflow-y:auto;padding:50px 0;position:fixed;right:0;top:0;z-index:35}.task-details-container .details-side-bar .box{-webkit-transform:rotate(269deg) scaleX(.6);transform:rotate(269deg) scaleX(.6)}.task-details-modal{align-items:flex-start;background-color:#f5f5f5;border-radius:2px;display:flex;flex-direction:column;max-width:48rem;min-height:600px;position:relative;z-index:40}.task-details-modal .close-modal{align-items:center;background-color:transparent;border:none;border-radius:50%;color:#42526e;display:flex;font-size:1.4rem;height:40px;justify-content:center;margin:4px;padding:4px;position:absolute;right:0;top:0;width:40px;z-index:2}.task-details-modal .close-modal:hover{background-color:rgba(0,0,0,.078)}.task-details-modal .task-details-content{display:flex;flex-direction:column;justify-content:space-around;width:100%}.task-details-modal .task-details-content .task-icon{font-size:1.5em}.task-details-modal .task-details-content .task-details-title{-webkit-margin-start:4px;align-items:center;display:flex;gap:10px;margin-inline-start:4px;margin-bottom:50px;margin-top:15px}.task-details-modal .task-details-content .task-details-main{flex:1 1;padding-right:10px}.task-details-modal .task-details-content .details-side-bar .actions-modal,.task-details-modal .task-details-content .details-side-bar .additives-modal,.task-details-modal .task-details-content .details-side-bar .join-section{grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr}.task-details-modal .task-details-content .details-side-bar .actions-modal h3,.task-details-modal .task-details-content .details-side-bar .additives-modal h3,.task-details-modal .task-details-content .details-side-bar .join-section h3{grid-column:1/3}@media(min-width:650px){.task-details-modal .task-details-content{flex-direction:row}.task-details-modal .task-details-content .details-side-bar .actions-modal,.task-details-modal .task-details-content .details-side-bar .additives-modal,.task-details-modal .task-details-content .details-side-bar .join-section{display:block}}.login-container{background-color:#f9fafc;height:100vh;width:100vw}.login-container .signup-login-logo{font-size:1.45em;gap:5px;margin:40px}.login-container .signup-login-logo .jello-logo{color:#0052cc;font-size:1.134em}.login-container .signup-login-logo .jello-logo-text{font-family:roboto;font-size:1.134em;font-weight:700;margin:0}.login-container .login-screen-img.left{bottom:0;flex:1 1;left:0;max-width:30%;position:absolute;width:400px}.login-container .login-screen-img.right{bottom:0;flex:1 1;max-width:30%;position:absolute;right:0;width:400px}.board-wrapper{background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh}.task-details-modal .task-details-title{flex-wrap:wrap;margin:17px 40px 20px 60px;min-height:32px;position:relative;z-index:1}.task-details-modal .task-details-title textarea{background:rgba(128,26,26,0);border-radius:3px;box-shadow:none;color:#172b4d;font-size:20px;font-weight:600;height:32px;line-height:24px;margin:0 -10px;min-height:24px;padding:4px;resize:none;width:100%}.task-details-modal .task-details-title textarea:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf}.task-details-modal .task-details-title span{font-size:1.5em;left:-40px;position:absolute;top:5px}.task-details-modal .task-details-title p.mini-title{background-color:transparent;color:#5e6c84;display:inline-block;margin:0 0 0 -5px}.task-details-container .task-data-container .members-container{color:#5e6c84;display:block;float:left;font-weight:600;line-height:16px;line-height:20px;margin:0 16px 0 0}.task-details-container .task-data-container .members-container .member-avatar-img{cursor:pointer;overflow:hidden;padding:2px 0 0 2px;width:32px}.task-details-container .task-data-container .members-container p{font-size:12px;margin:0 8px 0 5px}.task-details-container .task-data-container .members-container .add-task-member{align-items:center;background-color:rgba(66,82,110,.098);border:1px solid rgba(9,30,66,.02);border-radius:50px;color:#7b7b7b;display:flex;font-size:2em;font-weight:200;height:32px;justify-content:center;position:relative;right:-10px;top:4px;width:32px}.task-details-container .task-data-container .members-container .add-task-member:hover{background-color:rgba(66,82,110,.129)}.task-details-container .task-data-container .label-shower{float:left;margin:0 8px 8px 10px}.task-details-container .task-data-container .label-shower h3{color:#5e6c84;font-size:12px;font-weight:600;line-height:20px;margin:0 8px 4px 0}.task-details-container .task-data-container .label-shower .labels-shower-container{display:flex;flex-wrap:wrap;gap:4px}.task-details-container .task-data-container .label-shower .labels-shower-container .add-label-btn{align-items:center;background-color:rgba(9,30,66,.04);border:none;border-radius:3px;display:flex;height:32px;justify-content:center;width:32px}.task-details-container .task-data-container .label-shower .labels-shower-container .add-label-btn:hover{background-color:rgba(0,0,0,.078)}.task-details-container .task-data-container .label-shower .labels-shower-container .label-shower-btn{border:none;border-radius:3px;color:#172b4d;font-size:14px;font-weight:400;height:32px;line-height:32px;max-width:100%;min-width:48px;padding-left:30px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.task-details-container .task-data-container .label-shower .labels-shower-container .label-shower-btn:hover{opacity:.8}.task-details-container .task-data-container{margin-left:50px}.task-details-container .task-data-container .date-shower{float:left;height:56px;margin:10px 0 20px;width:100%}.task-details-container .task-data-container .date-shower h3{color:#5e6c84;font-size:12px;font-weight:600;line-height:20px;margin:0 8px 4px 0}.task-details-container .task-data-container .date-shower .date-shower-container{align-items:center;display:flex}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn{align-items:center;background-color:rgba(9,30,66,.04);border-radius:3px;color:#172b4d;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:5px;line-height:20px;padding:6px 12px}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn .isdone{border-radius:2px;color:#fff;font-size:12px;padding:0 4px}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn .isdone.complete{background-color:#61bd4f}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn .isdone.overdue{background-color:#ec9488}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn .isdone.due-soon{background-color:#f2d600;color:#172b4d}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn .arrow-down{align-items:center;color:#172b4d;display:flex;font-size:14px;justify-content:center}.task-details-container .task-data-container .date-shower .date-shower-container .time-display-btn:hover{background-color:rgba(9,30,66,.1)}.task-details-container .description-container{-webkit-margin-start:17px;clear:both;margin-inline-start:17px;margin-bottom:24px}.task-details-container .description-container h3{display:inline-block;font-size:1.1em;margin:0;min-height:18px;min-width:40px;width:auto}.task-details-container .description-container .description-txtarea{background-color:rgba(9,30,66,.039);bottom:4px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:.95em;margin-bottom:10px;min-height:45px;position:relative;transition:all .5s;width:100%}.task-details-container .description-container .description-txtarea:hover{background-color:rgba(9,30,66,.078);cursor:pointer}.task-details-container .description-container .description-txtarea:focus{background-color:#fff;border:0 #fff;box-shadow:inset 0 0 0 2px #0079bf;cursor:auto;min-height:108px;outline:none}@media(min-width:650px){.task-details-container .description-container .description-txtarea{-webkit-margin-start:37px;margin-inline-start:37px;width:92.4%}}.task-details-container .description-container .description-txtarea.have-description{background-color:#f5f5f5}.task-details-container .description-container .description-title{-webkit-margin-start:4px;align-items:center;color:#42526e;display:flex;flex-direction:row;gap:13px;height:32px;margin-inline-start:4px;margin-bottom:2px;padding:32px 0}.task-details-container .description-container .description-title h3{display:inline-block;font-size:1rem;margin:0;min-height:18px;min-width:40px;width:auto}.task-details-container .description-container .description-btn{-webkit-margin-start:43px;margin-inline-start:43px}.task-details-container .description-container .description-btn>*{align-items:center;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#172b4d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:0 4px 0 0;padding:6px 12px;text-decoration:none;transition:all .5s;white-space:normal}.task-details-container .description-container .description-btn.save{-webkit-margin-end:5px;background-color:#0079bf;border:none;box-shadow:none;color:#fff;margin-inline-end:5px}.task-details-container .description-container .description-btn.save:hover{background-color:#026aa7;border:none;box-shadow:none;color:#fff}.task-details-container .description-container .description-btn.cancel{background-color:initial;border:none;box-shadow:none}.task-details-container .description-container .description-btn.cancel:hover{background-color:rgba(9,30,66,.078);background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.078));border:none;box-shadow:none}.task-details-container .attachments-container{-webkit-margin-start:15px;margin-inline-start:15px}.task-details-container .attachments-container .img-container{-webkit-margin-start:40px;border-radius:3px;margin:0;margin-inline-start:40px;min-height:80px;overflow:hidden;position:relative}.task-details-container .attachments-container .img-container div{margin-bottom:20px;position:relative}.task-details-container .attachments-container .img-container div a{background-color:rgba(9,30,66,.039);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:7px;height:80px;left:0;margin-top:-40px;position:absolute;text-align:center;text-decoration:none;top:50%;width:112px;z-index:1}.task-details-container .attachments-container .img-container div p{box-sizing:border-box;cursor:pointer;margin:0;min-height:80px;padding:8px 8px 8px 128px;z-index:0}.task-details-container .attachments-container .img-container div p span{font-size:.875rem}.task-details-container .attachments-container .img-container div p .attachment-url{word-wrap:break-word;font-weight:700}.task-details-container .attachments-container .img-container div p .attachment-details{color:#5e6c84;margin-bottom:5px}.task-details-container .attachments-container .img-container div p .attachment-details .delete-attachment{text-decoration:underline}.task-details-container .attachments-container .img-container div p .attachment-details .delete-attachment:hover{color:#172b4d}.task-details-container .attachments-container .img-container div p .attachment-cover{color:#5e6c84;text-decoration:underline}.task-details-container .attachments-container .img-container div p .attachment-cover .icon{font-size:10px;height:20px;line-height:20px;width:20px}.task-details-container .attachments-container .img-container div p .attachment-cover .icon svg{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.task-details-container .attachments-container .img-container div p .attachment-cover .icon svg:after{content:" "}.task-details-container .attachments-container .attachments-title{gap:15px;margin-bottom:-13px}.task-details-container .attachments-container .attachments-title h1{font-size:1.1em}.task-details-container .attachments-container .add-attachment{-webkit-margin-start:42px;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#172b4d;cursor:pointer;display:block;height:32px;margin-inline-start:42px;max-width:300px;overflow:hidden;padding:6px 12px;position:relative;text-decoration:none;text-overflow:ellipsis;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;white-space:nowrap}.task-details-container .attachments-container .add-attachment:hover{background-color:rgba(9,30,66,.078)}.task-details-container .activities-container{-webkit-margin-start:21px;margin-inline-start:21px;margin-bottom:35px;margin-top:40px}.task-details-container .activities-container img{border-radius:50%;height:32px;width:32px}.task-details-container .activities-container .activities-title{color:#42526e;gap:15px;height:32px;margin-bottom:10px;padding:8px 0;position:relative}.task-details-container .activities-container .activities-title>*{color:#42526e}.task-details-container .activities-container .activities-title h3{font-size:16px;line-height:20px}.task-details-container .activities-container .activities-title .show-acts{border:none;border-radius:3px;box-sizing:border-box;color:#5e6c84;display:inline-block;line-height:20px;padding:6px 12px;position:absolute;right:5px;text-decoration:none;top:0}.task-details-container .activities-container .activities-title .show-acts:hover{background-color:rgba(9,30,66,.078)}.task-details-container .activities-container .activities-title svg{opacity:.7}.task-details-container .activities-container div img{left:-3px;position:relative}.task-details-container .activities-container .new-comment{gap:17px;margin-bottom:10px;position:relative}.task-details-container .activities-container .new-comment .profile-img{left:0;position:absolute;top:7px}.task-details-container .activities-container .new-comment .comment-box{-webkit-margin-start:41px;background-color:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(9,30,66,.078);margin:4px 4px 12px 0;margin-inline-start:41px;overflow:hidden;padding:8px 12px;position:relative;transition:box-shadow 85ms ease;transition-duration:85ms;transition-property:padding-bottom;transition-timing-function:ease;width:93%}.task-details-container .activities-container .new-comment .comment-box.focused{box-shadow:0 4px 8px -2px rgba(9,30,66,.251),0 0 0 1px rgba(9,30,66,.078);padding-bottom:56px}.task-details-container .activities-container .new-comment .comment-box .comment-txtarea{background:#fff;border:0;box-shadow:none;box-sizing:initial;font-family:var(--body);font-size:1.05em;height:20px;margin:0;overflow:hidden;overflow-wrap:break-word;padding:0;resize:none;width:100%}.task-details-container .activities-container .new-comment .comment-box .comment-btn{-webkit-margin-start:35px;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;bottom:7px;box-shadow:none;color:#a5adba;cursor:not-allowed;left:-23px;margin-inline-start:35px;padding:6px 12px;position:absolute}.task-details-container .activities-container .new-comment .comment-box .comment-btn.active{background-color:#0079bf;border:none;box-shadow:none;color:#fff;cursor:pointer}.task-details-container .activities-container .new-comment .comment-box .comment-btn.active:hover{background-color:#026aa7}.task-details-container .activities-container .task-activities{color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:20px}.task-details-container .activities-container .task-activities .activity{gap:10px;margin-bottom:37px;position:relative}.task-details-container .activities-container .task-activities .activity .activity-txt{position:relative}.task-details-container .activities-container .task-activities .activity .activity-txt .username{font-weight:700}.task-details-container .activities-container .task-activities .activity .activity-txt .time{font-size:12px;padding:1px 0 0}.task-details-container .activities-container .task-activities .activity .activity-txt .opTxt.comment{background-color:#fff;border-radius:3px;box-shadow:0 0 0 1px rgba(9,30,66,.078);box-sizing:border-box;clear:both;display:inline-block;left:0;margin:4px 2px 4px 0;overflow:hidden;padding:8px 12px;position:absolute;text-overflow:ellipsis;top:22px;width:133.5%}.task-details-container .details-side-bar{bottom:24px;float:right;overflow:hidden;padding:0 16px 8px 10px;position:relative;z-index:10}.task-details-container .details-side-bar span{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.task-details-container .details-side-bar h3{color:#5e6c84;font-size:12px;font-weight:600;line-height:20px;margin-bottom:-4px;margin-top:16px}.task-details-container .details-side-bar button{align-items:center;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;color:#172b4d;display:block;display:flex;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;font-weight:400;gap:7px;height:32px;line-height:20px;margin-top:8px;max-width:300px;overflow:hidden;padding:6px 10px;position:relative;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease}@media(min-width:650px){.task-details-container .details-side-bar button{width:170px}}.task-details-container .details-side-bar button svg{font-size:16px;line-height:20px}.task-details-container .details-side-bar button:hover{background-color:rgba(0,0,0,.078)}.task-details-container .details-side-bar button .check{display:none}.task-details-container .details-side-bar button .unCheck{display:inline;display:initial}.task-details-container .details-side-bar .isJoinedContainer>*{font-size:85px}.task-details-container .task-details-header{background-color:rgba(28,24,22,.107);background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;box-sizing:border-box;height:160px;min-height:116px;padding:0;position:relative;transition:opacity 85ms;width:100%}.task-details-container .task-details-header .cover-btn-header{background-color:rgba(0,0,0,.078);border:none;border-radius:3px;bottom:8px;color:#172b4d;padding:8px 12px 6px 9px;position:absolute;right:8px;text-decoration:none}.task-details-container .task-details-header .cover-btn-header svg{font-size:10px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.task-details-container .task-details-header .cover-btn-header:hover{background-color:rgba(0,0,0,.161)}.task-checklist{width:99%}.task-checklist .checklist-preview{-webkit-margin-start:11px;margin-inline-start:11px;margin-bottom:35px;margin-top:28px}.task-checklist .checklist-preview button{color:#172b4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;margin-top:8px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease}.task-checklist .checklist-preview button:hover{background-color:rgba(9,30,66,.078)}.task-checklist .checklist-preview .checklist-title{-webkit-margin-start:10px;color:#42526e;height:37px;margin-inline-start:10px;margin-bottom:10px}.task-checklist .checklist-preview .checklist-title .checklist-title-container{gap:15px}.task-checklist .checklist-preview .checklist-title .checklist-title-container h3{font-size:16px;line-height:20px}.task-checklist .checklist-preview .title-txtarea-container{gap:15px;margin-bottom:20px;position:relative}.task-checklist .checklist-preview .title-txtarea-container .title-txtarea{background:rgba(9,30,66,.039);border-color:rgba(9,30,66,.129);box-shadow:inset 0 0 0 1px rgba(9,30,66,.129);font-size:16px;height:54px;line-height:19px;margin-bottom:4px;overflow:hidden;overflow-wrap:break-word;resize:none;width:100%}.task-checklist .checklist-preview .title-txtarea-container .checklist-title-edit-btns .cancel{font-size:1.5rem;left:-7px;position:relative;top:7px}.task-checklist .checklist-preview .progress{-webkit-padding-start:10px;margin-bottom:10px;padding-inline-start:10px;position:relative}.task-checklist .checklist-preview .progress span{color:#5e6c84;font-size:11px;left:5px;line-height:10px;position:absolute;text-align:center;top:-1px;width:32px}.task-checklist .checklist-preview .progress .progress-bar{background:rgba(9,30,66,.078);border-radius:4px;clear:both;height:8px;margin:0 0 0 32px;overflow:hidden;position:relative}.task-checklist .checklist-preview .progress .progress-bar .progress-bar-current{background:#5ba4cf;bottom:0;left:0;position:absolute;top:0;transition-duration:.14s;transition-property:width,background;transition-timing-function:ease-in}.task-checklist .checklist-preview .add-checklist{margin-left:2px}.task-checklist .checklist-preview .add-checklist textarea{background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf;color:#172b4d;cursor:text;float:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;height:56px;margin:4px 39px 10px;overflow:hidden;overflow-wrap:break-word;resize:vertical;text-align:left;text-align:initial;text-decoration:none;width:87%}@media(min-width:650px){.task-checklist .checklist-preview .add-checklist textarea{width:93%}}.task-checklist .checklist-preview .todo-list{-webkit-margin-start:.8px;margin-inline-start:.8px}.task-checklist .checklist-preview button{-webkit-margin-start:43px;align-items:center;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#5e6c84;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin-inline-start:43px;padding:6px 12px;text-decoration:none;transition:all .5s;white-space:normal}.task-checklist .checklist-preview .save{-webkit-margin-end:5px;-webkit-margin-start:40px;background-color:#0079bf;border:none;box-shadow:none;color:#fff;margin-inline-end:5px;margin-inline-start:40px}.task-checklist .checklist-preview .save:hover{background-color:#026aa7;border:none;box-shadow:none;color:#fff}.task-checklist .checklist-preview .cancel{-webkit-margin-start:0;background-color:initial;border:none;box-shadow:none;margin-inline-start:0}.task-checklist .checklist-preview .cancel:hover{background-color:rgba(9,30,66,.078);background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.078));border:none;box-shadow:none}.todo-preview{cursor:pointer;margin-bottom:0}.todo-preview:hover .todo-menu{-webkit-margin-end:5px;margin-inline-end:5px;opacity:1;transition:opacity .2s}.todo-preview:hover{background-color:rgba(9,30,66,.039)}.todo-preview .todo-menu{border-radius:3px;font-size:16px;height:22px;line-height:20px;opacity:0;padding:2px;width:20px}.todo-preview .todo-menu:hover{background-color:rgba(9,30,66,.078)}.todo-preview .todo-preview-container{bottom:8px;display:block;float:left;left:2.5px;margin-bottom:4px;position:relative;width:100%;z-index:50}.todo-preview .todo-preview-container span .todo-checkbox{padding:9px 9px 9px 5px}.todo-preview .todo-preview-container svg{-webkit-margin-end:3px;font-size:1.5em;margin-inline-end:3px}.todo-preview .todo-preview-container .todo-title{color:#5e6c84;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:20px}.todo-preview .todo-preview-container .todo-title.done{text-decoration:line-through}.todo-preview .todo-preview-container .text-area-container{height:72px;padding-top:17px}.todo-preview .todo-preview-container .text-area-container .todo-title-txtarea{background:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(9,30,66,.129);box-sizing:border-box;color:#172b4d;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;height:55px;left:43px;line-height:20px;margin-bottom:4px;outline:none;overflow:hidden;overflow-wrap:break-word;padding:8px 12px;position:relative;resize:none;top:-45px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;width:85%}@media(min-width:650px){.todo-preview .todo-preview-container .text-area-container .todo-title-txtarea{width:92%}}.todo-preview .todo-preview-container .text-area-container button{align-items:center;background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#172b4d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:0 4px 0 0;padding:6px 12px;text-decoration:none;transition:all .5s;white-space:normal}.todo-preview .todo-preview-container .text-area-container .todo-edit-btns{bottom:38px;left:45px;position:relative}.todo-preview .todo-preview-container .text-area-container .todo-edit-btns .save{-webkit-margin-end:5px;background-color:#0079bf;border:none;box-shadow:none;color:#fff;margin-inline-end:5px}.todo-preview .todo-preview-container .text-area-container .todo-edit-btns .save:hover{background-color:#026aa7;border:none;box-shadow:none;color:#fff}.todo-preview .todo-preview-container .text-area-container .todo-edit-btns .cancel{background-color:initial;border:none;bottom:-9px;box-shadow:none;font-size:1.125rem;left:-11px;line-height:32px;position:relative}.cover-modal{margin-top:-24px}.cover-modal .cover-pick{grid-gap:8px;background-position:50%;background-repeat:no-repeat;background:#fff;border:1px solid rgba(9,30,66,.08);border-radius:3px;box-shadow:none;cursor:pointer;display:grid;gap:8px;grid-template-columns:1fr 1fr;height:62px;margin:0 0 16px;position:relative;width:134px}.cover-modal .cover-pick .header-cover.focused{border-radius:3px}.cover-modal .cover-pick .header-cover .card-header{background:#6b778c;background-size:cover;border-radius:3px 3px 0 0;height:28px;opacity:.3}.cover-modal .cover-pick .header-cover .card-body{padding:6px 4px 4px 6px;position:relative}.cover-modal .cover-pick .header-cover .card-body .top-line{background:rgba(107,119,140,.42);border-radius:2px;height:4px;width:122px}.cover-modal .cover-pick .header-cover .card-body .middle-line{background:rgba(107,119,140,.42);border-radius:2px;height:4px;margin-top:4px;width:98px}.cover-modal .cover-pick .header-cover .card-body .bottom-line{margin-top:6px}.cover-modal .cover-pick .header-cover .card-body .bottom-line>*{background:#6b778c;border-radius:2px;height:6px;margin-right:2px;opacity:.3;width:16px}.cover-modal .cover-pick .header-cover .card-body .dot-corner{background:#6b778c;border-radius:5px;bottom:4px;height:10px;opacity:.3;position:absolute;right:4px;width:10px}.cover-modal .cover-pick .body.focused{border-radius:3px}.cover-modal .cover-pick .body .body-cover{background:#5e6c84;background-size:cover;border:1px solid rgba(9,30,66,.08);border-radius:3px;box-shadow:none;height:62px;margin:0;opacity:.3;position:relative;width:134px}.cover-modal .cover-pick .body .body-cover .card-body{bottom:4px;padding:6px 4px 4px 6px;position:absolute}.cover-modal .cover-pick .body .body-cover .card-body>*{background:#fff;border-radius:2px;height:4px;opacity:1}.cover-modal .cover-pick .body .body-cover .card-body .top-line{width:116px}.cover-modal .cover-pick .body .body-cover .card-body .middle-line{margin-top:4px;width:92px}.cover-modal button{background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;color:#172b4d;height:32px;margin-bottom:17px;padding:1px}.cover-modal button:hover{background-color:rgba(9,30,66,.078)}.cover-modal .color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:0 -4px;overflow-x:hidden;padding:4px}.cover-modal .color-picker .cover-clr-picker{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;box-shadow:none;cursor:pointer;height:72px;height:32px;margin:0;width:100%;width:50px}.cover-modal .color-picker .cover-clr-picker:hover{-webkit-filter:saturate(85%) brightness(85%);filter:saturate(85%) brightness(85%)}.cover-modal .color-picker .cover-clr-picker.focused{box-shadow:0 0 0 2px #fff,0 0 0 4px #0079bf}.cover-modal .cover-attach-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin:0 -4px;overflow-x:hidden;padding:4px}.cover-modal .cover-attach-container .cover-attach{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;cursor:pointer;height:48px;margin:0;width:88px}.cover-modal .unsplash-cover .search-photos-container{display:flex;justify-content:center;margin-bottom:5px;position:relative}.cover-modal .unsplash-cover .search-photos-container .filter-text-input{border-radius:3px;height:1.5rem}.cover-modal .unsplash-cover .search-photos-container .icon-container{bottom:0;font-size:1.2rem;position:absolute;right:59px}.cover-modal .unsplash-cover .backgrounds-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin:0 -4px;overflow-x:hidden;padding:4px;position:relative}.cover-modal .unsplash-cover .backgrounds-container div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px;box-shadow:none;cursor:pointer;height:48px;margin:0;position:relative;width:88px}.cover-modal .unsplash-cover .backgrounds-container div.focused{box-shadow:0 0 0 2px #fff,0 0 0 4px #0079bf}.cover-modal .unsplash-cover .backgrounds-container div .creator-link{background:rgba(0,0,0,.502);border-radius:0 0 2px 2px;bottom:0;box-sizing:border-box;color:#dfe1e6;cursor:pointer;font-size:12px;height:20px;left:0;line-height:16px;opacity:0;overflow:hidden;padding:2px 4px;position:absolute;text-align:left;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;width:100%}.cover-modal .unsplash-cover .backgrounds-container div:hover{opacity:.7;transition:.3s}.cover-modal .unsplash-cover .backgrounds-container div:hover .creator-link{opacity:1}.copy-modal .copy-btn{background-color:rgba(9,30,66,.039);border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:inherit;cursor:pointer;display:block;margin-top:8px;max-width:300px;overflow:hidden;padding:6px 12px;position:relative;text-decoration:none;text-overflow:ellipsis;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.copy-modal .copy-btn:hover{background-color:rgba(9,30,66,.078)}.copy-modal .select{border:none;cursor:pointer;height:50px;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.copy-modal .copy-picker-title{margin-bottom:0;margin-top:0}.copy-modal .copy-title-txtarea{background-color:#fafbfc;border:none;border-radius:3px;box-shadow:inset 0 0 0 2px #dfe1e6;box-sizing:border-box;display:block;height:72px;line-height:20px;margin:4px 0 12px;outline:none;padding:8px 12px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;width:100%}.copy-modal .copy-title-txtarea:focus{background-color:#fff;box-shadow:inset 0 0 0 2px #0079bf}.copy-modal .copy-keep{align-items:center;display:flex}.copy-modal .to-board{flex-wrap:wrap;float:left;font-size:14px;height:48px;margin-top:0;position:relative;width:100%}.copy-modal .to-board .board-copy{font-size:12px;margin-top:-1px}.copy-modal .to-board .board-copy-title{margin-top:-15px}.copy-modal .copy-body{flex-wrap:wrap;margin-bottom:12px;width:100%}.copy-modal .copy-body .to-group{flex:3 1;float:left;height:48px;margin-right:8px;position:relative}.copy-modal .copy-body .to-group .copy-list{font-size:12px;margin-top:0}.copy-modal .copy-body .to-group .copy-list-title{margin-top:-16px}.copy-modal .copy-body .to-position{flex:1 1;height:48px}.copy-modal .copy-body .to-position .copy-position{font-size:12px;margin-top:0}.copy-modal .copy-body .to-position .copy-position-title{margin-top:-16px}.copy-modal .copy-submit{background-color:#0079bf;border:none;border-radius:3px;box-shadow:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;justify-content:center;line-height:20px;padding:6px 12px;text-decoration:none;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;white-space:normal}.app-header,.copy-modal .copy-submit:hover{background-color:#026aa7}.app-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.16);color:#f5f5f5;display:flex;height:45px;justify-content:space-between;padding:6px 4px;z-index:150}.app-header.board{background-color:#000}.app-header a{gap:10px;height:inherit}.app-header .header-logo{-webkit-margin-start:10px;align-items:center;cursor:pointer;display:flex;margin-bottom:0;margin-inline-start:10px;opacity:1;width:85px}.app-header .header-logo span{-webkit-margin-end:5px;margin-inline-end:5px}.app-header .header-logo .jello-logo-text{font-family:fira-reg;font-size:1.2em;font-weight:700;margin:0;opacity:1}.app-header .log-sig{-webkit-margin-end:1px;cursor:pointer;font-size:1.9em;margin-inline-end:1px;opacity:1}.app-header .log-sig .notification-btn{-webkit-padding-start:2px;-webkit-margin-end:10px;border-radius:3px;font-size:20px;height:25px;margin-inline-end:10px;opacity:1;padding-inline-start:2px;width:25px}.app-header .log-sig .notification-btn.red{background-color:#e55844}.app-header .log-sig .notification-btn:hover{background-color:hsla(0,0%,100%,.2)}.app-header .log-sig img{border-radius:50%;height:32px;object-fit:cover;opacity:1;width:32px}.notification-container{background-color:#fff;border-radius:3px;box-shadow:0 8px 16px -4px rgba(9,30,66,.25);color:#172b4d;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);height:88%;overflow:hidden;position:absolute;right:5px;text-align:center;top:50px;width:250px;z-index:1500}.notification-container .modal-headline{align-items:center;display:grid;grid-template-columns:12px 1fr 12px;margin-bottom:8px;padding:0 12px;position:relative}.notification-container .modal-headline .headline{margin:5px}.notification-container .notifications-msg .not-msg{font-size:14px;line-height:1.2em;margin:0;padding:6px}.notification-container .notifications-msg .not-msg.task-name{cursor:pointer;text-decoration:underline}.notification-container .notifications-msg .not-msg.user-name{font-weight:700}.notification-container .notifications-msg .not-msg-time{font-size:12px;margin:0 0 4px}.notification-container hr{margin:0}.notification-container .profile-img{margin:5px;width:100px}.notification-container .profile-img img{border-radius:50%;height:50px;object-fit:cover;width:50px}.login-container .signup-login-logo{font-size:35px;margin:40px 0}.login-container .signup-login-logo h1{-webkit-margin-start:10px;font-family:fira-reg;font-size:3.125rem;margin:0;margin-inline-start:10px}.login-container .signup-section .signup-form{background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:.55em;margin:0 25px;max-width:585px;min-width:350px;padding:25px 40px;text-align:center;width:400px}.login-container .signup-section .signup-form h1{color:#5e6c84;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:28px;margin-bottom:25px;margin-top:10px;text-align:center}.login-container .signup-section .signup-form input{background-color:#fafbfc;border:2px solid #dfe1e6;border-radius:3px;font-size:14px;height:44px;margin-bottom:16.8px;max-width:400px;outline:none;padding:.5em;width:100%}.login-container .signup-section .signup-form button{background-color:#0052cc;border:0;border-radius:.3em;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;min-height:40px;padding:.6em 1.3em;position:relative}.login-container .signup-section .signup-form .as-guest-btn{border-color:transparent;border-radius:3px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);color:rgba(0,0,0,.54);font-family:sans-serif;font-size:1.45em;height:39px;justify-content:center;margin-bottom:12px;padding-top:0;text-align:center;width:99%}.login-container .signup-section .signup-form .as-guest-btn img{-webkit-margin-end:5px;margin-inline-end:5px;padding:1px;width:8.5%}.login-container .signup-section .signup-form .login-bottom-navigation{color:#0052cc;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;gap:20px;justify-content:center}.login-container .signup-section .signup-form span{font-size:12px;margin:16px 0}.login-container .signup-section .signup-form hr{margin:2em 0 1em}.login-container .login-section .login-form{background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:.55em;margin:0 25px;max-width:585px;min-width:350px;padding:25px 40px;text-align:center;width:400px}.login-container .login-section .login-form h1{color:#5e6c84;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:28px;margin-bottom:25px;margin-top:10px;text-align:center}.login-container .login-section .login-form input{background-color:#fafbfc;border:2px solid #dfe1e6;border-radius:3px;font-size:14px;height:44px;margin-bottom:16.8px;max-width:400px;outline:none;padding:.5em;width:100%}.login-container .login-section .login-form button{background-color:#5aac44;border:0;border-radius:.3em;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;min-height:40px;padding:.6em 1.3em;position:relative}.login-container .login-section .login-form .as-guest-btn{border-color:transparent;border-radius:3px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);color:rgba(0,0,0,.54);font-family:sans-serif;font-size:1.45em;height:39px;justify-content:center;margin-bottom:12px;padding-top:0;text-align:center;width:99%}.login-container .login-section .login-form .as-guest-btn img{-webkit-margin-end:5px;margin-inline-end:5px;padding:1px;width:8.5%}.login-container .login-section .login-form .login-bottom-navigation{color:#0052cc;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;gap:20px;justify-content:center}.login-container .login-section .login-form span{font-size:12px;margin:16px 0}.login-container .login-section .login-form hr{margin:2em 0 1em}.board-list{margin-bottom:20px;padding:10px}.board-list h3{-webkit-padding-start:8px;padding-inline-start:8px}.board-list .board-list-container{display:flex;flex-wrap:wrap}.board-list .board-list-container .create-board-preview{-webkit-margin-end:16px;-webkit-margin-after:15px;background-color:rgba(9,30,66,.039);background-size:cover;border-radius:5px;cursor:pointer;height:95px;margin-block-end:15px;margin-inline-end:16px;padding:8px;position:relative;width:275px;z-index:20}.board-list .board-list-container .create-board-preview h1{-webkit-margin-start:5px;font-size:1.1em;font-weight:400;line-height:1em;margin:0;margin-inline-start:5px;position:relative;text-align:center;top:40%}.board-list .board-list-container .create-board-preview:hover{background-color:rgba(9,30,66,.118)}.board-preview-container{-webkit-margin-end:16px;background-color:#000;border-radius:10px;margin-bottom:25px;margin-inline-end:16px;position:relative;z-index:15}.board-preview-container .board-preview{background-color:#5f9ea0;background-position:50%;background-size:cover;border-radius:3px;color:#2f2d2d;cursor:pointer;height:96px;padding:1px;position:relative;width:275px;z-index:20}.board-preview-container .board-preview .board-preview-fade{background-color:rgba(0,0,0,.141);bottom:0;left:0;position:absolute;right:0;top:0}.board-preview-container .board-preview .board-preview-fade:hover div{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.board-preview-container .board-preview .board-preview-fade h1{-webkit-margin-before:10px;-webkit-margin-start:10px;color:#f5f5f5;margin:0;margin-block-start:10px;margin-inline-start:10px;text-shadow:0 0 4px #464444}.board-preview-container .board-preview .board-preview-fade div{bottom:3px;color:#f5f5f5;opacity:0;position:absolute;right:0;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;z-index:20}.board-preview-container .board-preview .board-preview-fade div svg{position:relative;text-shadow:0 0 4px #464444}.board-preview-container .board-preview .board-preview-fade div.starred{color:gold;opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.board-preview-container .board-preview .board-preview-fade:hover{background-color:rgba(0,0,0,.349)}.create-board-modal{background-color:#fff;background-color:var(--ds-surface-overlay,#fff);border-radius:3px;box-shadow:0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08);box-shadow:var(--ds-shadow-overlay,0 8px 16px -4px rgba(9,30,66,.25),0 0 0 1px rgba(9,30,66,.08));box-sizing:border-box;color:#172b4d;color:var(--ds-text,#172b4d);font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;font-weight:400;line-height:20px;outline:0;overflow:hidden;position:fixed;width:300px;z-index:80}.create-board-modal .modal-header{align-items:center;display:grid;grid-template-columns:12px 1fr 12px;margin-bottom:8px;padding:0 12px;position:relative;text-align:center}.create-board-modal .modal-header .modal-title{align-items:center;border-bottom:1px solid rgba(9,30,66,.129);display:flex;font-size:.875;grid-column:2;grid-column:1/span 3;grid-row:1;height:40px;justify-content:center;margin:0;padding:0 32px;position:relative;white-space:nowrap}.create-board-modal .modal-header .close-modal{position:absolute;right:10px;width:14px}.create-board-modal .modal-main-body{padding:0 8px 8px}.create-board-modal .modal-main-body .modal-background-choice{height:113px;justify-content:center;margin:auto;width:200px}.create-board-modal .modal-main-body .modal-background-choice img{height:103px;justify-content:space-around;width:186px}.create-board-modal .modal-main-body .background-gallery{-webkit-padding-start:2px;-webkit-padding-end:2px;font-size:12px;font-weight:700;margin:17px 0 4px;padding-inline-end:2px;padding-inline-start:2px}.create-board-modal .modal-main-body .photo-gallery-container{-webkit-padding-start:0;-webkit-margin-after:0;gap:5px;margin-block-end:0;margin-top:4px;padding-bottom:0;padding-inline-start:0}.create-board-modal .modal-main-body .photo-gallery-container .new-board-photo{background-size:cover;border:none;border-radius:3px;height:40px;width:64px}.create-board-modal .modal-main-body .color-gallery-container{-webkit-padding-start:0;gap:5px;margin-top:4px;padding-bottom:8px;padding-inline-start:0}.create-board-modal .modal-main-body .color-gallery-container .new-board-color{background-size:cover;border:none;border-radius:3px;height:32px;width:40px}.create-board-modal .modal-main-body form div{color:#5e6c84;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:12px;font-weight:700;line-height:16px}.create-board-modal .modal-main-body form input{background-color:#fafbfc;background-color:var(--ds-background-input,#fafbfc);box-shadow:inset 0 0 0 2px #dfe1e6;box-shadow:inset 0 0 0 2px var(--ds-border-input,#dfe1e6);color:#172b4d;margin-bottom:0;margin-top:2px;outline:none;padding:8px 12px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease}.create-board-modal .modal-main-body form button,.create-board-modal .modal-main-body form input{border:none;border-radius:3px;box-sizing:border-box;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;font-weight:400;line-height:20px;width:100%}.create-board-modal .modal-main-body form button{align-items:center;background-color:#0079bf;background-color:var(--ds-background-brand-bold,#0079bf);box-shadow:none;color:#fff;color:var(--ds-text-inverse,#fff);cursor:pointer;display:inline-flex;justify-content:center;margin-top:10px;padding:6px 12px;text-decoration:none;white-space:normal}.create-board-modal .modal-main-body form button.greyed{background-color:#bdbdbd;color:hsla(0,0%,46%,.886);cursor:not-allowed}.member-avatar{-webkit-margin-end:-5px;align-items:center;color:#262626;cursor:pointer;margin:2px -2px;margin-inline-end:-5px;padding:0 0 0 4px}.member-avatar .member-avatar-img{border-radius:50%;height:32px;object-fit:cover;width:32px}.member-avatar:hover{opacity:.8}.member-avatar p{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);margin:0}.member-avatar .board-list-pre,.member-avatar .picker-pre{-webkit-margin-start:10px;margin-inline-start:10px}.member-avatar .picker-pre{display:flex}.member-avatar .log-sig{align-items:center;cursor:pointer;display:flex;font-size:2.1em;justify-content:center;margin-top:-2px}.member-avatar span{flex:1 1}.member-avatar svg{-webkit-margin-end:11px;margin-inline-end:11px}.board-container{display:flex;flex:1 1;flex-direction:column}.board-container ::-webkit-scrollbar{height:12px}.board-container .board{flex-grow:1;position:relative}.board-container .board .board-main-content{align-items:flex-start;background-size:cover;bottom:0;box-sizing:border-box;display:flex;flex:1 1;left:0;margin-bottom:8px;overflow-x:auto;overflow-y:hidden;padding:0 13px 8px;position:absolute;right:0;top:0;white-space:nowrap}.board-container .board .board-main-content .groups-main-container{align-items:start;display:flex;height:100%;margin-bottom:8px}.group-content{-webkit-margin-end:8px;background-color:#ebecf0;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;margin-inline-end:8px;max-height:100%;padding:0 4px;position:relative;white-space:normal;width:272px}.group-content .group-header{align-items:center;display:flex;height:40px;justify-content:center}.group-content .group-header .group-actions-btn{background-color:transparent;border:none;border-radius:3px;color:#5e6c84;height:32px;padding:6px;position:absolute;right:4px;width:32px}.group-content .group-header .group-actions-btn:hover{background:rgba(9,30,66,.078)}.group-content .group-header .group-actions-btn svg{height:16px;width:16px}.group-content .group-header input{background:transparent;border:0;border-radius:3px;color:rgba(23,43,77,.722);font-size:13px;font-weight:600;height:24px;margin:5px 0 12px;outline:0;padding:12px 8px 8px 12px;width:100%}.group-content .group-header input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px #1946b6;box-shadow:inset 0 0 0 1.5px var(--ds-border-input,#1946b6)}.group-content .task-compose{border-radius:3px;box-sizing:border-box;cursor:pointer;display:block;gap:3px;height:40px;margin:-3px -5px 0 -4px;padding:4px 8px;position:relative;white-space:nowrap;width:272px}.group-content .task-compose .compose-btn{background-color:transparent;border:none;border-radius:3px;color:#5e6c84;display:flex;font-size:14px;height:28px;padding:4px 0 4px 30px;width:100%}.group-content .task-compose .compose-btn .plus-sign{color:#5e6c84;font-size:13px;left:18px;position:absolute;top:10px}.group-content .task-compose .compose-btn:hover{background-color:#dadbe3}.group-content .add-task-modal{margin:2px 0 2px 4px}.group-content .add-task-modal textarea{background-color:#fff;border:none;border-radius:3px;box-shadow:0 1px 0 #c0c6d0;cursor:text;height:75px;line-height:20px;outline:none;overflow-wrap:break-word;padding:6px 8px 2px;resize:none;width:98%}.group-content .compose-btns-container{-webkit-margin-before:3px;align-items:flex-start;display:flex;margin-block-start:3px;padding-bottom:6px;position:relative}.group-content .compose-btns-container .add-task-btn{align-items:center;background-color:#0079bf;border:none;border-radius:3px;color:#fff;cursor:pointer;line-height:20px;padding:.375rem .75rem;width:5.125rem}.group-content .compose-btns-container .close-compose-btn{background-color:transparent;border:none;bottom:4px;cursor:pointer;font-size:24px;left:91px;opacity:.55;position:absolute}.group-content .task-container-wrapper{flex:1 1;overflow-x:hidden;overflow-y:auto}.group-content .task-container-wrapper::-webkit-scrollbar{width:8px}.group-content .task-container-wrapper .task-container{display:flex;flex-direction:column;list-style:none;margin:0 4px;min-height:1px;padding:0}.group-content .add-features-modal.group-actions-modal{width:193px}.group-content.group-compose{-webkit-margin-end:0;background-color:hsla(0,0%,100%,.239);border-radius:3px;cursor:pointer;margin-inline-end:0;padding:0}.group-content.group-compose .add-task-modal{background-color:#ebecf0;border-radius:3px;height:80px;margin:0;padding:3px}.group-content.group-compose .add-task-modal textarea{border-radius:3px;box-shadow:inset 0 0 0 2px #0079bf;display:block;font-size:14px;height:36px;margin:0;outline:none;overflow:hidden;padding:8px 12px;resize:none;width:266px}.group-content.group-compose .add-task-modal .compose-btns-container{-webkit-margin-before:4px;align-items:flex-start;display:flex;margin-block-start:4px;margin-bottom:10px;position:relative}.group-content.group-compose .add-task-modal .compose-btns-container .add-task-btn{align-items:center;background-color:#0079bf;border:none;border-radius:3px;color:#fff;cursor:pointer;line-height:20px;padding:.375rem .75rem;width:5.125rem}.group-content.group-compose .add-task-modal .compose-btns-container .close-compose-btn{background-color:transparent;border:none;cursor:pointer;font-size:22px;left:86px;opacity:.75;position:absolute;top:5px}.group-content.group-compose .task-compose{height:40px;margin:0;padding:0;width:272px}.group-content.group-compose .task-compose .compose-btn{border-radius:3px;color:#fff;font-size:14px;height:100%;line-height:31px;line-height:27px;margin:0;padding:6px 8px;position:relative}.group-content.group-compose .task-compose .compose-btn .compose-txt{padding-left:24px}.group-content.group-compose .task-compose .compose-btn:hover{background-color:hsla(0,0%,100%,.322)}.group-content.group-compose .task-compose .compose-btn span.plus-sign{color:#fff;font-size:12px;left:14px;position:absolute;top:8px}.task-preview{background-color:#fff;border-radius:3px;box-shadow:0 1px 0 #c0c6d0;cursor:pointer;display:block;margin-bottom:8px;min-height:20px;position:relative;text-decoration:none}.task-preview .edit-btn{background-clip:padding-box;background-color:transparent;background-origin:initial;border:none;border-radius:3px;font-size:11px;height:24px;opacity:.8;padding:4px;position:absolute;right:2px;top:2px;visibility:hidden;width:24px;z-index:20}.task-preview .edit-btn:hover{background-color:#e7e8eb}@media(min-width:650px){.task-preview:hover{background-color:#f4f5f7}.task-preview:hover .edit-btn{color:#172b4d;visibility:visible}}.task-preview .task-cover{background-color:#443d34;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:3px 3px 0 0;margin-bottom:2px}.task-preview .task-content{overflow:hidden;padding:0 8px 6px 6px;position:relative;z-index:10}.task-preview .task-content p{font-size:14px;margin:0 0 4px}.task-preview .task-content .labels-container{display:flex;flex-wrap:wrap;gap:3px;margin:8px 0 6px;width:90%}.task-preview .task-content .labels-container .label-btn{border-radius:4px;box-sizing:border-box;color:#172b4d;display:inline-block;font-size:12px;font-weight:400;height:8px;line-height:16px;max-width:100%;min-width:40px;overflow:hidden;padding:0 8px;position:relative;text-align:left;text-overflow:ellipsis;transition:.6s;vertical-align:middle;white-space:nowrap}.task-preview .task-content .labels-container .label-btn.open{font-size:12px;height:16px;line-height:14px;min-width:56px;padding-left:15px;transition:.6s}.task-preview .task-content:hover{text-decoration:none}.task-preview .task-content .avatars-container{flex-direction:row-reverse}.task-preview .task-content .task-user-container{align-self:flex-end;flex:1 1;flex-direction:row-reverse;flex-wrap:nowrap;float:right;margin:0 -2px 0 0}.task-preview .task-content .task-user-container .task-users{border-radius:25px;height:30px;margin:2px;object-fit:cover;width:30px}.task-preview .task-content .task-info-container{flex-wrap:wrap}.task-preview .task-content .task-info-container .task-badges{gap:1px;max-width:100%;position:relative}.task-preview .task-content .task-info-container .task-badges .date-badge{background-color:inherit;border-radius:3px;color:#fff;display:inline-flex;font-size:12px;font-weight:400;gap:2px;line-height:20px;margin-right:4px;min-height:20px;padding:1px 6px 3px 3px;position:relative;vertical-align:top}.task-preview .task-content .task-info-container .task-badges .date-badge.white{color:#5e6c84}.task-preview .task-content .task-info-container .task-badges .date-badge.white:hover{background-color:#ebecf0}.task-preview .task-content .task-info-container .task-badges .date-badge.white .date-checkbox{color:#5e6c84}.task-preview .task-content .task-info-container .task-badges .date-badge.red{background:#ec9488}.task-preview .task-content .task-info-container .task-badges .date-badge.yellow{background:#f2d600}.task-preview .task-content .task-info-container .task-badges .date-badge.green{background:#61bd4f}.task-preview .task-content .task-info-container .task-badges .date-badge .date-checkbox{color:#fff;opacity:0}.task-preview .task-content .task-info-container .task-badges .date-badge .clock-icon{font-size:17px;left:5px;position:absolute;top:3.5px}.task-preview .task-content .task-info-container .task-badges .date-badge:hover .clock-icon{display:none}.task-preview .task-content .task-info-container .task-badges .date-badge:hover .date-checkbox{opacity:1}.task-preview .task-content .task-info-container .task-badges.description{-webkit-margin-end:10px;-webkit-padding-start:4px;font-size:12px;margin-inline-end:10px;padding-inline-start:4px;top:2px}.task-preview .task-content .task-info-container .task-badges.comment{-webkit-margin-end:12px;-webkit-padding-start:4px;color:#5e6c84;font-size:12px;gap:5px;height:20px;line-height:20px;margin-bottom:1px;margin-inline-end:12px;padding-inline-start:4px;position:relative;top:2px;width:20px}.task-preview .task-content .task-info-container .task-badges.comment span{font-size:14px}.task-preview .task-content .task-info-container .task-badges.comment p{font-size:13px}.task-preview .task-content .task-info-container .task-badges.attached{-webkit-margin-end:10px;-webkit-padding-start:4px;color:#5e6c84;font-size:12px;gap:5px;height:20px;line-height:20px;margin-bottom:1px;margin-inline-end:10px;padding-inline-start:4px;position:relative;top:2px;width:20px}.task-preview .task-content .task-info-container .task-badges.attached p{font-size:13px}.task-preview .task-content .task-info-container .task-badges.checklist{-webkit-margin-start:2px;border-radius:3px;color:#5e6c84;font-size:12px;gap:5px;margin-bottom:2px;margin-inline-start:2px;max-width:100%;padding:0 5px;position:relative;top:3px}.task-preview .task-content .task-info-container .task-badges.checklist.done{background-color:#61bd4f;color:#fff}.task-preview .task-content .task-info-container .task-badges.checklist .checklist-icon{font-size:15px}.task-preview .task-content .task-info-container .task-badges.checklist .todo-num{font-size:.8rem;margin-bottom:3px;position:relative}.task-preview .mini-task{background-repeat:no-repeat;background-size:cover;border-radius:3px 3px 0 0;color:#172b4d;min-height:56px;padding:5px;position:relative}.task-preview .mini-task .mini-task-title{word-wrap:break-word;align-self:flex-end;font-size:16px;font-weight:500;line-height:20px;position:relative;width:100%;z-index:10}.task-preview .mini-task .mini-task-title .mini-task-title p{padding:0 8px}.task-preview .mini-task .img-bg{-webkit-padding-start:7px;align-self:flex-end;background:linear-gradient(180deg,hsla(0,0%,100%,.502),#fff);bottom:-4px;font-size:16px;font-weight:500;left:0;line-height:20px;margin:0 0 4px;overflow:visible;padding-bottom:8px;padding-inline-start:7px;position:absolute;width:100%}.task-preview .mini-task .img-bg:before{background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.502));content:"";height:32px;left:0;mix-blend-mode:normal;position:absolute;right:0;top:-32px;width:100%}.board-header{align-items:center;background-color:transparent;display:flex;height:35px;justify-content:space-between;margin-bottom:10px;margin-top:5px}.board-header .add-board-user{background-color:#fff;border:none;border-radius:3px;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;height:32px;padding:6px 12px}.board-header .add-board-user .board-header-txt{display:none}@media(min-width:650px){.board-header .add-board-user .board-header-txt{display:inline}}.board-header .add-board-user:hover{background-color:hsla(0,0%,100%,.9)}.board-header .add-board-user svg{font-size:12px}.board-header .board-header-container{align-items:center;color:#fff;display:flex;gap:15px;margin:0 0 0 6px}.board-header .board-header-container .avatars-container{display:none}@media(min-width:650px){.board-header .board-header-container .avatars-container{display:flex}}.board-header .board-header-container .board-title{font-size:20px;margin:0 8px 0 9px}@media(min-width:650px){.board-header .board-header-container .board-title{font-size:medium}}.board-header .board-header-container .starred{-webkit-margin-end:-7px;align-items:center;background-color:hsla(0,0%,100%,.239);border-radius:3px;cursor:pointer;display:flex;font-size:17px;height:32px;justify-content:center;margin-inline-end:-7px;transition:all .4s;width:32px}.board-header .board-header-container .starred:hover{background-color:hsla(0,0%,100%,.349);color:#f2d600}.board-header .board-header-container .starred.true{color:gold}.board-header p{-webkit-margin-end:-7px;color:hsla(0,0%,100%,.368);margin-inline-end:-7px}.board-header .show-menu-btn{background-color:hsla(0,0%,100%,.239);border:none;border-radius:3px;color:#fff;height:32px;margin:5px 8px 4px 0;overflow:hidden;padding-left:32px;padding-right:10px;position:relative}.board-header .show-menu-btn .board-header-txt{display:none}@media(min-width:650px){.board-header .show-menu-btn .board-header-txt{display:inline}}.board-header .show-menu-btn svg{font-size:17px;left:13px;position:absolute;top:8px}@media(min-width:650px){.board-header .show-menu-btn svg{left:7px;top:9px}}.board-header .show-menu-btn:hover{background-color:hsla(0,0%,100%,.459)}.share-board-container{background-color:rgba(0,0,0,.639);height:100vh;position:absolute;width:100%;z-index:20}.share-board-container .member-avatar-img{height:32px;width:32px}.share-board-container .share-board-modal{background-color:#fcfcfc;border-radius:3px;color:#172b4d;color:var(--ds-text,#172b4d);display:flex;flex-direction:column;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;font-weight:400;left:50%;line-height:20px;max-height:80%;min-height:200px;padding:20px 0 0 24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}@media(min-width:650px){.share-board-container .share-board-modal{width:600px}}.share-board-container .share-board-modal .members-wrapper{overflow-y:auto}.share-board-container .share-board-modal .share-board-header{align-items:center;font-size:20px;margin:0 24px 16px 0;min-height:32px}.share-board-container .share-board-modal ::-webkit-scrollbar{padding:5px;width:8px}.share-board-container .share-board-modal ::-webkit-scrollbar-track{background-color:rgba(9,30,66,.078);border-radius:10px}.share-board-container .share-board-modal ::-webkit-scrollbar-thumb{background:rgba(9,30,66,.122);border-radius:10px}.share-board-container .share-board-modal .member-search-container{margin:0 24px 20px 0}.share-board-container .share-board-modal .member-search-container .add-member-input-container{background-color:#fafbfc;border:none;border-radius:3px;box-shadow:inset 0 0 0 2px #dfe1e6;box-sizing:border-box;font-size:14px;height:40px;margin:0 8px 0 0;max-width:380px;max-width:512px;min-height:28px;min-height:32px;overflow-x:auto;overflow-y:hidden;padding:6px 12px;width:100%}.share-board-container .share-board-modal .member-search-container .add-member-input-container:active{border:none;box-shadow:inset 0 0 0 2px #0079bf}.share-board-container .share-board-modal .member-search-container button{align-items:center;background-color:#0079bf;border:none;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;height:40px;justify-content:center;line-height:20px;padding:6px 12px;text-decoration:none;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;white-space:normal;width:auto}.share-board-container .share-board-modal .user-list-container{background-color:#fff;border-radius:3px;box-shadow:0 8px 16px -4px rgba(9,30,66,.251),0 0 0 1px rgba(9,30,66,.078);box-shadow:var(--ds-shadow-overlay,0 8px 16px -4px rgba(9,30,66,.251),0 0 0 1px rgba(9,30,66,.078));box-sizing:border-box;margin:4px;max-height:256px;overflow-y:visible;overflow-y:auto;padding:8px;position:absolute;top:110px;width:80%;z-index:10}.share-board-container .share-board-modal .user-list-container pre{margin:0}.share-board-container .share-board-modal .user-list-container pre>*{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:12px;margin:0 5px 0 12px}.share-board-container .share-board-modal .user-list-container span{flex:1 1}.share-board-container .share-board-modal .user-list-container li{cursor:pointer;margin-bottom:10px}.share-board-container .share-board-modal .user-list-container li:hover{background-color:#fafbfc}.share-board-container .board-list-container{gap:10px;padding:16px 24px 0 0}.share-board-container .board-list-container pre{margin:0}.share-board-container .board-list-container pre>*{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:12px;margin:0 5px 0 12px}.share-board-container .board-list-container span{flex:1 1}.share-board-container .board-list-container button{border:none;border-radius:3px;box-shadow:none;color:#172b4d;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px;height:40px;width:auto}.additives-modal-container{max-height:520px;position:fixed;width:304px;z-index:100}.additives-modal-container .add-features-modal{background-color:#fff;border-radius:3px;box-shadow:0 0 1px 1px #dfe1e6;padding:0 7px 12px 12px;width:304px}.additives-modal-container .add-features-modal p{color:#5e6c84}.additives-modal-container .add-features-modal hr{background-color:rgba(9,30,66,.129);border:0;height:1px;margin:16px 0;padding:0;width:100%}.additives-modal-container .add-features-modal .edit-label-header{align-items:center;display:flex;height:40px;justify-content:space-between;margin:0}.additives-modal-container .add-features-modal .edit-label-header~hr{margin-top:0}.additives-modal-container .add-features-modal .edit-label-header div{color:#5e6c84;font-size:16px;margin:0}.additives-modal-container .add-features-modal .edit-label-header span{color:#5e6c84;cursor:pointer;font-size:18px}.additives-modal-container .add-features-modal .edit-label-header span:hover{color:#172b4d}.additives-modal-container .add-features-modal .label-colors-container{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:15px}.additives-modal-container .add-features-modal .label-colors-container button{background-color:transparent;border:none;height:32px;padding:1px;width:51px}.additives-modal-container .add-features-modal .label-colors-container button div{border-radius:3px;cursor:pointer;height:100%;position:relative;width:100%}.additives-modal-container .add-features-modal .label-colors-container button.chosen{border:2px solid #0079bf;border-radius:3px}.additives-modal-container .add-features-modal .create-label-btn{background-color:rgba(9,30,66,.04);border:none;border-radius:3px;color:#172b4d;cursor:pointer;font-size:14px;font-weight:400;line-height:20px;margin:auto;padding:6px 12px;width:100%}.additives-modal-container .add-features-modal .create-label-btn:hover{background-color:#edeef1}.additives-modal-container .add-features-modal .labels-container{display:flex;flex-direction:column;gap:3px;list-style:none;padding:0}.additives-modal-container .add-features-modal .labels-container .label-container label{display:flex;list-style:none;position:relative}.additives-modal-container .add-features-modal .labels-container .label-container label .label-display-btn{border-radius:3px;color:#172b4d;display:inline-block;flex:1 1;font-size:14px;font-weight:400;height:32px;line-height:32px;margin-bottom:0;max-width:100%;min-width:48px;overflow:hidden;padding:0 12px 0 30px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.additives-modal-container .add-features-modal .labels-container .label-container label .label-display-btn .color-ball-display{border-radius:50%;height:16px;left:8px;position:absolute;top:8px;width:16px}.additives-modal-container .add-features-modal .labels-container .label-container label .label-display-btn span{font-size:16px}.additives-modal-container .add-features-modal .labels-container .label-container label .edit-btn{align-items:center;background-color:transparent;border:none;border-radius:3px;color:#172b4d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin:2px 4px;padding:4px 8px;text-decoration:none}.additives-modal-container .add-features-modal .labels-container .label-container label .edit-btn:hover{background-color:#edeef1}.additives-modal-container .add-features-modal .label-title-input{background-color:#fafbfc;border:none;border-radius:3px;box-shadow:inset 0 0 0 2px #dfe1e6;color:#172b4d;font-size:14px;font-weight:400;line-height:20px;margin-bottom:0;outline:none;padding:8px 12px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;width:100%}.additives-modal-container .add-features-modal .label-title-input:focus{box-shadow:inset 0 0 0 2px #0079bf}.additives-modal-container .add-features-modal .label-title-input:hover:not(:focus){background-color:#edeef1}.additives-modal-container .add-features-modal .save-delete-label{color:#fff;display:flex;justify-content:space-between}.additives-modal-container .add-features-modal .save-delete-label button{align-items:center;background-color:#b04632;background-color:var(--ds-background-danger-bold,#b04632);border:none;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px;padding:6px 12px;text-decoration:none;white-space:normal}.additives-modal-container .add-features-modal .save-delete-label button.save-label-btn{background-color:#0079bf}.additives-modal-container .add-features-modal .save-delete-label button.delete-label-btn{background-color:#b04632}.additives-modal-container .add-features-modal .attach-btn{background-color:rgba(9,30,66,.039);border:none;box-shadow:none;cursor:pointer;display:inline-block;font-weight:400;line-height:20px;margin:8px 4px 0 0;padding:6px 12px;text-align:center;transition:all .4s}.additives-modal-container .add-features-modal .attach-btn:hover{background-color:rgba(9,30,66,.078);border:none;box-shadow:none}.additives-modal-container .add-features-modal label{color:#5e6c84;cursor:pointer}.additives-modal-container .add-features-modal .checklist-picker-title{margin-bottom:2px;margin-top:-7px}.additives-modal-container .add-features-modal .checklist-btn{background-color:rgba(9,30,66,.039);background-color:#0079bf;border:none;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-weight:400;line-height:20px;margin:8px 4px 0 0;padding:6px 24px;text-align:center;transition:all .4s}.additives-modal-container .add-features-modal .checklist-btn:hover{background-color:#026aa7;border:none;box-shadow:none}.additives-modal-container .add-features-modal .todo-modal-header{cursor:auto}.additives-modal-container .add-features-modal .todo-actions{padding:0}.additives-modal-container .add-features-modal .todo-actions>*{cursor:pointer;display:block;font-weight:400;margin:-6px -43px 0 -12px;padding:6px 12px;position:relative;text-align:left;width:115%}.additives-modal-container .add-features-modal .todo-actions>:hover{background-color:rgba(9,30,66,.08);border:none;box-shadow:none;color:inherit}.additives-modal-container .add-features-modal .todo-actions .checklist-picker-convert{margin-bottom:10px}.member-container{cursor:pointer;height:32px;line-height:32px;margin-bottom:2px;padding:4px}.member-container p{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,NotoSans,Ubuntu,Helvetica Neue,Arial,sans-serif;font-family:var(--base);font-size:14px}.member-container:hover{background-color:rgba(9,30,66,.039)}.add-features-modal .date-btn{align-items:center;background-color:#0079bf;border:none;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:14px;font-weight:400;justify-content:center;line-height:20px;margin-bottom:6px;padding:6px 12px;width:100%}.add-features-modal .date-btn:hover{background-color:#0069a6}.add-features-modal .date-btn.remove-btn{background-color:rgba(23,44,79,.04);color:#172b4d}.add-features-modal .date-btn.remove-btn:hover{background-color:rgba(23,44,79,.1)}.add-features-modal .date-picker-container{align-items:center;display:flex;justify-content:center}.add-features-modal .date-picker-container .MuiPickersStaticWrapper-staticWrapperRoot,.add-features-modal .date-picker-container .MuiPickersStaticWrapper-staticWrapperRoot .MuiPickersBasePicker-pickerView{min-width:304px}.add-features-modal .date-picker-container .MuiPickersStaticWrapper-staticWrapperRoot .MuiPickersBasePicker-pickerView .MuiPickersCalendarHeader-dayLabel{font-size:14px}.add-features-modal .date-picker-container .MuiPickersStaticWrapper-staticWrapperRoot .MuiPickersBasePicker-pickerView .MuiPickersDay-daySelected p{color:#fff}.board-menu-modal{background-color:#f4f5f7;bottom:0;box-shadow:0 12px 24px -6px rgba(9,30,66,.251),0 0 0 1px rgba(9,30,66,.078);display:flex;flex-direction:column;padding:0 6px 0 12px;position:fixed;right:0;top:45px;-webkit-transform:translateX(400px);transform:translateX(400px);transition-duration:.1s;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform;transition-timing-function:ease-in;width:339px;z-index:30}.board-menu-modal.open{position:absolute;-webkit-transform:translate(0);transform:translate(0)}.board-menu-modal hr{background-color:rgba(9,30,66,.129);border:0;height:1px;margin-top:0;padding:0;width:100%}.board-menu-modal h3{color:#172b4d;font-size:16px;font-weight:500;line-height:20px;margin:0}.board-menu-modal h3.align-center{text-align:center}.board-menu-modal h3.big{font-size:20px;line-height:24px;margin-bottom:9px;margin-top:16px}.board-menu-modal h4{color:#5e6c84;font-size:12px;font-weight:600;line-height:16px;margin-bottom:8px;margin-top:16px}.board-menu-modal .filter-wrapper{flex:1 1;overflow-y:auto;padding-right:8px}.board-menu-modal .filter-wrapper::-webkit-scrollbar{width:8px}.board-menu-modal .menu-modal-header{align-items:center;display:flex;height:48px;justify-content:space-between;margin:0}.board-menu-modal .menu-modal-header span{color:#172b4d;cursor:pointer;font-size:1.4375rem;margin-top:5px}.board-menu-modal .menu-modal-header span:hover{color:#091e42}.board-menu-modal .menu-modal-main{box-sizing:border-box;height:100%;margin:1px 0 0;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}.board-menu-modal .board-menu-nav-btn{align-items:center;border-radius:3px;cursor:pointer;display:flex;gap:15px;justify-content:flex-start;margin:4px 4px 4px 0;padding:6px}.board-menu-modal .board-menu-nav-btn:hover{background-color:#dfe2eb}.board-menu-modal .board-menu-nav-btn .icon-container{font-size:16px;padding:2px 4px 0 2px}.board-menu-modal .board-menu-nav-btn span{font-size:14px;font-weight:500}.board-menu-modal .board-menu-nav-btn .menu-background-display{background-position:50%;background-size:cover;border-radius:3px;height:20px;width:20px}.board-menu-modal .labels-container{display:flex;flex-direction:column;gap:3px;list-style:none;padding:0}.board-menu-modal .labels-container p{color:#5e6c84;font-size:11px;line-height:14px;margin-bottom:4px;margin-top:0}.board-menu-modal .labels-container .label-container label{cursor:pointer;display:flex;font-size:14px;line-height:28px;list-style:none;margin-bottom:6px;position:relative}.board-menu-modal .labels-container .label-container label .date-filter-container{color:#172b4d;font-size:14px;line-height:30px;padding-left:32px;position:relative}.board-menu-modal .labels-container .label-container label .date-filter-container .clock-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;left:0;position:absolute;top:3px;width:24px}.board-menu-modal .labels-container .label-container label .no-member-avatar{align-items:center;background:#ebecf0;border-radius:50%;display:flex;font-size:23px;height:32px;justify-content:center;margin-left:1px;margin-right:12px;width:32px}.board-menu-modal .labels-container .label-container label .member-container{flex-grow:1}.board-menu-modal .labels-container .label-container label .member-container section{margin-right:6px}.board-menu-modal .labels-container .label-container label .member-container p{color:#172b4d;font-size:14px;font-weight:400;line-height:20px}.board-menu-modal .labels-container .label-container label .label-display-btn{border-radius:3px;color:#172b4d;display:inline-block;flex:1 1;font-size:14px;font-weight:400;height:32px;line-height:32px;margin-bottom:0;max-width:100%;min-width:48px;overflow:hidden;padding:0 12px 0 30px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.board-menu-modal .labels-container .label-container label .label-display-btn span{font-size:16px}.board-menu-modal .search-photos-container{position:relative}.board-menu-modal .search-photos-container .filter-text-input{padding-left:32px}.board-menu-modal .search-photos-container .icon-container{color:#42526e;font-size:13px;left:10px;position:absolute;top:9px}.board-menu-modal .filter-text-input{background-color:#fafbfc;border:none;border-radius:3px;box-shadow:inset 0 0 0 2px #dfe1e6;color:#172b4d;font-size:14px;font-weight:400;line-height:20px;margin-bottom:8px;outline:none;padding:8px 12px;transition-duration:85ms;transition-property:background-color,border-color,box-shadow;transition-timing-function:ease;width:100%}.board-menu-modal .filter-text-input:focus{box-shadow:inset 0 0 0 2px #0079bf}.board-menu-modal .filter-text-input:hover:not(:focus){background-color:#edeef1}.board-menu-modal .background-btns-container{display:flex;gap:4px;margin-bottom:15px;padding:12px 2px 0}.board-menu-modal .background-btns-container .background-btn{align-items:center;display:flex;flex-basis:50%;flex-direction:column}.board-menu-modal .background-btns-container .background-btn img{border-radius:8px;cursor:pointer;height:96px;margin-bottom:8px;width:100%}.board-menu-modal .background-btns-container .background-btn img:hover{opacity:.7}.board-menu-modal .background-btns-container .background-btn p{font-size:14px;font-weight:400;line-height:20px;margin:0}.board-menu-modal .backgrounds-wrapper{flex:1 1;overflow-y:auto}.board-menu-modal .backgrounds-wrapper .backgrounds-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding-right:4px;width:100%}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container,.board-menu-modal .backgrounds-wrapper .backgrounds-container div,.board-menu-modal .backgrounds-wrapper .backgrounds-container label{background-size:cover;border-radius:8px;cursor:pointer;float:left;height:96px;padding:0 4px;position:relative;text-align:center;transition:.3s;width:100%}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container.attach-image,.board-menu-modal .backgrounds-wrapper .backgrounds-container div.attach-image,.board-menu-modal .backgrounds-wrapper .backgrounds-container label.attach-image{align-items:center;background-color:rgba(9,30,66,.039);border-radius:8px;color:#5e6c84;display:flex;height:96px;justify-content:center;margin-bottom:8px;width:100%}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container.attach-image:hover,.board-menu-modal .backgrounds-wrapper .backgrounds-container div.attach-image:hover,.board-menu-modal .backgrounds-wrapper .backgrounds-container label.attach-image:hover{background-color:rgba(9,30,66,.094)}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container .creator-link,.board-menu-modal .backgrounds-wrapper .backgrounds-container div .creator-link,.board-menu-modal .backgrounds-wrapper .backgrounds-container label .creator-link{background:rgba(0,0,0,.502);border-radius:0 0 2px 2px;bottom:0;color:#dfe1e6;cursor:pointer;font-size:12px;height:20px;left:0;line-height:16px;opacity:0;overflow:hidden;padding:2px 4px;position:absolute;text-align:left;text-decoration:underline;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:100}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container:hover,.board-menu-modal .backgrounds-wrapper .backgrounds-container div:hover,.board-menu-modal .backgrounds-wrapper .backgrounds-container label:hover{opacity:.7;transition:.3s}.board-menu-modal .backgrounds-wrapper .backgrounds-container .background-container:hover .creator-link,.board-menu-modal .backgrounds-wrapper .backgrounds-container div:hover .creator-link,.board-menu-modal .backgrounds-wrapper .backgrounds-container label:hover .creator-link{opacity:1}.board-menu-modal .activities-title{-webkit-margin-start:8px;gap:10px;margin-bottom:20px;margin-top:20px;margin-inline-start:8px}.board-menu-modal .menu-activities-wrapper{height:100%}.board-menu-modal .menu-activities-wrapper .board-menu-activities{margin-right:8px;overflow-y:hidden}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container{gap:10px;margin-bottom:10px}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .profile-img{height:32px;width:32px}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .profile-img img{border-radius:50%;height:100%;object-fit:cover}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity{color:#172b4d;font-size:14px;max-width:250px}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity .username{font-weight:700}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity a{text-decoration:underline}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity .activity-time{cursor:pointer;font-size:12px;text-decoration:none}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity .activity-time:hover{text-decoration:underline}.board-menu-modal .menu-activities-wrapper .board-menu-activities .activity-container .activity .activity-attachment{border:1px solid #dfe1e6;border-radius:3px;box-sizing:border-box;clear:both;display:block;margin:8px 0 4px;max-height:300px;max-width:100%}.fast-edit-task.task-preview{background-color:#fff;position:fixed;width:256px;z-index:40}.fast-edit-task.task-preview:hover{background-color:#fff}.fast-edit-task.task-preview .fast-edit-save-btn{background-color:#0079bf;border:none;border-radius:3px;bottom:-41px;color:#fff;font-size:.875rem;padding:6px 12px;position:absolute}.fast-edit-task.task-preview .fast-edit-save-btn:hover{background-color:#026aa7}.fast-edit-task.task-preview .date-badge{background-color:inherit;border-radius:3px;color:#fff;display:inline-flex;font-size:12px;font-weight:400;gap:2px;line-height:20px;margin-right:4px;min-height:20px;padding:1px 6px 3px 3px;position:relative;vertical-align:top}.fast-edit-task.task-preview .date-badge .date-checkbox{color:#fff;opacity:0}.fast-edit-task.task-preview .date-badge .clock-icon{font-size:17px;left:5px;position:absolute;top:3.5px}.fast-edit-task.task-preview .date-badge:hover .clock-icon{display:none}.fast-edit-task.task-preview .date-badge:hover .date-checkbox{opacity:1}.fast-edit-task.task-preview aside.button-container{background:transparent;display:flex;flex-direction:column;left:100%;position:absolute;top:0;width:240px;z-index:100}.fast-edit-task.task-preview aside.button-container button{background:rgba(0,0,0,.6);border:none;border-radius:3px;color:#e6e6e6;font-size:14px;margin:0 0 4px 8px;padding:6px 12px 6px 8px;transition:-webkit-transform 85ms ease-in;transition:transform 85ms ease-in;transition:transform 85ms ease-in,-webkit-transform 85ms ease-in;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fast-edit-task.task-preview aside.button-container button:hover{background:rgba(0,0,0,.8);color:#fff;-webkit-transform:translateX(5px);transform:translateX(5px)}.fast-edit-task.task-preview .task-content textarea{background-color:#fff;border:0;height:90px;outline:0;overflow:hidden;overflow-wrap:break-word;resize:none}.fast-edit-task.task-preview .task-content textarea ::selection{background-color:#2e579c;color:#fff}
/*# sourceMappingURL=main.8044a489.css.map*/