@font-face{font-family:Inter;src:url(/assets/fonts/Inter-VariableFont-opsz-wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Italic-VariableFont-opsz-wght.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/fonts/Figtree-VariableFont-wght.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/fonts/Figtree-Italic-VariableFont-wght.ttf) format("truetype");font-weight:300 900;font-style:italic;font-display:swap}*{font-family:Inter,sans-serif;font-size:16px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body.dialog-open{overflow:hidden;width:100%;touch-action:none}#wrapper-join{width:100%;margin:0 auto}@media(min-width:2400px){#wrapper-join{max-width:unset}}.layout{display:flex;height:100dvh;overflow:hidden}@media(max-width:920px){.layout{flex-direction:column}}.wrapper-header{width:100%;background:#fff;box-shadow:0 4px 4px #0000001a;z-index:10;flex-shrink:0}@media(max-width:920px){.wrapper-header{order:0}}@media(max-width:1370px){body.board-early-mobile .wrapper-header{order:0}}.wrapper-navbar{flex:0 0 232px;background-color:#2a3647;flex-shrink:0}@media(max-width:920px){.wrapper-navbar{order:3;flex:0 0 80px;width:100%}}@media(min-width:921px)and (max-width:1200px){.wrapper-navbar{flex:0 0 140px;width:100%}}@media(min-width:1201px)and (max-width:1919px){.wrapper-navbar{flex:0 0 180px;width:100%}}.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}@media(max-width:920px){.main{order:1;flex:1}}@media(max-width:1370px){body.board-early-mobile .main{order:1;flex:1}}.wrapper-content{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.btn-primary{display:flex;justify-content:center;align-items:center;gap:16px;background-color:#2a3647;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color 125ms ease-in-out;padding:12px 16px;font-weight:700;font-size:21px}@media(width<=380px){.btn-primary{padding:8px 10px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.btn-primary{padding:8px 10px}}.btn-primary:hover{background-color:#29abe2;box-shadow:0 0 4px #0006}.btn-primary:active{background-color:#091931}.btn-primary--list{width:70%}.btn-primary--create{gap:10px}.btn-primary--create:after{content:"";width:24px;height:24px;background:url(/assets/img/components/general/check.svg) center/contain no-repeat}.btn-primary--create:disabled{opacity:.5;cursor:not-allowed}.btn-primary--border:after{content:"";width:24px;height:24px;background:url(/assets/img/forms/cancel.svg) center/contain no-repeat}.btn-primary--border:hover:after{background:url(/assets/img/forms/cancel-hover.svg) center/contain no-repeat}.btn-primary--signup{font-size:16px;font-weight:700}.btn-primary--signup:hover{background-color:#124658}.btn-primary--login{font-size:21px;font-weight:700}@media(width<=380px){.btn-primary--login{font-size:16px}}.btn-primary--login:disabled{opacity:.5;cursor:not-allowed}.btn-primary--login:hover{background-color:#124658}@media(max-width:568px){.btn-primary.btn-primary--hide{display:none}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.btn-primary.btn-primary--hide{display:none}}@media(width<=380px){.btn-primary.btn-primary--mobil{font-size:18px}}@media(max-width:920px){.btn-primary.btn-primary--mobil{font-size:18px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.btn-primary.btn-primary--mobil{font-size:18px}}.btn-primary.btn-primary--border{background-color:#fff;font-size:21px;color:#2a3647;font-family:Inter,sans-serif;font-weight:400;gap:8px;border:1px solid rgb(42,54,71);box-shadow:none}@media(width<=380px){.btn-primary.btn-primary--border{font-size:18px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.btn-primary.btn-primary--border{font-size:18px}}.btn-primary.btn-primary--border:hover{border-color:#124658;outline:1px solid rgb(18,70,88);box-shadow:0 4px 4px #00000040}.btn-primary.btn-primary--create{gap:8px}@media(min-width:921px)and (max-width:1200px){.btn-primary.btn-primary--create{letter-spacing:-7%}}.btn-primary.btn-primary--create:hover{background-color:#124658}.btn-primary.btn-primary--guest{background-color:#fff;font-size:21px;color:#2a3647;font-family:Inter,sans-serif;font-weight:700;gap:8px;border:1px solid rgb(42,54,71);box-shadow:none}@media(max-width:568px){.btn-primary.btn-primary--guest{font-size:16px}}@media(min-width:568px)and (max-width:920px){.btn-primary.btn-primary--guest{font-size:18px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.btn-primary.btn-primary--guest{font-size:18px}}.btn-primary.btn-primary--guest:hover{border-color:#124658;outline:1px solid rgb(18,70,88);box-shadow:0 4px 4px #00000040}.success-toast{position:fixed;left:60%;bottom:140px;transform:translate(-60%);padding:20px 28px;border-radius:20px;background:#2a3647;font-family:Inter,sans-serif;color:#fff;font-size:20px;line-height:120%;font-weight:400;z-index:5000;text-align:center;box-shadow:0 0 4px #0006}@media(max-width:920px){.success-toast{position:fixed;left:50%;bottom:180px;transform:translate(-50%);width:80dvw;max-width:calc(100vw - 32px)}}.toast-enter{animation:toastInDesktop .35s ease forwards}@media(max-width:920px){.toast-enter{animation:toastInMobile .35s ease forwards}}.toast-leave{animation:toastOutDesktop .35s ease forwards}@media(max-width:920px){.toast-leave{animation:toastOutMobile .35s ease forwards}}@keyframes toastInDesktop{0%{transform:translate(120%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toastOutDesktop{0%{transform:translate(-50%);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes toastInMobile{0%{bottom:-120px;opacity:0}to{bottom:140px;opacity:1}}@keyframes toastOutMobile{0%{bottom:140px;opacity:1}to{bottom:-120px;opacity:0}}.header-headline{font-size:20px;line-height:120%;padding-inline:48px}.header-content{display:flex;align-items:center;justify-content:space-between;height:96px}@media(max-width:568px){.header-content{height:80px}}.header-right{display:flex;align-items:center;gap:16px}.help{cursor:pointer}.img-help{display:block;width:32px;height:32px;background:url(/assets/img/navigation/help.svg) center no-repeat;object-fit:contain}.img-help:hover{background:url(/assets/img/navigation/help-hover.svg) center no-repeat;object-fit:contain}.header-user-avatar{height:56px;width:56px;border:2px solid rgb(42,54,71);border-radius:50px;color:#124658;font-size:20px;font-weight:700;text-transform:uppercase;display:flex;justify-content:center;align-items:center;anchor-name:--user-menu-anchor}@media(max-width:568px){.header-user-avatar{height:40px;width:40px;font-size:18px}}.top-menu-right{padding-right:16px;position:relative}.user-menu-button{cursor:pointer}.top-menu-right button{background:transparent;border:0}.user-menu{position:absolute}@supports (anchor-name: --user-menu-anchor){.user-menu{position-anchor:--user-menu-anchor;top:anchor(bottom);right:anchor(right);translate:0px 26px}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-menu{translate:0px 10px}}}@supports not (anchor-name: --user-menu-anchor){.user-menu{top:calc(100% + 12px);right:0}}.user-menu{width:155px;background:#2a3647;border-top-left-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column;z-index:1021;padding:14px 0;box-shadow:0 0 4px #0006}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-menu{padding:0}}.user-menu a{padding:14px 16px;text-decoration:none;color:#cdcdcd;margin:0 8px}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-menu a{padding:10px 16px}}.user-menu a:hover{background:#2a3d59}.mobil-header-logo{width:32px;height:39px;background:url(/assets/img/logo/logo-join-mobil.svg) center no-repeat;object-fit:contain;display:none;margin-left:16px}.show-mobil{display:none}@media(max-width:920px){.show-mobil{display:block}.hide-mobil{display:none}.hamburger{display:block}.header-content{height:80px;background-color:#fff;box-shadow:0 1px 4px 1px #0000001a}}@media(max-width:1370px){::ng-deep body.board-early-mobile .show-mobil{display:block}::ng-deep body.board-early-mobile .hide-mobil{display:none}::ng-deep body.board-early-mobile .hamburger{display:block}::ng-deep body.board-early-mobile .header-content{height:80px;background-color:#fff;box-shadow:0 1px 4px 1px #0000001a}}dialog::backdrop{background:#0000001a}.user-dialog{position:fixed;top:50%;left:50%;width:1212px;background:#fff;border:none;border-radius:30px;transform:translate(-50%,-50%);animation:dialogIn .3s ease;display:flex;flex-direction:column}@media(max-width:920px){.user-dialog{animation:dialogInMobile .25s ease-out forwards;box-shadow:0 0 4px #0006}}@media(max-width:568px){.user-dialog{width:100dvw}}@media(width<=380px){.user-dialog{width:100dvw;animation:dialogInMobile .25s ease-out forwards;box-shadow:0 0 4px #0006;max-width:95%}}@media(min-width:568px)and (max-width:920px){.user-dialog{width:100dvw}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-dialog{width:100dvw;animation:dialogInMobile .25s ease-out forwards;height:100dvh;position:fixed}}@media(width<=568px)and (min-height:900px){.user-dialog{flex-direction:column}}.user-dialog--task{box-shadow:0 0 4px #0006;max-height:calc(100dvh - 50px)}@media(min-width:2400px){.user-dialog--task{max-height:calc(75dvh - 80px)}}.user-dialog--task-view{box-shadow:0 0 4px #0006;width:540px}@media(min-width:2400px){.user-dialog--task-view{width:820px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-dialog--task-view{max-height:none;height:100dvh;max-width:none;width:100dvw}}.user-dialog--task-view-edit{box-shadow:0 0 4px #0006;width:540px}@media(min-width:2400px){.user-dialog--task-view-edit{width:820px}}@media(width<=568px)and (min-height:900px){.user-dialog--task-view-edit{flex-direction:column}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-dialog--task-view-edit{max-height:none;height:100dvh;max-width:none;width:100dvw}}.user-dialog--contact{box-shadow:0 0 4px #0006}@media(min-width:921px){.user-dialog--contact{height:592px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.user-dialog--contact{max-height:none;height:100dvh;max-width:none;width:100dvw}}.form-scroll{overflow-y:auto}@media(max-width:568px){.form-scroll{max-height:calc(100dvh - 250px)}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-scroll{margin-top:30px;max-height:calc(100dvh - 160px)}}.form-scroll--task{justify-content:space-between;flex:1;min-height:0;display:flex}@media(max-width:568px){.form-scroll--task{flex-direction:column}}@media(min-width:568px)and (max-width:920px){.form-scroll--task{flex-direction:column;max-height:calc(100dvh - 310px)}}@media(width<=380px){.form-scroll--task{flex-direction:column}}@media(min-width:2400px){.form-scroll--task{flex:unset}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-scroll--task{margin-top:10px;max-height:calc(100dvh - 170px)}}@media(max-width:568px){.form-scroll--task-dialog{flex-direction:column;max-height:calc(100dvh - 330px)}}@media(min-width:568px)and (max-width:920px){.form-scroll--task-dialog{flex-direction:column;max-height:calc(100dvh - 405px)}}@media(width<=380px){.form-scroll--task-dialog{flex-direction:column;max-height:calc(100dvh - 315px)}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-scroll--task-dialog{max-height:calc(100dvh - 270px)}}.form-scroll--edit{display:flex;flex-direction:column;margin:40px 0 30px;flex:1;min-height:0}@media(max-width:568px){.form-scroll--edit{flex-direction:column;margin:50px 0 30px}}@media(min-width:568px)and (max-width:920px){.form-scroll--edit{flex-direction:column;margin:50px 0 30px;max-height:calc(100dvh - 300px)}}@media(width<=380px){.form-scroll--edit{flex-direction:column;max-height:calc(100dvh - 200px);margin:40px 0 10px}}@media(min-width:2400px){.form-scroll--edit{max-height:calc(100dvh - 200px);flex:1}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-scroll--edit{max-height:calc(100dvh - 140px)}}@media(min-width:1201px)and (max-width:1919px){.form-scroll--edit{max-height:calc(100dvh - 300px)}}@media(min-width:1920px)and (max-width:2399px){.form-scroll--edit{max-height:calc(100dvh - 290px)}}@media(min-width:921px)and (max-width:1200px){.form-scroll--edit{max-height:calc(100dvh - 300px)}}.form-scroll::-webkit-scrollbar{width:12px}.form-scroll::-webkit-scrollbar-track{background:#fff}.form-scroll::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:6px;border:4px solid rgb(255,255,255);background-clip:content-box}.form-scroll::-webkit-scrollbar-thumb:hover{background:#8f8f8f}.user-dialog--task>app-add-task,.user-dialog--task-view-edit>app-add-task,.user-dialog--task-view>app-task-view-dialog{display:flex;flex:1;min-height:0}.user-dialog.closing{animation:dialogOut .3s ease forwards}@media(max-width:920px){.user-dialog.closing{animation:dialogOutMobile .25s ease-out forwards}}@keyframes dialogIn{0%{transform:translate(calc(-50% + 100vw),-50%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@keyframes dialogOut{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(calc(-50% + 100vw),-50%);opacity:0}}@keyframes dialogInMobile{0%{transform:translate(-50%,calc(-50% + 100vh));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}@media(max-width:568px){@keyframes dialogInMobile{0%{transform:translate(-50%,calc(-50% + 100vh));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}}@media(hover:none)and (orientation:landscape)and (max-height:420px){@keyframes dialogInMobile{0%{transform:translate(-50%,calc(-50% + 100vh));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}}@keyframes dialogOutMobile{0%{transform:translate(-50%,-50%);opacity:1}to{transform:translate(-50%,calc(-50% + 100vh));opacity:0}}@media(width<=380px){@keyframes dialogOutMobile{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,calc(-50% + 100vh));opacity:0}}}.dialog-content{width:100%;height:100%}.dialog-content--task{padding:55px 74px;display:flex;flex-direction:column;min-height:0}@media(max-width:568px){.dialog-content--task{padding:14px 12px}}@media(min-width:568px)and (max-width:920px){.dialog-content--task{padding:48px 74px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-content--task{padding:14px 12px}}.dialog-wrapper-inner{display:flex;justify-content:space-between;align-items:center;height:100%}@media(max-width:920px){.dialog-wrapper-inner{display:grid;grid-template-rows:auto 1fr;justify-content:stretch}}@media(width<=380px){.dialog-wrapper-inner{display:grid;grid-template-rows:auto 1fr;justify-content:stretch}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-wrapper-inner{flex:1;min-height:0}}.dialog-wrapper-inner--task{flex:1;min-height:0;display:flex;align-items:stretch}@media(min-width:921px)and (max-width:1200px){.dialog-wrapper-inner--task{align-items:center}}@media(min-width:1201px)and (max-width:1919px){.dialog-wrapper-inner--task{align-items:center}}@media(min-width:1920px)and (max-width:2399px){.dialog-wrapper-inner--task{align-items:center}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-wrapper-inner--task{align-items:flex-start}}.backdrop{position:fixed;inset:0;background:#0000001a;display:flex;justify-content:center;align-items:center;z-index:999}.flex-dialog-close{display:flex;justify-content:flex-end}@media(max-width:920px){.flex-dialog-close{padding-bottom:20px}}@media(width<=380px){.flex-dialog-close{padding-bottom:10px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.flex-dialog-close{position:fixed;top:0;right:20px}}.dialog-user-close{position:absolute;top:20px;right:24px;z-index:1001}@media(min-width:568px)and (max-width:920px){.dialog-user-close{top:40px;right:24px}}@media(max-width:568px){.dialog-user-close{top:40px;right:24px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-user-close{top:28px;right:20px}}@media(width<=380px){.dialog-user-close{top:40px;right:20px}}.dialog-user-close--task{top:74px;right:60px}@media(max-width:568px){.dialog-user-close--task{top:24px;right:16px}}@media(min-width:568px)and (max-width:920px){.dialog-user-close--task{top:64px;right:64px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-user-close--task{top:28px;right:20px}}@media(width<=380px){.dialog-user-close--task{top:24px;right:8px}}.dialog-close-btn{width:48px;height:48px;cursor:pointer;background:url(/assets/img/components/general/close.svg) center no-repeat;border:0}@media(max-width:920px){.dialog-close-btn{width:32px;height:32px;background:url(/assets/img/components/general/dialog-close-mobil.svg) center no-repeat;position:relative;z-index:9999;pointer-events:auto}.dialog-close-btn--edit{background:url(/assets/img/components/general/close.svg) center no-repeat}}.dialog-close-btn:hover{background:url(/assets/img/components/general/close-hover.svg) center no-repeat}.dialog-left{background-color:#2a3647;height:100%;width:453px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-left-radius:30px;border-bottom-left-radius:30px}@media(max-width:568px){.dialog-left{padding:16px;width:100%;border-top-left-radius:0;border-bottom-left-radius:0;align-items:flex-start;height:280px;position:relative}}@media(min-width:568px)and (max-width:920px){.dialog-left{padding:16px;width:100%;border-top-left-radius:0;border-bottom-left-radius:0;align-items:flex-start;height:280px;position:relative}}@media(width<=380px){.dialog-left{height:180px;width:100%}}@media(min-width:1201px)and (max-width:1919px){.dialog-left{padding-right:0}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-left{height:100px;position:fixed;top:0}}.dialog-left--task{background-color:#fff;border-top-left-radius:0;border-bottom-left-radius:0;justify-content:flex-start;width:unset}@media(max-width:920px){.dialog-left--task{height:100%;padding:0}}@media(min-width:921px)and (max-width:1200px){.dialog-left--task{align-items:flex-start;justify-content:flex-start}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-left--task{height:100%;position:unset;padding:0}}@media(min-width:2400px){.dialog-left--task{width:100%}}@media(width<=380px){.dialog-left--task{height:100%;padding:0}}.dialog-right{display:flex}@media(max-width:920px){.dialog-right{width:100%}}@media(min-width:921px)and (max-width:1200px){.dialog-right{align-items:center;justify-content:center}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-right{flex:1;min-height:0}}.dialog-right--task{flex-direction:column}@media(min-width:921px)and (max-width:1200px){.dialog-right--task{align-items:flex-start;justify-content:flex-start}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-right--task{width:100%}}@media(min-width:2400px){.dialog-right--task{width:100%}}@media(min-width:921px)and (max-width:1200px){.dialog-right--contact{width:60%}}@media(min-width:2400px){.dialog-right--contact{width:60%}}@media(max-width:920px){.dialog-right--contact{margin-top:40px}}@media(width<=380px){.dialog-right--contact{margin-top:25px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-right--contact{margin-top:0}}.dialog-right-inner-right{display:flex;flex-direction:column;flex:1;min-height:0;padding:32px}@media(max-width:568px){.dialog-right-inner-right{padding:32px 8px}}@media(min-width:568px)and (max-width:920px){.dialog-right-inner-right{padding:50px 8px 32px}}.right-user-form{display:grid;grid-template-columns:160px 1fr;gap:48px;align-items:center;height:100%;width:100%}@media(max-width:920px){.right-user-form{display:flex;flex-direction:column;width:100%;align-items:stretch}}@media(min-width:921px)and (max-width:1200px){.right-user-form{display:flex;flex-direction:column}}.dialog-logo{padding-bottom:20px;display:flex;justify-content:flex-start}@media(max-width:920px){.dialog-logo{display:none}}.dialog-logo-img{height:67px;width:auto}.dialog-headline{font-family:Inter,sans-serif;font-weight:700;font-size:61px;color:#fff;word-break:break-word}@media(min-width:568px)and (max-width:920px){.dialog-headline{font-size:47px}}@media(max-width:568px){.dialog-headline{font-size:36px}}@media(width<=380px){.dialog-headline{font-size:30px;padding-right:6px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-headline{font-size:30px}}.dialog-headline--task{color:#000;padding-bottom:20px}@media(min-width:568px)and (max-width:920px){.dialog-headline--task{font-size:47px;padding-top:0;padding-bottom:20px}}@media(max-width:568px){.dialog-headline--task{font-size:36px;padding-top:0;padding-bottom:20px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-headline--task{font-size:24px;padding-top:0;padding-bottom:0}}@media(width<=380px){.dialog-headline--task{font-size:32px;padding-top:0;padding-bottom:0}}.dialog-headline--task-view{color:#000;padding-bottom:20px}.dialog-subline{font-family:Inter,sans-serif;font-weight:400;color:#fff;font-size:27px}@media(max-width:920px){.dialog-subline{font-size:20px}}@media(width<=380px){.dialog-subline{font-size:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-subline{font-size:16px}}.dialog-headline-stroke{padding-top:16px;border-bottom:3px solid rgb(41,171,226);width:90px}.dialog-form{justify-self:end;width:100%;flex:1;min-height:0}@media(max-width:920px){.dialog-form{justify-self:unset}}@media(width<=380px){.dialog-form{padding-top:10px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-form{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:20px}}.dialog-form--task{display:flex;justify-self:unset;justify-content:space-between}@media(width<=380px){.dialog-form--task{padding-top:10px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-form--task{padding-top:0;width:calc(100dvw - 16px)}}.dialog-form form{display:flex;flex-direction:column;flex:1;min-height:0}@media(width<=380px){.dialog-form--task form{width:100%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-form--task form{width:100%}}.dialog-user-close{display:flex;justify-content:flex-end;align-items:flex-start;flex-shrink:0}.dialog-user-logo{display:flex;align-items:center}@media(max-width:568px){.dialog-user-logo{position:absolute;top:280px;left:50%;transform:translate(-50%,-50%);pointer-events:none}}@media(min-width:568px)and (max-width:920px){.dialog-user-logo{position:absolute;top:280px;left:50%;transform:translate(-50%,-50%);pointer-events:none}}@media(width<=380px){.dialog-user-logo{position:absolute;top:180px;left:50%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-user-logo{position:absolute;top:50px;left:50%}}@media(max-width:568px){.dialog-user-logo .contact-details__avatar{width:80px;height:80px;font-size:36px}}@media(min-width:568px)and (max-width:920px){.dialog-user-logo .contact-details__avatar{width:100px;height:100px;font-size:42px}}@media(width<=380px){.dialog-user-logo .contact-details__avatar{width:80px;height:80px;font-size:36px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-user-logo .contact-details__avatar{width:60px;height:60px;font-size:32px}}.dialog-user-logo img{width:120px;height:auto}@media(max-width:568px){.dialog-user-logo img{width:100px}}@media(width<=380px){.dialog-user-logo img{width:80px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.dialog-user-logo img{width:60px;height:60px}}.form-cell{padding-bottom:12px;width:100%}@media(width<=380px){.form-cell{padding-bottom:8px}}@media(min-width:921px)and (max-width:1200px){.form-cell{width:100%}}@media(width<=380px){.form-cell--task{width:100%}}@media(max-width:920px){.form-cell--task{width:100%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell--task{width:100%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell:first-child{margin-top:20px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell:first-child--task{margin-top:0}}.form-cell input{width:422px;height:50px;border-radius:10px;border:1px solid rgb(209,209,209);padding:13px 40px 13px 21px;font-size:20px}@media(max-width:920px){.form-cell input{width:100%;height:41px}}@media(min-width:921px)and (max-width:1200px){.form-cell input{width:100%}}@media(width<=380px){.form-cell input{height:36px;padding:13px 40px 13px 11px}}@media(min-width:2400px){.form-cell input{width:100%}}.form-cell input:focus{border-color:#124658;outline:none}@media(min-width:1400px){.user-dialog--task-view-edit .form-cell input{width:100%}}@media(min-width:921px)and (max-width:1200px){.user-dialog--task-view-edit .form-cell input{width:100%}}@media(min-width:1201px)and (max-width:1919px){.user-dialog--task-view-edit .form-cell input{width:100%}}@media(min-width:1400px){.user-dialog--task-view-edit .form-cell textarea{width:100%}}@media(min-width:921px)and (max-width:1200px){.user-dialog--task-view-edit .form-cell textarea{width:100%}}@media(min-width:1201px)and (max-width:1919px){.user-dialog--task-view-edit .form-cell textarea{width:100%}}.form-cell--subtask input{padding:13px 80px 13px 21px;width:100%}@media(max-width:568px){.form-cell--task input{font-size:16px}}@media(width<=380px){.form-cell--task input{font-size:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell--task input{font-size:16px}}.form-cell input::placeholder{color:#d1d1d1;font-size:20px}@media(max-width:568px){.form-cell--task input::placeholder{font-size:16px}}@media(width<=380px){.form-cell--task input::placeholder{font-size:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell--task input::placeholder{font-size:16px}}.form-cell date::placeholder{color:#d1d1d1;font-size:20px}@media(max-width:568px){.form-cell--task date::placeholder{font-size:16px}}@media(width<=380px){.form-cell--task date::placeholder{font-size:16px}}input.ng-invalid.ng-dirty,input.ng-invalid.ng-touched{border-color:#e60026}.input-name{width:24px;height:24px;background:url(/assets/img/forms/person.svg) 95% no-repeat;object-fit:contain;padding-right:21px}.input-mail{width:24px;height:24px;background:url(/assets/img/forms/mail.svg) 95% no-repeat;object-fit:contain;padding-right:21px}.input-phone{width:24px;height:24px;background:url(/assets/img/forms/call.svg) 95% no-repeat;object-fit:contain;padding-right:21px}.form-buttons{display:flex;justify-content:flex-start;gap:20px;padding-top:20px;flex-shrink:0}@media(max-width:568px){.form-buttons{padding-top:0;justify-content:center}}@media(min-width:568px)and (max-width:920px){.form-buttons{justify-content:center}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-buttons{position:fixed;bottom:10px;width:95%;gap:20px}}.form-buttons--task{padding-top:20px}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-buttons--task{position:fixed;width:100%;gap:20px;right:0;bottom:5px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-buttons--task-mobile{bottom:85px}}.form-error-placeholder{height:15px;display:flex}.form-error{color:#e60026;font-family:Inter,sans-serif;font-size:16px;line-height:140%;font-weight:400;padding-top:5px}@media(max-width:568px){.form-error{font-size:16px}}@media(width<=380px){.form-error{font-size:14px}}.form-error__policy{color:#e60026;font-family:Inter,sans-serif;font-size:14px}.form-message{margin-top:26px;font-weight:600;font-size:24px;font-family:Inter,sans-serif}.form-message.error{color:#e74c3c}.assign-wrapper{width:100%}.add-tasks{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;width:100%}@media(min-width:1920px)and (max-width:2399px){.add-tasks{max-width:60dvw}}@media(min-width:2400px){.add-tasks{max-width:50dvw}}@media(min-width:3000px){.add-tasks{max-width:35dvw}}@media(min-height:1000px)and (max-height:1400px){.add-tasks{height:unset}}@media(min-width:1201px)and (max-width:1919px){.add-tasks--page{max-width:80dvw}}.add-task-top{display:flex;justify-content:space-between;flex-shrink:0}.add-task-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}@media(max-width:920px){.add-task-footer{justify-content:flex-end;width:95%}}@media(width<=380px){.add-task-footer{justify-content:flex-end;width:100%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.add-task-footer{justify-content:flex-end;width:90%}}.add-task-footer-required{font-size:16px}.add-task-footer-required span{color:#e60026;vertical-align:text-top}@media(max-width:920px){.add-task-footer-required{display:none}}.content--add-task{padding:48px;display:flex;flex:1;height:100%;min-height:0;width:100%;flex-direction:column}@media(min-width:568px)and (max-width:920px){.content--add-task{padding:48px 40px}}@media(max-width:568px){.content--add-task{padding:16px 8px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.content--add-task{padding:8px 20px}}@media(min-width:921px)and (max-width:1200px){.content--add-task{padding:48px 40px}}@media(min-width:1201px)and (max-width:1919px){.content--add-task{padding:48px 48px 40px}}@media(min-width:1920px)and (max-width:2399px){.content--add-task{padding:48px 48px 30px}}@media(width<=380px){.content--add-task{padding:20px 8px}}.add-task-stroke{background:#686868;width:1px;height:100%}@media(min-width:921px)and (max-width:1200px){.add-task-stroke{margin:0 16px}}@media(min-width:2400px){.add-task-stroke{margin:0 40px}}@media(max-width:568px){.add-task-stroke{display:none}}.add-task-stroke-placeholder{margin-bottom:16px}.form-cell-label label{font-size:20px;font-weight:400;line-height:120%;color:#2a3647;display:block;margin-bottom:10px}.form-cell-label label span{vertical-align:text-top;color:#e60026}@media(max-width:568px){.form-cell-label label{font-size:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell-label label{font-size:16px}}.form-cell textarea{width:422px;border-radius:10px;border:1px solid rgb(209,209,209);padding:13px 40px 13px 21px;font-size:20px}.form-cell textarea:focus{border-color:#124658;outline:none}@media(max-width:920px){.form-cell textarea{width:100%}}@media(min-width:921px)and (max-width:1200px){.form-cell textarea{width:100%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell textarea{width:100%}}@media(min-width:2400px){.form-cell textarea{width:100%}}@media(max-width:568px){.form-cell--task textarea{font-size:16px}}@media(width<=380px){.form-cell--task textarea{font-size:16px;padding:13px 40px 13px 11px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell--task textarea{font-size:16px}}.form-cell textarea::placeholder{color:#d1d1d1;font-size:20px}@media(max-width:568px){.form-cell--task textarea::placeholder{font-size:16px}}@media(width<=380px){.form-cell--task textarea::placeholder{font-size:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.form-cell--task textarea::placeholder{font-size:16px}}.proirity-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0 4px}@media(width<=380px){.proirity-wrapper{gap:4px}}.button-task-priority{background:#fff;border:0;box-shadow:0 0 4px #0006;padding:16px 10px;border-radius:10px;cursor:pointer;font-size:20px;flex:1;width:auto;min-width:0;display:flex;align-items:center;justify-content:center}@media(max-width:920px){.button-task-priority{font-size:16px}}@media(max-width:568px){.button-task-priority{padding:8px 12px}}@media(min-width:921px)and (max-width:1200px){.button-task-priority{font-size:16px;padding:12px}}@media(width<=380px){.button-task-priority{font-size:14px;padding:8px 16px}}.button-task-priority:hover{box-shadow:0 4px 4px #00000040}.button-task-priority img{padding-left:10px}@media(max-width:568px){.button-task-priority img{width:20px;height:auto;padding-left:6px}}@media(min-width:921px)and (max-width:1200px){.button-task-priority img{width:20px;height:auto;padding-left:6px}}.active-urgent{background:#ff3d00;color:#fff;font-size:21px;font-weight:700}@media(max-width:920px){.active-urgent{font-size:16px}}@media(min-width:921px)and (max-width:1200px){.active-urgent{font-size:16px}}@media(width<=380px){.active-urgent{font-size:14px}}.active-medium{background:#ffa800;color:#fff;font-size:21px;font-weight:700}@media(max-width:920px){.active-medium{font-size:16px}}@media(min-width:921px)and (max-width:1200px){.active-medium{font-size:16px}}@media(width<=380px){.active-medium{font-size:14px}}.active-low{background:#7ae229;color:#fff;font-size:21px;font-weight:700}@media(max-width:920px){.active-low{font-size:16px}}@media(min-width:921px)and (max-width:1200px){.active-low{font-size:16px}}@media(width<=380px){.active-low{font-size:14px}}.input-date{width:24px;height:24px;background:url(/assets/img/components/task/event.svg) 95% no-repeat;object-fit:contain;padding-right:21px;position:relative}.date-input{position:relative}mat-datepicker-toggle{position:absolute;right:36px;top:50%;transform:translateY(-50%)}.mat-datepicker-content-container{background-color:#fff!important}.mat-calendar-body-disabled{opacity:.35!important}.category-field{position:relative;width:100%}.category-dropdown__input{width:100%;padding-right:48px}.change-dropdown__arrow{position:absolute;right:30px;top:50%;transform:translateY(-50%);cursor:pointer;transition:transform .2s ease}.change__arrow--open{transform:translateY(-50%) rotate(180deg)}.category-dropdown__list{width:422px;max-height:200px;background:#fff;border:1px solid rgb(209,209,209);border-radius:10px;box-shadow:0 8px 24px #0000001f;overflow-y:auto}@media(width<=380px){.category-dropdown__list{width:calc(100dvw - 19px)}}@media(min-width:568px)and (max-width:920px){.category-dropdown__list{width:calc(100dvw - 48px)}}@media(max-width:568px){.category-dropdown__list{width:calc(100dvw - 32px)}}.category-dropdown__item{padding:12px 21px;cursor:pointer;transition:background-color .2s;font-size:20px}.category-dropdown__item:hover{background:#e7e7e7}.add-tasks__form{flex:1;display:flex;flex-direction:column;min-height:0}.assigned-to__list{width:422px;max-height:250px;overflow-y:auto;background:#fff;border:1px solid rgb(209,209,209);border-radius:10px;box-shadow:0 8px 24px #00000026}@media(min-width:568px)and (max-width:920px){.assigned-to__list{width:100%}}@media(max-width:568px){.assigned-to__list{width:100%}}@media(width<=380px){.assigned-to__list{width:calc(100% - 24px)}}.assigned-to__item{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;border-radius:10px}.assigned-to__item:hover{background:#e7e7e7}.assigned-to__item--selected{background:#2a3647;color:#fff}.assigned-to__item--selected:hover{background:#091931}.assigned-to__item-name{padding-left:12px;font-size:20px;word-break:break-all}@media(width<=380px){.assigned-to__item-name{font-size:18px}}.dropdown-bubble-name{display:flex;align-items:center}.assigned-to__bubbles{padding-top:12px;display:flex;gap:10px;min-height:55px}.assigned-to__field{position:relative;width:100%}.assigned-scroll{flex:1;min-height:0;display:flex;overflow-y:auto;flex-direction:column;max-height:160px;margin-bottom:20px}.assigned-scroll::-webkit-scrollbar{width:12px}.assigned-scroll::-webkit-scrollbar-track{background:#fff}.assigned-scroll::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:6px;border:4px solid rgb(255,255,255);background-clip:content-box}.assigned-scroll::-webkit-scrollbar-thumb:hover{background:#8f8f8f}.subtasks-icon{border:0;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.form-cell--subtask{position:relative;padding-bottom:0;margin-bottom:12px}.buttons-new-subtask{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;gap:8px}.subtasks-icon{width:24px;height:24px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.subtasks-icon img{display:block}.subtask-stroke{display:flex;align-items:center;justify-content:center;height:20px;width:1px;background:#686868}.subtasks__list{list-style:circle;cursor:pointer}.subtasks__item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;position:relative;padding:8px 12px 8px 24px}.subtasks__item:not(.subtasks__item--editing):hover{background:#e7e7e7;border-radius:10px}.subtasks__item:not(.subtasks__item--editing):hover .subtasks__actions{opacity:1;visibility:visible}.subtasks__item--editing{background:transparent}.subtasks__item--editing .subtasks__actions{opacity:1;visibility:visible;position:absolute;right:10px;top:50%}.subtasks__bullet{width:12px;flex-shrink:0;text-align:center}.subtasks-wrapper{flex:1;min-height:0;display:flex;max-height:250px;min-width:0;width:100%}.subtasks-wrapper app-subtasks{flex:1;min-height:0;display:flex}.subtasks__input-row{width:100%}.subtasks__item-title{display:block;word-break:break-all}.subtasks__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;opacity:0;visibility:hidden;transition:opacity .2s}.subtasks__divider{width:1px;height:18px;background:#686868}.subtasks__edit-input{flex:1;min-width:0}.subtasks__actions--visible{opacity:1;visibility:visible;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.form-cell-small{width:100%;border-radius:0;position:relative}.form-cell-small input{border:0;border-bottom:1px solid rgb(18,70,88);width:100%;padding:8px 80px 8px 16px}.subtasks{flex:1;min-height:0;display:flex;flex-direction:column}.subtask-scroll{flex:1;min-height:0;display:flex;overflow-y:auto;flex-direction:column;min-height:100px;max-height:100px}@media(min-width:2400px){.subtask-scroll{min-height:110px;max-height:110px}}@media(min-width:1920px)and (max-width:2399px){.subtask-scroll{min-height:110px;max-height:110px}}@media(min-width:921px)and (max-width:1200px){.subtask-scroll{min-height:110px;max-height:110px}}@media(min-width:568px)and (max-width:920px){.subtask-scroll{min-height:100px;max-height:100px}}.subtask-scroll::-webkit-scrollbar{width:12px}.subtask-scroll::-webkit-scrollbar-track{background:#fff}.subtask-scroll::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:6px;border:4px solid rgb(255,255,255);background-clip:content-box}.subtask-scroll::-webkit-scrollbar-thumb:hover{background:#979797}.task-view-wrapper{padding:48px 40px;display:flex;flex-direction:column;height:100%;min-height:0;width:100%}@media(width<=380px){.task-view-wrapper{padding:18px 10px}}@media(max-width:568px){.task-view-wrapper{padding:40px 8px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.task-view-wrapper{padding:28px 20px}}@media(width<=380px){.task-view-wrapper{padding:40px 8px 20px}}.task-view-top{display:flex;justify-content:space-between;align-items:center}.task-view-description{font-size:20px;padding-bottom:16px;word-break:break-all}@media(max-width:568px){.task-view-description{font-size:16px}}.task-view-date{display:flex}.task-view-priority{display:flex;align-items:center;padding-bottom:24px}.task-view-priority-name{padding-left:36px;text-transform:capitalize}.task-view-priority>div{font-size:20px}@media(width<=380px){.task-view-priority>div{font-size:16px}}.task-view-date>div{font-size:20px}@media(width<=380px){.task-view-date>div{font-size:16px}}.task-view-duedate{padding-left:20px}.task-view-assigned-to>div{font-size:20px}.task-view-label{font-size:20px;padding-bottom:24px}@media(max-width:568px){.task-view-label{font-size:16px;font-weight:700}}.task-view-assigned-to-list{display:flex;flex-direction:column;justify-content:center}.task-view-assigned-user{display:flex;align-items:center;padding-bottom:16px;margin-left:8px}.task-view-assigned-user span{font-size:19px;padding-left:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media(width<=380px){.task-view-assigned-user span{font-size:16px}}.task-view-subtask{display:flex;flex-direction:column;width:100%}.task-view-subtask-list{display:flex;align-items:center;justify-content:flex-start;width:100%}.task-view-subtask-list :hover{background-color:#e7e7e7;border-radius:10px}.task-view-subtask-item{border:0;background-color:#fff;display:flex;align-items:center;margin-bottom:12px;padding:6px 12px;cursor:pointer}.task-view-subtask-description{padding-left:12px;word-break:break-word;text-align:left}.task-view-footer{display:flex;justify-content:flex-end;flex-shrink:0;align-items:center}.footer-task-view-btn{border:0;background-color:transparent;display:flex;padding:0 8px;align-items:center;font-size:16px;cursor:pointer}.footer-task-view-btn span{position:relative;padding-left:8px}.footer-task-view-btn span:before{content:attr(data-text);font-weight:700;visibility:hidden;display:block;height:0;overflow:hidden}.footer-task-view-btn:hover{color:#2a3647;font-weight:700}.footer-task-view-btn:hover svg{fill:#2a3647;stroke:#2a3647}.footer-task-view-btn--delete:hover img{content:url(/assets/img/components/task/task-view-delete-hover.svg)}.footer-task-view-btn--edit:hover img{content:url(/assets/img/components/task/task-view-edit-hover.svg)}.dialog-task-view-close-btn{width:32px;height:32px;background:url(/assets/img/components/general/dialog-close-mobil.svg) center no-repeat;position:relative;z-index:9999;pointer-events:auto}.task-view-close{position:absolute;top:40px;right:24px;z-index:1001}@media(width<=380px){.task-view-close{top:40px;right:20px}}@media(min-width:568px)and (max-width:920px){.task-view-close{top:40px;right:24px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.task-view-close{top:28px;right:20px}}.task-card{background-color:#fff;border-radius:24px;padding:16px;box-shadow:0 0 4px 2px #0000000a;display:flex;flex-direction:column;justify-content:space-between;gap:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;height:230px;min-height:230px;max-height:230px;box-sizing:border-box;flex-shrink:0;overflow:hidden}.task-card:hover{transform:scale(1.02);box-shadow:0 0 6px 2px #0000001a}@media(max-width:920px){.task-card{width:260px;min-width:260px;max-width:260px;height:230px;min-height:230px;max-height:230px}}@media(hover:none)and (max-width:1024px){.task-card:hover{transform:none;box-shadow:0 0 10px 3px #0000000a}}.task-card__category{padding:4px 16px;border-radius:8px;font-size:16px;color:#fff;align-self:flex-start;font-weight:400}.task-card__category.technicalTask{background-color:#1fd7c1}.task-card__category.userStory{background-color:#0038ff}.task-card__content{display:flex;flex-direction:column;gap:6px;overflow:hidden}.task-card__title{font-size:16px;font-weight:700;color:#2a3647;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word}.task-card__description{font-size:16px;color:#a8a8a8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:break-word}.task-card__progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background-color:#f4f4f4;border-radius:8px;overflow:hidden}.progress-bar__fill{height:100%;background-color:#4589ff;border-radius:8px}.progress-text{font-size:12px;color:#000;white-space:nowrap}.task-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.task-card__assignees{display:flex;align-items:center}.task-card__assignees--edit:first-child{margin-left:0}.task-card__assignees-edit{display:flex;align-items:center}.task-card__assignees-edit:first-child{margin-left:0}.assignee-badge{width:32px;height:32px;border-radius:50%;color:#fff;border:2px solid #ffffff;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;box-shadow:0 0 4px #00000029;margin-left:-8px}.assignee-badge:first-child{margin-left:0}.assignee-badge.extra-badge{background-color:#f4f4f4;color:#2a3647}.assignee-badge-edit{width:32px;height:32px;border-radius:50%;color:#fff;border:2px solid #ffffff;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:400;box-shadow:0 0 4px #00000029;margin-left:-8px;margin-top:8px}.assignee-badge-edit.extra-badge{background-color:#f4f4f4;color:#2a3647}.task-card__priority{width:32px;height:32px;flex-shrink:0}.wrapper-task-card-edit{margin-left:8px;height:36px;display:flex;align-items:center}#wrapper-join-login{width:100%;max-width:1440px;margin:0 auto}.layout-login{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100dvh;padding:67px 86px}@media(max-width:920px){.layout-login{flex-direction:column}}@media(min-width:568px)and (max-width:920px){.layout-login{padding:20px 16px}}@media(max-width:568px){.layout-login{padding:20px 8px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.layout-login{padding:0 8px}}.main-login{flex:1;min-width:0;padding-top:64px}@media(min-width:568px)and (max-width:920px){.main-login{order:1;flex:1;padding-top:64px}}@media(max-width:568px){.main-login{order:1;flex:1;padding-top:44px;display:flex;align-items:flex-end}}.wrapper-header-login{display:flex;justify-content:space-between;align-items:center;width:100%}@media(max-width:920px){.wrapper-footer-login{order:3;flex:1;display:flex;flex-direction:column;justify-content:center;gap:32px}}@media(width<=380px){.wrapper-footer-login{order:3;flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.wrapper-footer-login{order:3;flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;margin-top:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.logo-login{position:absolute;top:16px}}.img-logo-login{height:122px;width:auto}@media(max-width:920px){.img-logo-login{height:78px;padding-left:20px}}@media(width<=380px){.img-logo-login{height:62px;padding-left:20%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.img-logo-login{height:46px}}.header-signup{display:flex;justify-content:space-between;align-items:center}@media(max-width:920px){.header-signup{display:none}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.header-signup{display:none}}.login-signup-text{padding-right:24px;font-size:20px}@media(width<=380px){.login-signup-text{font-size:18px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.login-signup-text{font-size:16px;padding-right:0;padding-bottom:8px}}.footer-signup{display:flex;justify-content:space-between;align-items:center}@media(min-width:921px){.footer-signup{display:none}}.wrapper-content-login{border-radius:30px;box-shadow:0 0 14px 3px #00000024;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:652px;flex:1;min-height:0}@media(min-width:568px)and (max-width:920px){.wrapper-content-login{width:100%;padding:20px 16px}}@media(max-width:568px){.wrapper-content-login{width:100%;padding:20px 8px}}.headline-login{font-size:61px;font-weight:700}@media(max-width:920px){.headline-login{font-size:47px}}@media(width<=380px){.headline-login{font-size:42px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.headline-login{font-size:36px}}.headline-stroke{width:150px;height:3px;background:#29abe2;margin:16px 0 32px}@media(width<=380px){.headline-stroke{margin:16px 0 20px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.headline-stroke{margin:8px 0}}.form-cell--password{position:relative}.form-cell--password input{padding-right:52px}.form-cell--password .password-icon{position:absolute;top:14px;right:18px;width:24px;height:24px;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:920px){.form-cell--password .password-icon{top:8px}}@media(width<=380px){.form-cell--password .password-icon{top:7px}}.form-cell--email{position:relative;padding-bottom:16px}.form-cell--email input{padding-right:52px}.form-cell--email .email-icon{position:absolute;top:14px;right:18px;width:24px;height:24px;-webkit-user-select:none;user-select:none}@media(max-width:920px){.form-cell--email .email-icon{top:8px}}@media(width<=380px){.form-cell--email .email-icon{top:7px}}.input-login-img{width:24px;height:24px;object-fit:contain;position:absolute;top:50%;right:16px;transform:translateY(-80%)}.wrapper-login-buttons{width:100%;display:flex;justify-content:center}@media(hover:none)and (orientation:landscape)and (max-height:420px){.wrapper-login-buttons{position:relative}}.login-buttons{display:flex;justify-content:center;gap:32px;padding:8px 0}@media(max-width:568px){.login-buttons{flex-direction:column;gap:16px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.login-buttons{gap:16px}}.login-legal{display:flex;justify-content:center;gap:32px;color:#686868}@media(hover:none)and (orientation:landscape)and (max-height:420px){.login-legal{gap:12px}}.login-legal a{cursor:pointer;text-decoration:none;color:#686868}@media(width<=380px){.login-legal a{font-size:16px}}.login-legal a span{position:relative;display:inline-block}.login-legal a span:after{content:attr(data-text);font-weight:700;visibility:hidden;height:0;overflow:hidden;display:block}.login-legal a:hover span{color:#2a3647;font-weight:700}input.login-error{border-color:#e60026}.summary-wrapper{padding:48px}@media(min-width:568px)and (max-width:920px){.summary-wrapper{padding:16px}}@media(max-width:568px){.summary-wrapper{padding:8px}}.summary-wrapper.animate-in{opacity:0;transform:translateY(30px);animation:summaryIn .5s ease forwards;animation-delay:1.6s}@keyframes summaryIn{to{opacity:1;transform:translateY(0)}}.summary-metrics{display:flex;justify-content:space-between}.summary-metrics-wrapper{display:flex;flex-direction:column;justify-content:center;gap:32px;width:45%}@media(min-width:568px)and (max-width:920px){.summary-metrics-wrapper{width:100%;gap:16px}}@media(max-width:568px){.summary-metrics-wrapper{width:100%;gap:16px}}@media(width<=380px){.summary-metrics-wrapper{width:100%;gap:12px}}@media(min-width:921px)and (max-width:1200px){.summary-metrics-wrapper{width:100%;gap:16px}}@media(min-width:1201px)and (max-width:1919px){.summary-metrics-wrapper{width:100%;gap:16px}}.summary-greetings-wrapper{width:auto;display:flex;justify-content:center;align-items:center;width:55%}@media(max-width:920px){.summary-greetings-wrapper{display:none}}@media(min-width:921px)and (max-width:1200px){.summary-greetings-wrapper{display:none}}.summary-metrics-firstLine{display:flex;gap:32px;padding-top:32px}@media(min-width:568px)and (max-width:920px){.summary-metrics-firstLine{gap:16px}}@media(max-width:568px){.summary-metrics-firstLine{gap:16px}}@media(width<=380px){.summary-metrics-firstLine{gap:8px}}.summary-metrics-secondLine{display:flex;gap:32px}@media(min-width:568px)and (max-width:920px){.summary-metrics-secondLine{gap:16px}}@media(max-width:568px){.summary-metrics-secondLine{gap:16px}}@media(width<=380px){.summary-metrics-secondLine{gap:8px}}.summary-metrics-thirdLine{display:flex;gap:32px}@media(min-width:568px)and (max-width:920px){.summary-metrics-thirdLine{gap:16px}}@media(max-width:568px){.summary-metrics-thirdLine{gap:16px}}@media(width<=380px){.summary-metrics-thirdLine{gap:8px}}.summary-headline{display:flex;align-items:center;gap:30px}@media(max-width:568px){.summary-headline{flex-direction:column;align-items:flex-start;gap:8px}}@media(min-width:568px)and (max-width:920px){.summary-headline{flex-direction:column;align-items:flex-start;gap:8px}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.summary-headline{flex-direction:column;align-items:flex-start;gap:8px;margin-top:0}}.summary-title{margin:0;font-family:Inter,sans-serif;font-size:61px;font-weight:700;line-height:120%;color:#000}@media(min-width:921px)and (max-width:1200px){.summary-title{font-size:48px}}@media(max-width:920px){.summary-title{font-size:32px}}.summary-separator{width:3px;height:59px;background:#29abe2;flex-shrink:0}@media(max-width:568px){.summary-separator{order:3;width:90px;height:3px;margin-top:8px}}@media(min-width:568px)and (max-width:920px){.summary-separator{order:3;width:90px;height:3px;margin-top:8px}}.summary-subtitle{margin:0;font-family:Inter,sans-serif;font-size:27px;font-weight:400;line-height:120%;color:#2a3647;white-space:nowrap}@media(min-width:921px)and (max-width:1200px){.summary-subtitle{font-size:22px;white-space:normal}}@media(width<=380px){.summary-subtitle{font-size:22px}}.summary-metrics-text{display:flex;flex-direction:column;align-items:center;line-height:1.1}.summary-metrics-text span{font-size:20px;font-weight:400}@media(max-width:568px){.summary-metrics-text span{font-size:16px}}.summary-metrics-badges{border-radius:30px;box-shadow:0 0 4px #0006;padding:38px 58px;font-size:64px;font-weight:600;cursor:pointer;color:#000;display:flex;justify-content:center;width:100%;transition:all 80ms ease-in-out}@media(max-width:920px){.summary-metrics-badges{padding:19px 38px;border-radius:20px}}@media(width<=380px){.summary-metrics-badges{padding:8px 22px;border-radius:20px}}.summary-metrics-badges:hover{background-color:#2a3647;box-shadow:0 4px 4px #00000040;color:#fff}.summary-metrics-badges:active{background-color:#fff;box-shadow:0 4px 4px #00000040;color:#000}.summary-metrics-badges--third{padding:25px}@media(width<=380px){.summary-metrics-badges--third{padding:14px}}.summary-urgent-stroke{background:#d1d1d1;width:2px;height:100%}.summary-metrics-badges:hover .summary-urgent-stroke{background:#fff}.summary-metrics-toDo-icon{width:69px;height:69px;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media(max-width:568px){.summary-metrics-toDo-icon{width:50px;height:50px}}.summary-metrics-toDo-icon img{width:69px;height:69px;transition:all 80ms ease-out}@media(max-width:568px){.summary-metrics-toDo-icon img{width:40px;height:40px}}.summary-metrics-badges:hover .summary-metrics-toDo-icon img{content:url(/assets/img/components/summary/summary-edit-white.svg)}@media(max-width:568px){.summary-metrics-badges:hover .summary-metrics-toDo-icon img{width:50px;height:50px}}.summary-metrics-doneTasks-icon{width:69px;height:69px;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media(max-width:568px){.summary-metrics-doneTasks-icon{width:50px;height:50px}}.summary-metrics-doneTasks-icon img{width:69px;height:69px;transition:all 80ms ease-out}@media(max-width:568px){.summary-metrics-doneTasks-icon img{width:40px;height:40px}}.summary-metrics-badges:hover .summary-metrics-doneTasks-icon img{content:url(/assets/img/components/summary/summary-check-white.svg)}@media(max-width:568px){.summary-metrics-badges:hover .summary-metrics-doneTasks-icon img{width:50px;height:50px}}.summary-metrics-urgent-icon{width:69px;height:69px;display:flex;justify-content:center;align-items:center;flex-shrink:0}@media(max-width:568px){.summary-metrics-urgent-icon{width:50px;height:50px}}.summary-metrics-urgent-icon img{width:69px;height:69px;transition:all 80ms ease-out}@media(max-width:568px){.summary-metrics-urgent-icon img{width:40px;height:40px}}@media(max-width:568px){.summary-metrics-badges:hover .summary-metrics-urgent-icon img{width:50px;height:50px}}.summary-metrics-toDo{display:flex;align-items:center;gap:16px}@media(width<=380px){.summary-metrics-toDo{gap:8px}}.summary-metrics-done{display:flex;align-items:center;gap:16px}@media(width<=380px){.summary-metrics-done{gap:8px}}.summary-badge-number{font-size:64px;font-weight:600;padding-bottom:8px}@media(max-width:568px){.summary-badge-number{font-size:47px}}@media(width<=380px){.summary-badge-number{font-size:28px}}.summary-metrics-thirdLine-task{display:flex;flex-direction:column;align-items:center;justify-content:center}.summary-metrics-thirdLine-task span{font-size:20px;font-weight:400;text-align:center;max-width:50%}@media(max-width:568px){.summary-metrics-thirdLine-task span{font-size:16px;max-width:100%}}.summary-urgent-wrapper{display:flex;align-items:center;justify-content:space-between}.summary-urgent-inner{display:flex;align-items:center;justify-content:center;gap:16px;width:33%}@media(width<=380px){.summary-urgent-inner{gap:8px}}.summary-urgent-date{font-size:21px;font-weight:700;line-height:120%;padding-bottom:16px}@media(width<=380px){.summary-urgent-date{padding-bottom:2px}}.summary-urgent-text{font-size:16px;font-weight:400}.summary-urgent-list{display:flex;flex-direction:column;align-items:center;width:50%}@media(max-width:920px){.summary-urgent-list{width:50%;align-items:flex-start}}@media(min-width:1201px)and (max-width:1919px){.greeting{margin-left:10px;text-align:center}}.greeting-headline{font-size:47px;font-weight:500;line-height:120%}@media(width<=380px){.greeting-headline{text-align:center;font-size:36px}}.greeting-name{font-size:64px;font-weight:700;line-height:120%;color:#124658;text-align:center}@media(width<=380px){.greeting-name{font-size:48px}}.summary-greeting-overlay{display:none}@media(max-width:920px){.summary-greeting-overlay{position:fixed;inset:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}}@media(min-width:921px)and (max-width:1200px){.summary-greeting-overlay{position:fixed;inset:0;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}}.summary-greeting-overlay.closing{animation:greetingFadeOut .6s forwards}@keyframes greetingFadeOut{to{opacity:0;visibility:hidden;pointer-events:none}}:host{display:flex;justify-content:center;width:100%;flex:1}.contact-list-container{display:flex;flex-direction:column;width:100%;max-width:456px;height:calc(100vh - 96px);background-color:#fff;font-family:Inter,sans-serif;margin:0 auto;overflow:visible;box-shadow:10px 0 10px -5px #0000001a}@media(min-width:921px)and (max-width:1200px){.contact-list-container{width:100%;margin:0;max-width:320px}}.contacts-scroll-area{flex:1;overflow-y:auto;padding:0 24px 0 28px}@media(max-width:643px){.contacts-scroll-area{padding:0}}@media(max-width:343px){.contacts-scroll-area{padding:0 12px}}.add-contact-wrapper{padding:24px 0;display:flex;justify-content:center}.contact-group{margin-bottom:24px}.group-header{font-size:20px;padding:16px 12px 8px}.group-divider{width:100%;height:1px;background-color:#d1d1d1;margin-bottom:12px}.contact-item{display:flex;align-items:center;width:100%;box-sizing:border-box;gap:35px;padding:15px 24px;border-radius:10px;cursor:pointer;transition:all 125ms ease-in-out}@media(max-width:592px){.contact-item{gap:15px;padding:12px 16px}}@media(max-width:343px){.contact-item{gap:10px;padding:8px 10px}}.contact-item:hover:not(.active){background-color:#f6f7f8}.contact-item.active{background-color:#2a3647}.contact-item.active .contact-name{color:#fff}.contact-item.active .contact-email{color:#007cee}.contact-avatar{width:42px;height:42px;border:2px solid #ffffff;border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:12px;font-weight:400;box-shadow:0 0 4px #00000029}.contact-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.contact-name{font-size:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:920px){.contact-name{white-space:normal;word-break:break-word}}@media(max-width:360px){.contact-name{font-size:18px}}.contact-email{font-size:16px;color:#007cee;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:920px){.contact-email{white-space:normal;word-break:break-all}}@media(max-width:360px){.contact-email{font-size:14px}}@media(max-width:920px){.desktop-only{display:none}}.btn-mobile-add{display:none}@media(max-width:920px){.btn-mobile-add{display:flex;justify-content:center;align-items:center;position:fixed;bottom:112px;right:20px;width:56px;height:56px;border-radius:50%;background-color:#2a3647;border:none;box-shadow:0 4px 6px #0003;cursor:pointer;z-index:100;transition:background-color 125ms ease-in-out}.btn-mobile-add:hover{background-color:#29abe2}.btn-mobile-add img{width:24px;height:24px;filter:brightness(0) invert(1)}}@media(max-width:920px){.contact-list-container{height:calc(100vh - 80px);width:100%;max-width:100%;margin:0 auto;box-shadow:none;box-sizing:border-box;overflow:visible;padding-top:80px}}@media(max-width:568px){.contact-list-container{height:calc(100vh - 160px);width:80%;max-width:456px;margin:0 auto;box-shadow:none;padding-top:0;overflow:visible}.contacts-page-wrapper{padding-bottom:80px}.btn-mobile-add{bottom:112px;right:20px}}@media(width<=380px){.contact-list-container{height:calc(100vh - 160px);width:90%}}@media(hover:none)and (orientation:landscape)and (max-height:420px){.contact-list-container{padding-top:0}}.contacts-scroll-area::-webkit-scrollbar{width:14px}@media(hover:none)and (orientation:landscape)and (max-height:420px){.contacts-scroll-area::-webkit-scrollbar{width:12px}}.contacts-scroll-area::-webkit-scrollbar-track{background:#fff}.contacts-scroll-area::-webkit-scrollbar-thumb{background:#a8a8a8;border-radius:6px;border:4px solid rgb(255,255,255);background-clip:content-box}.contacts-scroll-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.contact-details__avatar{width:120px;height:120px;border:3px solid #ffffff;border-radius:50%;color:#fff;box-shadow:0 0 4px #00000029;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0;font-size:47px;font-weight:400;line-height:120%;text-transform:uppercase}@media(max-width:1258px)and (min-width:881px){.contact-details__avatar{width:100px;height:100px;font-size:40px}}