:root{--svg-size:32px;--svg-size-small:24px;--svg-size-tiny:20px;--gap:10px;--double-gap:calc(var(--gap)*2);--triple-gap:calc(var(--gap)*3);--quad-gap:calc(var(--gap)*4);--card-radius:8px;--button-radius:6px;--box-shadow-card:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.2) 0px 8px 16px -8px;--box-shadow-material:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);--box-shadow-elevated:0 2px 2px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.05);--transition-light-rebound:cubic-bezier(0.070,0.320,0.015,1.090);--col-white:#fff;--col-white-soft:#eeebeb;--col-white-mute:#f2f2f2;--col-black:#1a1a1a;--col-black-soft:#222;--col-black-mute:#282828;--col-grey-verylight:#f6f6f6;--col-grey-light:#eeebeb;--col-grey-mid-light:#989898;--col-grey-mid:#707070;--col-yellow:#ffd100;--col-warning-light:#f1d9c1;--col-warning:#fd9800;--col-warning-dark:#a26309;--col-info-light:#95caec;--col-info:#0079bf;--col-info-dark:#003d60;--col-success-light:#bde3b2;--col-success:#37b40d;--col-success-dark:#196002;--col-danger-light:#f8ccc9;--col-danger:#cb1305;--col-danger-dark:#800c03;--col-trello-green:#61bd4f;--col-trello-yellow:#f2d600;--col-trello-orange:#ff9f1a;--col-trello-red:#eb5a46;--col-trello-purple:#c377e0;--col-trello-blue:#0079bf;--col-trello-blue-dark:#034165;--col-trello-sky:#00c2e0;--col-trello-lime:#51e898;--col-trello-pink:#ff78cb;--col-trello-black:#344563;--col-primary:var(--col-yellow);--col-background:var(--col-white);--col-background-soft:var(--col-white-soft);--col-background-mute:var(--col-white-mute);--col-background-card:var(--col-white);--col-background-card-soft:var(--col-grey-verylight);--col-heading:var(--col-black);--col-text:var(--col-black);--col-button-text:var(--col-white);--col-button-text-hover:var(--col-black);--col-button-background:var(--col-black);--col-button-background-hover:var(--col-white);--col-button-focus:var(--col-black);--col-button-primary-text:var(--col-black);--col-button-primary-text-hover:var(--col-white);--col-button-primary-background:var(--col-primary);--col-button-primary-background-hover:var(--col-grey-mid);--col-button-primary-focus:var(--col-black);--col-button-secondary-text:var(--col-white);--col-button-secondary-text-hover:var(--col-white);--col-button-secondary-background:var(--col-grey-mid);--col-button-secondary-background-hover:var(--col-black);--col-button-secondary-focus:var(--col-black)}#login .login-form input,.register-user .register-form input{width:100%;height:30px;margin:0;padding:.4rem .6rem;border:1px solid #707070;transition:all .3s ease-out}#login .login-form input::-moz-placeholder,.register-user .register-form input::-moz-placeholder{color:var(--col-text-mute)}#login .login-form input::placeholder,.register-user .register-form input::placeholder{color:var(--col-text-mute)}#login .login-form input:focus,.register-user .register-form input:focus{border:1px solid var(--col-primary);outline:none}.dock,.project-list ul li .actions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,94%,.4)}@keyframes rotate-left{0%{transform:rotate(0)}to{transform:rotate(-3turn)}}.to-right-enter-active,.to-right-leave-from{transform:translateX(0);transition:all .25s cubic-bezier(.49,.85,.68,.71)}.to-right-enter-from,.to-right-leave-active{transform:translateX(100%);transition:all .25s cubic-bezier(.49,.85,.68,.71)}.to-top-enter-active,.to-top-leave-from{transform:translateX(0);transition:all .25s cubic-bezier(.49,.85,.68,.71)}.to-top-enter-from,.to-top-leave-active{transform:translateY(10px);transition:all .25s cubic-bezier(.49,.85,.68,.71)}.fade-enter-active,.fade-leave-from{opacity:1;transition:all .25s cubic-bezier(.49,.85,.68,.71)}.fade-enter-from,.fade-leave-active{opacity:0;transition:all .25s cubic-bezier(.49,.85,.68,.71)}.list-right-enter-active,.list-top-enter-active,.list-top-leave-active{transition:all .3s ease-out}.list-top-enter-from{opacity:0;transform:translateY(30px)}.list-top-leave-to{opacity:0}.list-right-enter-from{opacity:0;transform:translateX(30px)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}ol,ol li,ul,ul li{padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}:not(svg):not(use):not(p){transition:.25s}::-moz-selection{color:var(--col-text);background:var(--col-primary)}::selection{color:var(--col-text);background:var(--col-primary)}html{font-family:Gilroy,Roboto,sans-serif;font-size:16px}@media (max-width:769px){html{font-size:14px}}body{width:100vw;min-height:100vh;color:var(--col-text);background-color:var(--col-background-mute);overflow-x:hidden;z-index:1;font-smoothing:auto;scroll-behavior:smooth}body.menu-open{height:100vh;overflow:hidden}#app{position:relative;display:flex;flex-direction:column;min-height:100vh;padding-bottom:6rem}.sprite-icon{width:22px;height:22px}table tbody tr{width:100%;min-width:400px;margin-bottom:2rem;font-size:.9rem;transition:background-color .1s ease-out}table tbody tr thead{font-weight:700;font-size:1rem;border-bottom:2px solid #707070}table tbody tr tbody{font-size:.8rem}table tbody tr tr td{min-width:90px;padding:.4rem 0}table tbody tr:nth-child(odd){background-color:var(--col-grey-light)}table tbody tr:nth-child(2n){background-color:var(--col-grey-verylight)}table tbody tr:hover{background-color:var(--col-grey-mid-light)}table tbody tr thead{border-bottom:1px solid}table tbody tr thead tr:first-child td{padding:.8rem 0;font-weight:700;text-align:center;text-transform:uppercase}table tbody tr thead tr:last-child td{padding:.2rem 0}table tbody tr tfoot{width:100%;color:var(--col-white);font-weight:700;background-color:var(--col-black)}.messages-container{padding:1rem 0}.messages-container .message{padding:.4rem;font-size:.9rem;font-weight:bolder;border:1px solid;border-radius:4px}.messages-container .message.warning{color:var(--col-warning)}.messages-container .message.success{color:var(--col-success)}.messages-container .message.danger{color:var(--col-danger)}.badge{padding:.15rem .4rem;font-size:.8rem;border-radius:4px;color:var(--col-white)}.badge.success{background-color:var(--col-success-dark)}.badge.danger{background-color:var(--col-danger)}.badge.warning{background-color:var(--col-warning)}.margin-progress{position:absolute;left:0;bottom:1px;height:4px;border-radius:0 4px 4px 0;opacity:.75}.margin-progress.success{background-color:var(--col-success)}.margin-progress.warning{background-color:var(--col-warning)}.margin-progress.danger{background-color:var(--col-danger)}.loader{animation:rotate-left 3s linear infinite}.blockquote-container{display:flex;flex-direction:column}.blockquote-container blockquote{margin-bottom:.6rem;font-size:1.1rem;line-height:1.2}.blockquote-container figcaption{margin-left:auto;font-size:.9rem}.h1,h1{margin-bottom:2rem;font-size:2.6rem;font-weight:900}.h2,h2{margin-bottom:1.8rem;font-size:2.2rem;font-weight:600}.h3,h3{margin-bottom:1.6rem;font-size:1.4rem;font-weight:700}h4{margin-bottom:1.4rem;font-size:1.2rem}p{margin-bottom:.8rem;line-height:1.2}a{text-decoration:none;transition:all .3s ease-out}strong{font-weight:700}em{font-style:italic}i{color:var(--col-text-mute)}.mce-content-body ul{padding-left:2rem}.mce-content-body ul li{list-style:disc}.main{position:relative;max-width:1200px;width:100%;margin-top:50px;padding:4rem}@media (max-width:940px){.main{max-width:800px}}.dashboard{display:flex;justify-content:center;align-items:flex-start;padding:0 1rem;gap:1rem}@media (max-width:1700px){.dashboard{padding:0 2rem}}.dashboard>div{margin-top:calc(50px + 2rem)}.dashboard .dashboard-main{max-width:1184px;width:100%;padding:4rem}@media (min-width:1920px){.dashboard .dashboard-main{max-width:unset}}@media (max-width:1700px){.dashboard .dashboard-main{max-width:918px}}@media (max-width:1300px){.dashboard .dashboard-main{max-width:648px}}.dashboard .dashboard-main .dashboard-item-container{width:1072px;margin-right:auto;margin-left:auto}@media (min-width:2000px){.dashboard .dashboard-main .dashboard-item-container{width:1340px}}@media (min-width:2500px){.dashboard .dashboard-main .dashboard-item-container{width:1608px}}@media (max-width:1715px){.dashboard .dashboard-main .dashboard-item-container{width:804px}}@media (max-width:1444px){.dashboard .dashboard-main .dashboard-item-container{width:536px}}.dashboard .dashboard-side{position:sticky;top:calc(50px + 2rem);max-width:500px;width:calc(100vw - 1184px - 6rem);height:calc(100vh - 50px - 4rem);padding-bottom:100px;overflow-y:auto}.dashboard .dashboard-side:after{position:sticky;left:0;bottom:0;content:"";display:block;width:100%;height:0;background-color:var(--col-background-mute);box-shadow:0 100px 80px 70px var(--col-background-mute);z-index:2}.dashboard .dashboard-side::-webkit-scrollbar{display:none}@media (min-width:1920px){.dashboard .dashboard-side{width:auto}}@media (max-width:1700px){.dashboard .dashboard-side{width:calc(100vw - 918px - 6rem)}}@media (max-width:1300px){.dashboard .dashboard-side{width:calc(100vw - 648px - 6rem)}}.dashboard .dashboard-side .agency-todo{background-color:transparent}.dashboard .dashboard-side .agency-todo li{font-size:.9rem}.dashboard .dashboard-side .agency-todo li p,.dashboard .dashboard-side .agency-todo li:last-child{margin-bottom:0}.dashboard .dashboard-side .dashboard-item{position:relative;margin-bottom:1rem;padding:0;transition:transform 1.4s cubic-bezier(.07,.32,.015,1.09)}.dashboard .dashboard-side .dashboard-item:hover{transform:translateY(-3px)}.dashboard .dashboard-item{width:100%}.dashboard .dashboard-item.close .title-container{margin-bottom:0;padding:2rem 4rem}.dashboard .dashboard-item.close .title-container:hover .icon-arrow-down{transform:translateX(-4px) rotate(0)}.dashboard .dashboard-item.close .title-container .icon-arrow-down{transform:rotate(0)}.dashboard .dashboard-item.close .content-container{height:0;padding:0 4rem;filter:blur(1px);opacity:.2;overflow:hidden}.dashboard .dashboard-item .title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 4rem 0;cursor:pointer}.dashboard .dashboard-item .title-container:hover .icon-arrow-down{transform:translateX(-4px) rotate(180deg)}.dashboard .dashboard-item .title-container .icon-title{margin-bottom:0}.dashboard .dashboard-item .title-container .icon-arrow-down{transform:rotate(180deg);transition:transform .4s cubic-bezier(.07,.32,.015,1.09)}.dashboard .dashboard-item .content-container{padding:0 4rem 4rem}.dashboard .dashboard-item.personal-todo .content-container{padding:0}.dashboard .dashboard-item i.more-information{position:absolute;right:.6rem;bottom:.6rem;font-size:.85rem;font-style:italic}.card{background:var(--col-background-card);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);overflow:hidden}.card,.mini-card{border-radius:var(--card-radius)}.mini-card{margin-bottom:1rem;padding:1rem;font-size:.9rem;background-color:var(--col-background-card-soft);box-shadow:var(--box-shadow-card)}.bloc{width:100%;margin-bottom:2rem}footer{margin-top:auto;padding:.8rem 0 2rem;text-align:center}.dock{position:fixed;left:50%;bottom:-1rem;display:flex;justify-content:center;align-items:center;height:76px;max-width:900px;margin-left:auto;margin-right:auto;padding:0 2rem 1rem;border-radius:var(--card-radius);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);transform:translateX(-50%);overflow:hidden;z-index:99}.dock.active{bottom:.2rem}.dock a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:.4rem;margin-left:.4rem;color:var(--col-black);opacity:.8;border-radius:var(--card-radius)}.dock a.active{color:var(--col-white);background-color:var(--col-black);opacity:1}.dock a.hover:not(.active){background-color:var(--col-grey-light);opacity:1}.dock a.hover:not(.active) span{opacity:1}.dock a svg{width:30px;height:30px}.dock a span{position:absolute;bottom:8px;left:50%;font-size:.7rem;font-weight:700;text-transform:uppercase;opacity:0;transform:translateX(-50%);pointer-events:none}.top-bar{position:fixed;top:0;left:0;justify-content:space-between;width:100%;height:50px;padding-left:1.2rem;color:var(--col-white);background-color:var(--col-black);z-index:100}.top-bar,.top-bar .main-title{display:flex;align-items:center}.top-bar .main-title span{margin-top:2px;margin-right:.4rem;margin-left:.4rem;font-size:1.2rem;font-weight:700;text-transform:uppercase}.top-bar .main-title svg{width:var(--svg-size-small);height:var(--svg-size-small)}.top-bar .more-button{display:flex;justify-content:center;align-items:center;width:50px;height:50px;color:var(--col-white);cursor:pointer;transition:background-color .2s ease-out}.top-bar .more-button:hover{background-color:#707070}.top-bar .logout-btn{cursor:pointer}.top-bar .profile-menu{position:fixed;top:50px;right:0;min-width:180px;font-weight:700;background-color:var(--col-black)}.top-bar .profile-menu .username{display:flex;justify-content:center;align-items:center;padding-top:.4rem;padding-bottom:.4rem;font-size:.8rem;font-weight:700;text-transform:uppercase}.top-bar .profile-menu .username .user-avatar{width:38px;height:38px;margin-right:.6rem;padding:6px;border:2px solid var(--col-white);border-radius:50%}.top-bar .profile-menu ul{min-width:180px;padding:1rem}.top-bar .profile-menu ul li{padding:.4rem 0}.top-bar .profile-menu ul li a{display:flex;justify-content:flex-end;align-items:center;color:var(--col-white)}.top-bar .profile-menu ul li a:hover svg{transform:translateX(-8px)}.top-bar .profile-menu ul li svg{width:20px;height:20px;margin-right:10px;transition:transform .6s cubic-bezier(.07,.32,.015,1.09)}.multi-column{padding:0 1rem}.multi-column .main-container{display:flex;justify-content:center;align-items:flex-start;margin-top:2rem;margin-bottom:2rem}.multi-column .main-container:not(.has-right-content){flex-basis:1200px;margin-right:auto;margin-left:auto}.multi-column .main-container.has-right-content{gap:2rem}.multi-column .main-container.has-right-content>div:first-child,.multi-column .main-container.has-right-content>div:last-child{margin-top:50px;padding:4rem}@media (max-width:1200px){.multi-column .main-container.has-right-content>div:first-child,.multi-column .main-container.has-right-content>div:last-child{margin-top:50px;padding:2rem}}.multi-column .main-container.has-right-content>div:first-child{width:70vw}@media (max-width:1200px){.multi-column .main-container.has-right-content>div:first-child{width:60vw}}@media (max-width:992px){.multi-column .main-container.has-right-content>div:first-child{width:55vw}}.multi-column .main-container.has-right-content>div:last-child{width:30vw}@media (max-width:1200px){.multi-column .main-container.has-right-content>div:last-child{width:40vw}}@media (max-width:992px){.multi-column .main-container.has-right-content>div:last-child{width:45vw}}.multi-column .note-container .slot-container{position:fixed;left:1rem;bottom:1rem;width:400px;height:calc(100vh - 50px - 2rem);padding:2rem;z-index:10}.multi-column .note-container.open .slot-container{pointer-events:auto}.multi-column .note-container.open .toggle-button svg.icon-speaker-note{display:none}.multi-column .note-container.open .toggle-button svg.close{display:block}.multi-column .note-container.open .toggle-button .count{display:none}.multi-column .note-container.close .slot-container{pointer-events:none;transform:translateX(calc(-100% - 1rem))}.multi-column .note-container.close .toggle-button svg.icon-speaker-note{display:block}.multi-column .note-container.close .toggle-button svg.close{display:none}.multi-column .note-container .toggle-button{position:fixed;left:1.4rem;bottom:1.4rem;display:flex;justify-content:center;align-items:center;width:46px;height:46px;border-radius:100%;background-color:var(--col-primary);cursor:pointer;box-shadow:var(--box-shadow-material);z-index:10}.multi-column .note-container .toggle-button svg{width:22px;height:22px}.multi-column .note-container .toggle-button svg.close{transform:rotate(45deg)}.multi-column .note-container .toggle-button .count{position:absolute;bottom:-4px;right:-4px;display:flex;justify-content:center;align-items:center;width:22px;height:22px;color:var(--col-white);font-size:.8rem;background-color:#707070;border-radius:50%}.is-archived{margin-bottom:2rem;padding:.6rem 1.2rem;color:var(--col-danger-dark);text-align:center;background-color:var(--col-danger-light);border:2px solid var(--col-danger-dark);border-radius:var(--card-radius)}.single-content .content{display:flex;justify-content:space-between;align-items:stretch}.single-content .content .main-content{flex-basis:calc(100% - 300px - 1rem);max-width:calc(100% - 300px - 1rem);margin-right:1rem}.single-content .content .side-content{flex-basis:300px;margin-top:-.8rem;padding:.8rem;background-color:var(--col-background-soft);overflow:hidden;border-radius:var(--card-radius)}.single-content .content .side-content .icon-title{margin-bottom:1rem;padding-bottom:.2rem;border-bottom:1px solid #707070}.single-content .content .side-content .icon-title svg{width:var(--svg-size-small);height:var(--svg-size-small)}.single-content .updated-date{position:absolute;top:4rem;right:4rem;font-size:.8rem;color:var(--col-text-mute)}.single-content .name{margin-bottom:.2rem;border:1px solid var(--col-white);transform:translateX(-.4rem);padding:.4rem .2rem;font-size:1.6rem;font-weight:700}.single-content .reference{display:flex;align-items:center;width:100%;margin-bottom:2rem;font-size:.8rem}.single-content .reference .label,.single-content .reference label{flex-shrink:0;margin-right:10px;font-weight:700}.single-content .input-container.name{margin-bottom:0}.single-content .input-container.name .input,.single-content .input-container.name input[name=client_name]{padding:.4rem .2rem;font-size:1.6rem;font-weight:700}.single-content .input-container.reference .input,.single-content .input-container.reference input{width:100%;margin-bottom:0;padding:.2rem;font-size:.8rem}.single-content .textarea-container{margin-bottom:2rem}.single-content .textarea-container .mce-content-body{width:100%;min-height:50px;margin-bottom:.6rem;padding:.6rem .8rem;font-size:1rem;background-color:transparent;border:1px solid transparent;border-radius:var(--button-radius)}.single-content .textarea-container .mce-content-body:hover{cursor:pointer}.single-content .textarea-container .mce-edit-focus{padding:.6rem .8rem;border-radius:0;border:1px solid #707070;outline:none}.single-content .textarea-container .mce-edit-focus:hover{cursor:auto}.single-content .label-icon{display:flex;align-items:center;margin-bottom:.8rem;padding-bottom:.6rem;font-size:1.2rem;font-weight:700;border-bottom:1px solid var(--col-grey-light)}.single-content .label-icon svg{margin-right:10px}.client-list{display:flex;align-items:stretch;flex-wrap:wrap;width:calc(100% + 1rem);margin:2rem -.5rem 0}.client-list>div{width:calc(33.33333% - 1rem);margin-left:.5rem;margin-right:.5rem}.client-list .card{position:relative;top:0;display:flex;flex-direction:column;width:252px;height:auto;max-height:400px;margin:0 .5rem 2rem;border-radius:4px;background-color:var(--col-background-card);overflow:hidden;overflow-y:auto;box-shadow:var(--box-shadow-card);transition:top 1.4s cubic-bezier(.07,.32,.015,1.09),transform .3s ease-out}.client-list .card::-webkit-scrollbar{width:5px;background:var(--col-grey-mid-light)}.client-list .card::-webkit-scrollbar-thumb{border-radius:14px;background:var(--col-grey-mid)}.client-list .card:hover{top:-3px}.client-list .card .card-header{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100px;color:var(--col-black);font-size:.9rem;font-weight:700}.client-list .card .card-header:hover{text-decoration:underline}.client-list .card .card-header .logo{display:flex;align-items:center;justify-content:center;height:50px;margin-bottom:.8rem}.client-list .card .card-header .logo.empty{width:30px;height:30px;background-color:#707070;border-radius:50%}.client-list .card .card-header .logo img{width:100%;height:100%;max-height:50px;max-width:120px;-o-object-fit:contain;object-fit:contain}.client-list .card .card-body .create-client{padding:.8rem}.client-list .card .card-footer{display:flex;justify-content:space-between;align-items:center;height:40px;margin-top:auto;padding:.6rem .8rem}.client-list .card .card-footer .date{font-size:.72rem}.client-list .card .card-footer,.client-list .card .card-header{z-index:2}.client-single .single-content .header{display:flex;align-items:center;margin-bottom:2rem}.client-single .single-content .logo{position:relative;width:180px;height:100px;margin-right:1rem;margin-bottom:.8rem}.client-single .single-content .logo:hover .input-file{opacity:1;pointer-events:auto}.client-single .single-content .logo .input-file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .2s ease-out}.client-single .single-content .logo .input-file.placeholder{opacity:1;pointer-events:auto}.client-single .single-content .logo .input-file>p{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(var(--col-grey-light),.95)}.client-single .single-content .logo .input-file input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.client-single .single-content .logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.client-single .single-content .content .main-content .create-contact:hover{background-color:var(--col-grey-light)}.client-birthday{position:fixed;top:20px;left:50%;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;padding:20px 60px;transform:translateX(-50%);cursor:pointer;z-index:110}.client-birthday strong{display:inline-block;margin-bottom:6px}.contact-list-container{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.contact-list-container>li{display:flex;width:calc(50% - 1rem)}.contact-list-container>li:nth-child(odd){justify-content:flex-end}.contact-list-container>li:nth-child(2n){justify-content:flex-start}.contact-list-container .contact-card{width:100%;max-width:400px}.contact-list-container .contact-card .client{margin-bottom:.6rem;font-size:.9rem}.icon-title{display:flex;align-items:center}.icon-title.h1{margin-bottom:1.2rem}.icon-title.h1 svg{width:46px;height:46px}.icon-title.h3{margin-bottom:.8rem}.icon-title.h3 svg{width:24px;height:24px}.icon-title.h4{margin-bottom:.4rem}.icon-title.h4 svg{width:24px;height:24px}.icon-title svg{width:32px;height:32px;margin-right:.4rem}@keyframes gift-elevated{0%{top:.7rem;text-shadow:0 8px 6px rgba(0,0,0,.3)}50%{top:.2rem;text-shadow:0 16px 16px rgba(0,0,0,.3)}to{top:.7rem;text-shadow:0 8px 6px rgba(0,0,0,.3)}}.leave-card{display:flex;flex-direction:column;max-width:800px;margin:0 auto 1rem;font-size:.9rem;box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);border-radius:var(--card-radius);overflow:hidden;background-color:var(--col-grey-verylight)}.leave-card .state{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding-top:.2rem;padding-bottom:.2rem;color:var(--col-white);font-size:.8rem;font-weight:700;text-transform:uppercase}.leave-card .state.success{border:1px solid var(--col-success-dark);background-color:var(--col-success)}.leave-card .state.warning{border:1px solid var(--col-warning-dark);background-color:var(--col-warning)}.leave-card .state.danger{border:1px solid var(--col-danger-dark);background-color:var(--col-danger)}.leave-card p{margin-bottom:.2rem}.leave-card p:last-child{margin-bottom:0}.leave-card .card-body,.leave-card .card-footer,.leave-card .card-header{padding-left:2rem;padding-right:2rem}.leave-card .card-header{display:flex;align-items:center;margin-bottom:1.4rem}.leave-card .card-header .state{width:34px;height:34px}.leave-card .card-header>div:not(:last-child){margin-right:1.4rem}.leave-card .card-header .attachment{display:flex;justify-content:center;height:100%;margin-left:auto}.leave-card .card-header .attachment .action-button{width:36px;height:36px}.leave-card .card-header .attachment .action-button svg{width:28px;height:28px}.leave-card .card-body{margin-top:1rem;margin-bottom:1.4rem}.leave-card .card-body span.title{display:block;margin-bottom:.4rem;font-weight:700}.leave-card .card-footer{padding-bottom:1rem}.leave-card .card-footer .note-container .note{margin-bottom:1rem}.leave-card .card-footer .title{display:block;margin-bottom:.6rem;font-size:1.1rem}.leave-card .card-footer .leave-update{display:flex;align-items:center;margin-bottom:.4rem}.leave-card .card-footer .leave-update div{margin-right:1rem}.leave-card .card-footer .leave-update div:last-child{margin-right:0}.leave-card .card-footer .leave-update:deep(p:last-of-type){margin-bottom:0!important}.leave-card .card-footer .leave-update .state{width:16px;height:16px;margin:0 .4rem 0 0;border-radius:100%}.leave-card .card-footer .action-buttons{display:flex;align-items:center}.leave-card .card-footer .action-buttons .action-button{display:flex;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.6rem;border-radius:6px;color:var(--col-black);background-color:var(--col-grey-light);cursor:pointer;transition:background-color .3s ease}.leave-card .card-footer .action-buttons .action-button:last-child{margin-right:0}.leave-card .card-footer .action-buttons .action-button svg{width:24px;height:24px}.leave-card .card-footer .action-buttons .action-button.refuse svg{transform:rotate(45deg)}.leave-card .card-footer .action-buttons .action-button:hover,.leave-card .card-footer .action-buttons .action-button:hover a{color:var(--col-white)}.leave-card .card-footer .action-buttons .action-button.accept:hover{background-color:var(--col-success)}.leave-card .card-footer .action-buttons .action-button.refuse:hover{background-color:var(--col-danger)}.leave-card .card-footer .action-buttons .action-button.wait:hover{background-color:var(--col-warning)}.leave-resume .mini-card{position:relative;overflow:hidden;z-index:1}.leave-resume .mini-card.is-vacations{background:no-repeat url(/img/sunset.7773df05.gif) 50%}.leave-resume .mini-card.is-vacations .content{padding:.6rem;color:var(--col-white);background-color:rgba(0,0,0,.4);border-radius:var(--card-radius)}.leave-resume .mini-card .content{width:-moz-fit-content;width:fit-content;z-index:2}.leave-resume .mini-card .gift{position:absolute;top:.6rem;right:1rem;font-size:2rem;animation:gift-elevated 2.6s ease-in-out infinite forwards;cursor:pointer;text-shadow:0 10px 10px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-resume .mini-card .gift:hover{top:.7rem!important;text-shadow:0 8px 6px rgba(0,0,0,.3)!important;animation-play-state:paused}.leave-resume .mini-card .gift:active{transform:scale(.8)}.leave-resume .mini-card span{display:block}.leave-resume .mini-card span:first-child{margin-bottom:.2rem;text-transform:uppercase;font-weight:700}.leave-resume .mini-card .leave-state{position:absolute;bottom:0;left:0;height:4px;background-color:var(--col-success)}.leave-resume .mini-card img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.leave-filters{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.leave-filters label{text-align:center}.leave-filters select{min-width:160px}.card hr{margin:2rem 0}.col2,.col3{display:flex;justify-content:space-between;flex-wrap:wrap;margin:1rem 0}.col2>.form-group,.col3>.form-group{margin-bottom:.6rem}.col2>.form-group{width:calc(50% - 1rem)}.col3>.form-group{width:calc(33.33% - 1rem)}button[type=submit]{margin-top:2rem}.link-list{margin-top:1rem}.link-list li{position:relative;margin-bottom:.4rem;padding:.4rem 0}.link-list li:not(.trello) svg.sprite-icon{position:absolute;top:6px;left:-6px;width:20px;height:20px}.link-list li:not(.trello) a{display:inline-block;width:100%;margin-left:20px;color:var(--col-black);font-size:.9rem;line-height:1.1;text-decoration:none}.link-list li:not(.trello) a:hover{text-decoration:underline}.link-list li .delete-button{display:inline-block;margin-top:.4rem;margin-left:20px;font-size:.8rem;text-decoration:underline;cursor:pointer;transition:color .3s ease-out}.link-list li .delete-button:hover{color:var(--col-danger);text-decoration:none}.link-list li.trello{display:flex;flex-direction:column;align-items:flex-end}.link-list li.trello .trello-card{width:100%}.link-list li.trello .delete-button{margin-right:.4rem}table{width:100%}table thead{font-weight:700;font-size:1rem;border-bottom:2px solid #707070}table tbody{font-size:.8rem}table tr:hover{background-color:var(--col-grey-light)}table tr td{min-width:90px;padding:.4rem 0}#login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 50px);padding-bottom:50px}#login h2{text-align:center}#login .login-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:4rem}#login .login-form input{margin:.5rem auto}#login .login-form button{padding:.8rem 1.6rem;font-size:.9rem;font-weight:700;text-align:center;border:none;outline:none;cursor:pointer;transition:all .3s ease-out;border-radius:var(--button-radius);color:var(--col-button-primary-text);background-color:var(--col-button-primary-background);display:flex;align-items:center;margin-top:1rem}#login .login-form button:hover{color:var(--col-button-primary-text-hover);background-color:var(--col-button-primary-background-hover)}#login .login-form button:focus{border:2px solid var(--col-button-primary-focus)}#login .login-form button svg{width:22px;height:22px}#login .alert-error{top:0;right:0;display:block;margin:2rem 0;padding:.8rem 1.2rem;color:#5b0000;background-color:hsla(3,100%,72%,.71);z-index:1}.motivations{position:relative;padding-left:2.5rem}.motivations .icon-sync{position:absolute;left:0;top:0;width:24px;height:24px;cursor:pointer;transition:transform 1s cubic-bezier(.07,.32,.015,1.09)}.motivations .icon-sync:hover{transform:rotate(-145deg)}.note-list{height:100%;padding-bottom:80px}.note-list ul{height:100%;padding-right:10px;overflow-y:auto}.note-list .message{position:relative;margin-bottom:1.6rem}.note-list .message .header{display:flex;align-items:center;margin-bottom:.6rem;font-size:.9rem}.note-list .message .header svg{width:16px;height:16px;margin-right:4px}.note-list .message .header .user{margin-right:.4rem;font-weight:700}.note-list .message .content{width:100%;font-size:.9rem;background-color:rgba(var(--col-grey-light),.5)}.note-list .message .content.no-edit{padding:.4rem .6rem}.note-list .message .footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:.4rem}.note-list .message .footer .date{color:#707070;font-size:.8rem}.note-list .message .footer .remove-note{color:#707070;font-size:.8rem;text-decoration:underline;text-align:right;cursor:pointer}.note-list .message .footer .remove-note:hover{color:var(--col-danger);text-decoration:none}.note-list .create-message{margin-bottom:2rem}.note-list .create-message .user{margin-bottom:.2rem;font-size:.8rem;font-weight:700}.note-list .create-message textarea{width:100%}.note-list .create-message .save-button{margin-top:.4rem}.password-generator .generated-password-container{position:relative;margin:1rem 0;padding:.6rem;text-align:center;background-color:var(--col-grey-light)}.password-generator .generated-password-container .button-icon-rounded{position:absolute;top:-18px;right:0;cursor:pointer;transition:all .3s ease-out}.password-generator .generated-password-container .button-icon-rounded:hover{box-shadow:0 2px 2px rgba(0,0,0,.1),0 0 10px rgba(0,0,0,.05);transform:translateY(-1px)}.password-generator label{color:#707070;font-size:.9rem;font-weight:600}.password-generator button{margin-top:1.6rem;margin-right:auto;margin-left:auto}.project-list ul li{position:relative;width:100%;padding:.5rem .8rem 1rem;font-size:.9rem;border-bottom:1px solid var(--col-grey-light);overflow:hidden}.project-list ul li>div:first-child{max-width:calc(100% - 20px)}.project-list ul li.template-project{padding:.5rem 0 1rem}.project-list ul li .project-header{display:flex;align-items:center;margin-bottom:.2rem}.project-list ul li p,.project-list ul li:last-child{margin-bottom:0}.project-list ul li .date{font-size:.72rem}.project-list ul li:hover .actions{right:0}.project-list ul li .actions{position:absolute;top:0;right:-101%;display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;padding-top:.2rem;padding-bottom:.2rem;transition:right .5s cubic-bezier(.07,.32,.015,1.09)}.project-list ul li .actions .button-item{display:flex;justify-content:center;align-items:center;width:38px;height:38px;border-radius:var(--card-radius);cursor:pointer}.project-list ul li .actions .button-item:hover{background-color:var(--col-grey-light)}.project-list ul li .actions .button-item:hover.delete-project svg{color:var(--col-danger)}.project-list ul li .actions a{color:var(--col-black);font-size:.9rem}.project-list ul li .actions a:hover{text-decoration:underline}.project-list ul li .state{position:absolute;right:0;width:14px;height:14px;margin-right:.6rem;border-radius:100%}.project-list ul li.termine{background-color:var(--col-grey-verylight)}.project-list ul li.termine>div:first-child i,.project-list ul li.termine>div:first-child p{opacity:.7}.project-list ul li.commence .state{background-color:var(--col-info);border:1px solid var(--col-info-dark)}.project-list ul li.termine .state{background-color:var(--col-success);border:1px solid var(--col-success-dark)}.project-list ul li.annule .state{background-color:var(--col-danger);border:1px solid var(--col-danger-dark)}.project-list ul li.prospect .state{background-color:var(--col-grey-light);border:1px solid var(--col-grey-mid)}.project-settings{display:flex;flex-wrap:wrap}.project-settings .form-group{justify-content:flex-start;width:-moz-fit-content;width:fit-content;margin-right:.6rem;margin-bottom:1.2rem}.project-settings .form-group input:not([type=checkbox]){width:100px;border:none;cursor:pointer;background-color:var(--col-grey-light)}.project-settings .form-group input:not([type=checkbox]):focus{border:1px solid;cursor:auto;background-color:var(--col-white)}.project-settings .form-group input[type=date]{max-width:200px;width:100%;flex-shrink:0}.project-settings .form-group.select{flex-basis:100%}.project-settings .form-group.checkbox,.project-settings .form-group.date{flex-basis:42%}.project-settings .form-group.select{display:flex;flex-direction:column;align-items:flex-start}.project-settings .form-group.select label{margin-bottom:.4rem}.project-settings .form-group.checkbox{flex-direction:row}.project-single .project-type select{height:30px;margin-bottom:2rem;padding:0 .4rem}.project-single .project-state{position:absolute;top:0;left:0;width:100%;padding:.4rem 0;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;text-align:center}.project-single .project-state.prospect{color:var(--col-grey-mid);background-color:var(--col-grey-light)}.project-single .project-state.termine{background-color:var(--col-success)}.project-single .project-state.commence{background-color:var(--col-info)}.project-single .project-state.annule{background-color:var(--col-danger)}.project-single .back-to-client{display:flex;align-items:center;color:#707070;font-size:.9rem;text-transform:uppercase}.project-single .back-to-client:hover{text-decoration:underline}.project-single-settings .button-item{position:absolute;display:flex;top:0;right:0;justify-content:center;align-items:center;width:34px;height:34px;padding:.3rem;color:var(--col-black);background-color:var(--col-primary);cursor:pointer}.project-single-settings .button-item svg{width:100%;height:100%}.project-single-settings hr{margin:2rem 0}.project-pie-chart{max-width:360px;margin-left:auto;margin-right:auto}.project-search .dates{display:flex;justify-content:center;margin-top:1rem;margin-bottom:1rem}.project-search .dates .form-group{margin-left:1rem;margin-right:1rem}.project-search .dates .form-group label{text-align:center}.project-search .filters{display:flex;justify-content:center;align-items:flex-end;margin-bottom:2rem}.project-search .filters .form-group{margin-left:1rem;margin-right:1rem}.project-search .filters .form-group select{min-width:200px}.project-search .filters .form-group label{text-align:center}.project-search .stats-item{margin:4rem 0}.project-stats{max-width:800px;margin:0 auto}.project-stats>p{margin-bottom:2rem;font-size:.9rem}.project-stats-bulk>p:first-child,.project-stats>p{font-weight:700;text-align:center;text-transform:uppercase}.project-stats-bulk>p:first-child{margin-bottom:1rem;font-size:.8rem}.settings-form .field{max-width:300px;margin-bottom:1rem}.settings-form .field input[name=yearly]{margin-left:.8rem}.settings-form .field label[for=yearly]{font-size:.9rem}.settings-form .field .input-button{display:flex;align-items:center;margin-top:1rem}.settings-form .field button.btn-primary{height:30px;padding:0 10px;line-height:30px;border:1px solid var(--col-primary)}.settings-form .field button.btn-primary:hover{border-color:#707070}.settings-form .field button.btn-primary:focus{border-color:var(--col-black)}.settings-form .field strong{display:block;margin-bottom:1rem}.settings-form .field ul li{display:flex;align-items:center}.settings-form .field ul li svg{margin-right:10px;cursor:pointer}.settings-form .field ul li svg:hover{color:var(--col-danger)}.time-list table{width:100%}.time-list table thead{font-weight:700;font-size:1rem;border-bottom:2px solid #707070}.time-list table tbody{font-size:.8rem}.time-list table tr{position:relative}.time-list table tr td{min-width:90px;padding:.4rem 0;vertical-align:middle}.time-list table tr td.time input{border-color:transparent;cursor:pointer;max-width:100px}.time-list table tr td.time input:focus{cursor:auto}.time-list table tr .action-buttons{display:flex;justify-content:flex-end;align-items:center}.time-list table tr .action-buttons>div{cursor:pointer}.time-list table tr .action-buttons .button-item:hover{color:var(--col-danger)}.time-users .time-view-item,.time-view-list .time-view-item{min-height:500px;margin-bottom:4rem}.time-users .time-view-item .project-settings-container,.time-view-list .time-view-item .project-settings-container{margin-bottom:2rem}.time-users .time-view-item .project-settings,.time-view-list .time-view-item .project-settings{display:flex;justify-content:space-between;max-width:500px;padding:.8rem 1rem;color:var(--col-white);background-color:var(--col-black);border-radius:var(--card-radius)}.time-users .time-view-item a,.time-view-list .time-view-item a{color:var(--col-text)}.time-users .time-view-item a:hover,.time-view-list .time-view-item a:hover{text-decoration:underline}.time-users .time-view-item .title,.time-view-list .time-view-item .title{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.time-users .time-view-item .title h3,.time-view-list .time-view-item .title h3{margin-bottom:0}.time-users .time-view-item .title svg.sprite-icon,.time-view-list .time-view-item .title svg.sprite-icon{margin-left:1rem;width:28px;height:28px;cursor:pointer}.time-users .time-view-item .title svg.sprite-icon.icon-add,.time-view-list .time-view-item .title svg.sprite-icon.icon-add{transform:rotate(45deg)}.time-users .time-view-item .time-view,.time-view-list .time-view-item .time-view{position:relative}.time-users .time-view-item .time-view .stats,.time-view-list .time-view-item .time-view .stats{display:flex}.time-users .time-view-item .time-view .stats>div,.time-view-list .time-view-item .time-view .stats>div{margin:0 1rem}.time-users .time-view-item .time-view .stats>div.left,.time-view-list .time-view-item .time-view .stats>div.left{flex-basis:60%;margin-bottom:2rem}.time-users .time-view-item .time-view .stats>div.right,.time-view-list .time-view-item .time-view .stats>div.right{flex-basis:40%;display:flex;flex-direction:column;padding:1rem;background-color:var(--col-primary);border-radius:var(--card-radius)}.time-users .time-view-item .time-view .pie-chart,.time-view-list .time-view-item .time-view .pie-chart{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--col-grey-verylight)}.time-users .time-view-item .time-view .title,.time-view-list .time-view-item .time-view .title{margin-bottom:0}.time-users .time-view-item .times,.time-view-list .time-view-item .times{max-height:300px;overflow-y:auto}.time-users .time-view-item table,.time-view-list .time-view-item table{margin-bottom:2rem;min-width:400px;font-size:.9rem}.time-users .time-view-item table.times-table,.time-view-list .time-view-item table.times-table{margin-bottom:1rem}.time-users .time-view-item table.total,.time-users .time-view-item table.total tr td,.time-view-list .time-view-item table.total,.time-view-list .time-view-item table.total tr td{border:1px solid var(--col-black)}.time-users .time-view-item table.total tr td,.time-view-list .time-view-item table.total tr td{padding:.2rem}.time-users .time-view-item table thead,.time-view-list .time-view-item table thead{border-bottom:1px solid}.time-users .time-view-item table thead tr:first-child td,.time-view-list .time-view-item table thead tr:first-child td{padding:.8rem 0;font-weight:700;text-align:center;text-transform:uppercase}.time-users .time-view-item table thead tr:last-child td,.time-view-list .time-view-item table thead tr:last-child td{padding:.2rem 0}.time-users .time-view-item table.times-table tbody tr td,.time-view-list .time-view-item table.times-table tbody tr td{padding-top:.3rem;padding-bottom:.3rem}.time-users .time-view-item table tfoot,.time-view-list .time-view-item table tfoot{width:100%;color:var(--col-white);font-weight:700;background-color:var(--col-black)}.time-users .time-view-item table.total tfoot tr td,.time-view-list .time-view-item table.total tfoot tr td{padding:.6rem .4rem}.time-users .header{margin:40px 0}.time-users .header .filters{display:flex;justify-content:center;gap:20px}.time-users .total-times{display:flex;justify-content:flex-end}.time-view-resume .total{background-color:var(--col-grey-light);border-radius:var(--card-radius);overflow:hidden}.time-view-resume .total>div{display:flex;justify-content:space-between;align-items:center;width:100%}.time-view-resume .total>div span{padding:.4rem 1rem;border-bottom:1px solid var(--col-black)}.time-view-resume .total>div span:first-child{flex-basis:80%;border-right:1px solid var(--col-black)}.time-view-resume .total>div span:last-child{flex-basis:20%}.time-view-resume .total>div:not(:last-child){border-bottom:none}.time-view-resume .total>div:last-child{color:var(--col-white);background-color:var(--col-black)}.time-view-resume .total>div:last-child span{border-bottom:none}.time-view-resume .total>div:last-child span:first-child{border-color:var(--col-white)}.time-view-resume .total-cost{margin-top:2rem;padding:2rem 1rem;background-color:var(--col-primary);border-radius:var(--card-radius)}.time-view-resume .total-cost .margin-progress{bottom:0}.time-view-resume .mini-card{position:relative;overflow:hidden}.time-view-resume .mini-card:last-child{margin-bottom:0}.add-time p:first-child{margin-top:2rem;text-align:center}.add-time .form{margin-top:2rem}.add-time .form input[type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;position:absolute;right:0}.add-time .form .form-group{margin-top:1rem}.add-time .form .buttons-group{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem}.add-time .form .buttons-group .save-button{margin-left:.4rem}@keyframes jump{0%{transform:translateY(0)}65%{transform:translateY(-12px)}80%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes awesomeVid{0%{transform:rotate(-3turn) scale(.1)}to{transform:rotate(0) scale(1)}}.agency-todo-container{padding:1rem;background-color:var(--col-primary);border-radius:var(--card-radius)}.agency-todo-container ul li p,.agency-todo-container ul li:last-child{margin-bottom:0}.todo-list-container{display:flex;flex-direction:column;align-items:center}.todo-list-container h2{font-size:1.6rem}.todo-list-container h3{text-align:center}.todo-list-container .search-container{width:100%;max-width:600px;margin-bottom:2rem}.todo-list-container .search-container .search-title{font-size:.8rem;font-weight:700;text-align:center;text-transform:uppercase}.todo-list-container .search-container .search{max-width:400px}.todo-list-container .search-container .search input{width:100%}.todo-list-container .search-container .search-result .username{margin-bottom:.2rem;font-size:.8rem;font-weight:700;text-transform:uppercase}.todo-list-container .search-container .search-result p:last-child{margin-bottom:0}.todo-list-container ul li.todo-list-item{margin-bottom:6rem}.dashboard-item .todo-component{padding:2rem 10px}.dashboard-item .todo-component .todo-list .todo-item .content{min-width:unset}.dashboard-item .todo-component .todo-list .todo-item .content .textarea-bloc{width:auto}.todo-component{position:relative;display:flex;flex-direction:column;align-items:center;padding:2rem;max-width:640px;border-radius:var(--card-radius);box-shadow:var(--box-shadow-card);background-color:var(--col-grey-verylight)}.todo-component .header{display:flex;width:100%}.todo-component .header #addDescription{width:100%}.todo-component .header #addDescription .placeholder{border-radius:var(--button-radius) 0 0 var(--button-radius)}.todo-component .footer{display:flex;margin-top:2rem}.todo-component .footer button{margin-right:1rem}.todo-component .todo-list{width:100%;margin-top:2rem}.todo-component .todo-list .todo-item{position:relative;display:flex;align-items:center;margin-top:.4rem;margin-bottom:.4rem;padding-left:.8rem;padding-right:.8rem;box-shadow:var(--box-shadow-material);background-color:var(--col-grey-verylight);border-radius:var(--button-radius);transition:transform 1s cubic-bezier(.07,.32,.015,1.09);overflow:hidden;z-index:1}.todo-component .todo-list .todo-item .custom-checkbox{flex-shrink:0}.todo-component .todo-list .todo-item.jump{animation:jump .3s ease-out forwards}.todo-component .todo-list .todo-item:hover{transform:translateY(-2px)}.todo-component .todo-list .todo-item .content{min-width:340px;margin-right:1rem}.todo-component .todo-list .todo-item .content .title{border-color:transparent;cursor:pointer}.todo-component .todo-list .todo-item .content .title:hover{background-color:var(--col-grey-light)}.todo-component .todo-list .todo-item .content .title:focus{border-color:var(--col-black);background-color:var(--col-grey-light)}.todo-component .todo-list .todo-item .actions{display:flex;align-items:center;margin-left:.6rem}.todo-component .todo-list .todo-item .actions svg{width:32px;height:32px;padding:6px;border-radius:var(--button-radius);cursor:pointer}.todo-component .todo-list .todo-item .actions svg:hover{background-color:var(--col-grey-light)}.todo-component .todo-list .todo-item .actions svg.disabled{opacity:.5;pointer-events:none}.todo-component .todo-list .todo-item .actions svg.icon-delete-forever:hover{color:var(--col-danger)}.todo-component .todo-list .todo-item .actions .icon-arrow-left{transition:transform .8s cubic-bezier(.07,.32,.015,1.09)}.todo-component .todo-list .todo-item .actions .icon-arrow-left.up{transform:rotate(90deg)}.todo-component .todo-list .todo-item .actions .icon-arrow-left.up:hover{transform:translateY(-4px) rotate(90deg)}.todo-component .todo-list .todo-item .actions .icon-arrow-left.down{transform:rotate(-90deg)}.todo-component .todo-list .todo-item .actions .icon-arrow-left.down:hover{transform:translateY(4px) rotate(-90deg)}.todo-component .todo-list .todo-item.is-finished .completed-overlay{width:100%}.todo-component .todo-list .todo-item.is-finished .textarea-bloc{background-color:transparent}.todo-component .todo-list .todo-item .completed-overlay{position:absolute;inset:0;width:0;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;background-color:var(--col-success);opacity:.8;transition:width .6s cubic-bezier(.98,-.07,0,1.04);z-index:-1}.todo-component .todo-list .textarea-bloc{width:400px;min-height:34px}.todo-component .todo-list .textarea-bloc p{min-height:34px}.todo-component .todo-list .textarea-bloc:hover{background-color:var(--col-grey-light)}.todo-component .video-container{position:fixed;left:0;top:0;display:none;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none;z-index:2}.todo-component .video-container.play{display:flex;animation:awesomeVid 1s ease-out forwards}.todo-component .video-container video{width:100%;height:calc(100% - 100px)}.user-account .header,.user-list .header{display:flex;align-items:center;margin-bottom:1rem;line-height:1.2}.user-account .header .user-avatar,.user-list .header .user-avatar{margin-right:.6rem}.user-account .header .username,.user-list .header .username{margin-bottom:.2rem;font-size:.8rem;font-weight:700;text-transform:uppercase}.user-account .card hr{margin:2rem 0}.user-account .user-item{font-size:.9rem;margin-bottom:.2rem}.user-avatar{display:flex;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;border-radius:var(--button-radius);box-shadow:var(--box-shadow-elevated)}.user-avatar img{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.user-list li{display:flex;justify-content:space-between;align-items:center;padding:.8rem .4rem;color:var(--col-text);border-top:1px solid var(--col-grey-light)}.user-list li:last-child{border-bottom:1px solid var(--col-grey-light)}.user-list li:hover{background-color:var(--col-grey-verylight)}.user-list li .email,.user-list li .roles{font-size:.8rem}.user-list li .roles{margin-top:.4rem}.user-list li .job{font-size:.9rem;margin-top:.2rem;margin-bottom:.4rem}.user-list li .action-buttons{display:flex}.user-list li .action-buttons .icon-button{padding:0 .2rem;cursor:pointer;transition:color .2s ease-out}.user-list li .action-buttons .delete-button:hover{color:var(--col-danger)}.user-list li .action-buttons .edit-button:hover{color:var(--col-success)}.register-user{position:relative}.register-user .icon-title.h3{margin-bottom:2rem}.register-user .cancel-button{position:absolute;top:0;right:1rem;display:flex;justify-content:center;align-items:center;width:32px;height:32px;color:var(--col-white);background-color:#707070;border-radius:50%;cursor:pointer}.register-user .cancel-button svg{transform:rotate(45deg)}.register-user .register-form{margin-bottom:4rem}.register-user .register-form .form-group{margin-bottom:.8rem}.register-user .register-form input{margin:0 auto}.register-user .register-form input.username:disabled{opacity:.8;background-color:var(--col-grey-light);cursor:not-allowed}.register-user .register-form .custom-select{width:100%;height:30px}.register-user .register-form button{margin-top:0}.weather-component{position:relative;margin-bottom:var(--double-gap);border-radius:var(--card-radius);height:240px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.weather-component .swiper{width:100%;max-width:500px;height:240px}.weather-component .swiper:hover .swiper-button-next svg{transform:translateY(0)}.weather-component .swiper:hover .swiper-button-prev svg{transform:translateY(0) rotate(180deg)}.weather-component .swiper .swiper-slide{position:relative;width:100%;height:240px}.weather-component .swiper .swiper-button-next,.weather-component .swiper .swiper-button-prev{--swiper-button-size:30px;display:flex;align-items:center;justify-content:center;width:100%;height:var(--swiper-button-size);position:absolute;bottom:0;left:0;z-index:99}.weather-component .swiper .swiper-button-next.swiper-button-disabled,.weather-component .swiper .swiper-button-prev.swiper-button-disabled{display:none}.weather-component .swiper .swiper-button-next svg,.weather-component .swiper .swiper-button-prev svg{color:var(--col-white);width:var(--swiper-button-size);height:var(--swiper-button-size);cursor:pointer;transition:transform .6s var(--transition-light-rebound)}.weather-component .swiper .swiper-button-prev{top:0}.weather-component .swiper .swiper-button-prev svg{transform:translateY(-100%) rotate(180deg)}.weather-component .swiper .swiper-button-next{bottom:0}.weather-component .swiper .swiper-button-next svg{transform:translateY(100%)}.weather-component .weather-item-component{position:absolute;inset:0;width:100%;height:100%}.weather-component .weather-container,.weather-component .weather-date{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;color:var(--col-white);background-color:#1a1a1a75;z-index:2}.weather-component .weather-container{width:134px;padding:var(--double-gap)}.weather-component .weather-container .weather-item{display:flex;align-items:center;gap:var(--gap);margin-top:var(--gap);margin-bottom:var(--gap);font-size:24px;font-weight:700}.weather-component .weather-date{position:absolute;top:0;right:0;justify-content:center;align-items:center;padding:var(--double-gap)}.weather-component .weather-date p{margin-bottom:0;font-size:24px;font-weight:700}.weather-component .weather-date p.num-day{color:var(--col-primary);font-size:50px;line-height:.8}.weather-component .weather-date p.hour{color:var(--col-primary);font-size:20px;font-weight:700}.weather-component img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:1}.window{position:fixed;top:100%;left:0;width:560px;min-height:460px;padding:0 2rem 2rem;background-color:var(--col-grey-light);box-shadow:var(--box-shadow-card);border-radius:var(--card-radius);opacity:0;overflow:hidden;pointer-events:none;transition:none;z-index:-1}.window.active{top:calc(50vh - 230px);left:calc(50vw - 280px);opacity:1;pointer-events:auto;z-index:109}.window.reduce{min-height:unset;height:34px;padding:0 2rem}.window .drag-header{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 4rem);height:34px;margin-bottom:1rem;margin-left:-2rem;padding-left:2rem;font-size:.8rem;text-align:end;background-color:var(--col-black);cursor:grabbing;overflow:hidden}.window .drag-header .title{display:flex;align-items:center;color:var(--col-white);line-height:0;font-size:.8rem;font-weight:700;text-transform:uppercase}.window .drag-header .title svg{margin-right:.4rem}.window .drag-header .buttons{display:flex}.window .drag-header .buttons svg{width:20px;height:20px}.window .drag-header .buttons .close-button,.window .drag-header .buttons .reduce-button{display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin:0 .4rem;color:var(--col-white);border-radius:50%;background-color:var(--col-grey-mid);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);cursor:pointer}.window .drag-header .buttons .close-button:hover,.window .drag-header .buttons .reduce-button:hover{background-color:var(--col-grey-mid-light)}.window .drag-header .buttons .close-button svg{transform:rotate(45deg)}.custom-select{position:relative;min-width:130px;font-size:.9rem;cursor:pointer;border:1px solid #707070}.custom-select.focus{z-index:2}.custom-select>span.selected{display:flex;align-items:center;width:100%;padding:.4rem .6rem;height:28px;color:var(--col-black);background-color:var(--col-grey-light)}.custom-select:after{content:"⌄";position:absolute;right:0;top:-2px;color:var(--col-black);padding:.4rem .6rem}.custom-select>.options{left:0;top:calc(100% + 1px);max-height:250px;width:100%;position:absolute;padding:0;margin:0;font-size:.9rem;z-index:10;overflow:auto;background:var(--col-white);color:var(--col-black);box-shadow:0 2px 2px rgba(0,0,0,.2);border-radius:2px;display:none}.custom-select>.options.active{display:block}.custom-select>.options>li{width:100%;cursor:pointer;list-style:none;padding:.4rem .6rem;background:var(--col-white);color:var(--col-black)}.custom-select>.options>li.muted{color:#757575}.custom-select>.options>li.selected{background:var(--col-primary);color:var(--col-black)}.custom-select>.options>li:hover{background:hsla(0,0%,44%,.5);color:var(--col-white)}.custom-select>select{position:absolute;pointer-events:none;opacity:0}.btn{padding:.8rem 1.6rem;font-size:.9rem;font-weight:700;text-align:center;border:none;outline:none;cursor:pointer;transition:all .3s ease-out;border-radius:var(--button-radius);color:var(--col-button-text);background-color:var(--col-button-background)}.btn:hover{color:var(--col-button-text-hover);background-color:var(--col-button-background-hover)}.btn-primary{padding:.8rem 1.6rem;font-size:.9rem;font-weight:700;text-align:center;border:none;outline:none;cursor:pointer;transition:all .3s ease-out;border-radius:var(--button-radius);color:var(--col-button-primary-text);background-color:var(--col-button-primary-background)}.btn-primary:hover{color:var(--col-button-primary-text-hover);background-color:var(--col-button-primary-background-hover)}.btn-primary:focus{border:2px solid var(--col-button-primary-focus)}.btn-secondary{padding:.8rem 1.6rem;font-size:.9rem;font-weight:700;text-align:center;border:none;outline:none;cursor:pointer;transition:all .3s ease-out;border-radius:var(--button-radius);color:var(--col-button-secondary-text);background-color:var(--col-button-secondary-background)}.btn-secondary:hover{color:var(--col-button-secondary-text-hover);background-color:var(--col-button-secondary-background-hover)}.btn-secondary:focus{border:2px solid var(--col-button-secondary-focus)}.btn-create{display:flex;align-items:center;max-width:350px;margin-bottom:2rem;cursor:pointer}.btn-create:hover .btn-container{transform:translateX(4px)}.btn-create .btn-container{width:100%}.btn-create span{font-size:.9rem;font-weight:700;text-transform:uppercase}.btn-create input{width:100%;max-width:300px}.btn-create .button-icon-rounded{margin-right:.6rem}.btn-primary.rounded,.btn-secondary.rounded,.btn.rounded{display:flex;justify-content:center;align-items:center;width:46px;height:46px;padding:0;border-radius:50%}.button-group,.button-icon-rounded{display:flex;align-items:center}.button-icon-rounded{justify-content:center;flex-shrink:0;width:34px;height:34px;margin-right:10px;border-radius:50%;background-color:var(--col-primary)}.button-icon-rounded svg{width:20px;height:20px}.operations{display:flex}.operations .icon{display:inline-block;margin-right:4px;cursor:pointer}.operations .icon.edit{color:var(--col-black)}.operations .icon.archive{color:var(--col-warning)}.operations .icon.unarchive{color:var(--col-success)}.operations .icon.delete{color:var(--col-danger)}.operations .icon.info{color:#707070}.operations .icon:last-child{margin-right:0}.operations .icon:hover svg{transform:scale(1.1)}.operations .icon svg{transition:transform .2s ease-out}.save-button{display:flex;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;height:38px;padding-right:1.2rem;padding-left:1.2rem;color:var(--col-text);font-size:.8rem;font-weight:700;background-color:var(--col-primary);border:none;outline:none;cursor:pointer;border-radius:var(--button-radius)}.save-button:hover{color:var(--col-white);background-color:#707070}.save-button:disabled{color:var(--col-text-mute);background-color:var(--col-grey-light);cursor:not-allowed}.save-button svg{width:16px;height:16px;margin-right:6px}.save-button:focus{border:1px solid #707070}.reset-button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--col-white);background-color:#707070;border:none;outline:none;cursor:pointer}.reset-button svg.icon-add{transform:rotate(45deg)}.save-button+.reset-button{margin-left:.6rem}.back-button{display:flex;justify-content:flex-start;align-items:center;width:-moz-fit-content;width:fit-content;margin-bottom:2rem;color:var(--col-text-mute);cursor:pointer}.back-button:hover svg{transform:translateX(-8px)}.back-button svg{width:24px;height:24px;margin-right:.4rem;transition:transform .8s cubic-bezier(.07,.32,.015,1.09)}.dropzone{margin-top:.6rem;margin-bottom:1.2rem}.dropzone .list{margin-top:1rem;font-size:.8rem}.dropzone .list .list-item{display:flex;align-items:center;padding:.4rem 0;word-break:break-word}.dropzone .list .list-item .filename{display:flex;flex-direction:column;cursor:pointer}.dropzone .list .list-item .filename input{font-size:.9rem;height:24px}.dropzone .list .list-item .filename>div{display:flex;align-items:center}.dropzone .list .list-item .filename>div svg{width:16px;height:16px;margin-left:.6rem;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.dropzone .list .list-item .filename>div:hover svg{color:var(--col-text);opacity:1;pointer-events:auto}.dropzone .list .list-item .file-size{display:inline-block;margin-top:.2rem}.dropzone .list .list-item svg{flex-shrink:0;margin-right:.4rem;cursor:pointer;transition:color .3s ease-out}.dropzone .list .list-item svg:hover{color:var(--col-danger)}.dropzone .save-button{margin-top:.6rem}.zone{position:relative;display:flex;justify-content:center;align-items:center;height:80px;background-color:var(--col-grey-light);border:2px dashed #707070;border-radius:4px;cursor:pointer;transition:background-color .2s ease-out}.zone.hover,.zone:hover{border-color:var(--col-black);background-color:var(--col-primary)}.zone .placeholder{display:flex;flex-direction:column;align-items:center;font-size:.8rem;line-height:1.2;font-weight:700}.zone input[type=file]{position:absolute;width:100%;height:80px;opacity:0;cursor:pointer;z-index:2}.pagination{justify-content:center;width:100%;background-color:var(--col-white);margin-top:2rem}.pagination,.pagination a{display:flex;align-items:center}.pagination a{padding:.2rem .4rem;color:var(--col-text)}.pagination a span{padding:0 .6rem}.pagination a svg{transition:transform .6s cubic-bezier(.07,.32,.015,1.09)}.pagination a:hover{text-decoration:underline}.pagination a:hover svg.icon-arrow-left{transform:translateX(-4px)}.pagination a:hover svg.icon-arrow-right{transform:translateX(4px)}.trello-card{position:relative;display:flex;flex-direction:column;padding:.4rem .6rem;border-radius:4px;overflow:hidden;background-color:var(--col-trello-blue)}.trello-card,.trello-card.closed .content{box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1)}.trello-card.closed .content{margin-top:-.6rem;background-color:var(--col-grey-light)}.trello-card .header{margin-bottom:.6rem}.trello-card .header a{display:flex;align-items:center;width:100%;color:var(--col-white)}.trello-card .header a svg{margin-right:.4rem}.trello-card .header a:hover{background-color:var(--col-trello-blue-dark)}.trello-card .closed{padding:.4rem .6rem .8rem;color:var(--col-white);font-size:.8rem;font-weight:700;text-align:center;border-radius:4px 4px 0 0;background-color:var(--col-warning)}.trello-card .content{display:flex;flex-direction:column;padding:.6rem;border-radius:4px;background-color:var(--col-white)}.trello-card .content .name{display:inline-block;margin-bottom:.2rem;font-size:.9rem;line-height:1.1;font-weight:600;word-break:break-word;border:none}.trello-card .content a{display:inline-block;margin-left:auto;padding:0;line-height:1;color:var(--col-text);font-weight:600}.trello-card .content a:hover{text-decoration:underline}.trello-card svg{width:16px;height:16px}.trello-card a{display:inline-block;font-size:.8rem}.trello-card .items{display:flex;align-items:center;margin-bottom:.4rem}.trello-card .items>*{margin-right:.4rem}.trello-card .items>:last-child{margin-right:0}.trello-card .items .schedule{display:flex;align-items:center;font-size:.8rem}.trello-card .items .schedule.completed,.trello-card .items .schedule.outdated{padding:.1rem .2rem;color:var(--col-white);font-size:.7rem;border-radius:4px}.trello-card .items .schedule.outdated{background-color:var(--col-danger)}.trello-card .items .schedule.completed{background-color:var(--col-success)}.trello-card .items .schedule svg{margin-right:.2rem}.trello-card .labels{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:.4rem}.trello-card .labels.active div span{font-size:.7rem;opacity:1}.trello-card .labels div{display:flex;justify-content:center;align-items:center;min-width:50px;min-height:10px;margin-right:.2rem;margin-bottom:.2rem;padding:.2rem .3rem;border-radius:var(--card-radius);cursor:pointer;transition:all .4s ease-out}.trello-card .labels div span{color:var(--col-white);font-size:.1rem;font-weight:700;opacity:0;transition:all .4s ease-out}.trello-card .labels div:last-child{margin-right:0}.trello-card ul.attachments{margin:1rem 0}.trello-card ul.attachments li{display:flex;align-items:center;min-height:20px;margin-bottom:.4rem;padding:0}.trello-card ul.attachments li svg.sprite-icon.icon-open-new-window{top:unset;width:20px;height:20px}.trello-card ul.attachments li a{font-size:.8rem;font-weight:400}.trello-card .green{background-color:var(--col-trello-green)}.trello-card .yellow{background-color:var(--col-trello-yellow)}.trello-card .orange{background-color:var(--col-trello-orange)}.trello-card .red{background-color:var(--col-trello-red)}.trello-card .purple{background-color:var(--col-trello-purple)}.trello-card .blue{background-color:var(--col-trello-blue)}.trello-card .sky{background-color:var(--col-trello-sky)}.trello-card .lime{background-color:var(--col-trello-lime)}.trello-card .pink{background-color:var(--col-trello-pink)}.trello-card .black{background-color:var(--col-trello-black)}.contact-list{display:flex;align-items:stretch;flex-wrap:wrap}.contact-list li{margin-bottom:1rem}.contact-card{position:relative;width:-moz-fit-content;width:fit-content;height:100%;margin:0 .5rem 0;padding:.8rem 4rem .8rem 1rem;border-radius:4px;border:2px solid #707070;background-color:var(--col-grey-light)}.contact-card .submenu-button{position:absolute;top:.6rem;right:.6rem;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .3s ease-out}.contact-card .submenu-button.active,.contact-card .submenu-button:hover{color:var(--col-white);background-color:#707070}.contact-card .submenu-button svg{width:20px;height:20px}.contact-card .submenu{position:absolute;top:3rem;right:-3rem;display:flex;flex-direction:column;padding:.4rem;background-color:var(--col-white);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(0,0,0,.1);z-index:1}.contact-card .submenu span{padding:.4rem .2rem;cursor:pointer}.contact-card .submenu span:hover{background-color:var(--col-grey-light)}.contact-card .identity{margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.contact-card .job{margin-bottom:.8rem;color:var(--col-text-mute);font-size:.8rem;font-weight:500}.contact-card ul li{padding:.2rem 0;font-size:.8rem}.contact-card ul li a{color:var(--col-text-mute);text-decoration:underline}.contact-card ul li a:hover{color:var(--col-text);text-decoration:none}.create-contact-container .bloc{width:100%;margin-bottom:2rem}.create-contact-container .bloc ul li{position:relative;display:flex;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:-.2rem;margin-bottom:.4rem;padding:.4rem 0 .4rem .2rem;font-size:.9rem}.create-contact-container .bloc ul li:hover .icon-delete{opacity:1}.create-contact-container .bloc ul li .icon-delete{position:absolute;top:0;left:-22px;display:flex;justify-content:center;align-items:center;width:22px;height:22px;opacity:0;color:var(--col-danger);cursor:pointer;transition:transform .2s ease-out}.create-contact-container .bloc ul li .icon-delete:hover svg{transform:scale(1.1)}.create-contact-container .icon-title{margin-bottom:.4rem}.create-contact-container .icon-title.h2{margin-bottom:1.8rem}.create-contact-container .create{display:flex;align-items:center}.create-contact-container .create .custom-select{border-right:none}.create-contact-container .create button{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;border:1px solid #707070;border-left:none}.create-contact-container .create button:focus{border:2px solid var(--col-black)}.mce-content-body,.textarea-bloc .placeholder{width:100%;min-height:50px;padding:.6rem;font-size:.9rem}.mce-content-body{cursor:pointer}.mce-content-body.mce-edit-focus{cursor:auto}.textarea-bloc{position:relative}.textarea-bloc .placeholder{position:absolute;padding:.6rem .8rem;color:var(--col-text-mute);font-size:.95rem;background-color:var(--col-grey-light);pointer-events:none;border-radius:var(--button-radius)}form .column{display:flex;justify-content:space-between}form .column.col-2>.form-group{width:calc(50% - 1rem)}form .column.col-3>.form-group{width:calc(33.33% - 1rem)}.form-group{position:relative;display:flex;flex-direction:column;justify-content:center}.form-group button.show-password{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:30px;color:var(--col-text-mute);background-color:transparent;border:none;outline:none;cursor:pointer}.form-group button.show-password svg{width:18px;height:18px;flex-shrink:0}.form-group label{margin-bottom:.4rem;font-size:.9rem;font-weight:600}.form-group .error-message p{margin-top:.4rem;padding-left:.2rem;color:var(--col-danger);font-size:.8rem;font-weight:600}input,select,textarea{font-family:Gilroy,Roboto,sans-serif}select{height:30px;padding-left:.6rem;padding-right:.6rem}.tox-tinymce-inline{z-index:10}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=text]{height:30px;border:1px solid #707070;padding:.4rem .6rem;outline:none}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus{border-color:var(--col-primary)}.input-container{display:flex;margin-bottom:1rem}.input-container label{color:var(--col-text-mute);font-size:.8rem;font-weight:600}.input-container.checkbox{align-items:center;margin-bottom:0}.input-container.checkbox label{margin-left:.4rem}.input-container.text{flex-direction:column}.input-container.text label{margin-bottom:.4rem}.input-container.text+.text{margin-top:1.2rem}input[type=password]::-ms-reveal{display:none}.search{position:relative;display:flex;align-items:center;max-width:300px;margin:0 auto 2rem}.search input{width:100%;min-width:300px;height:30px;padding-left:2rem;border-radius:20px}@media (max-width:576px){.search input{width:100%;min-width:unset}}.search svg{position:absolute;left:.4rem}.custom-checkbox{display:block;position:relative;width:28px;height:28px;margin-right:1rem;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;width:28px;height:28px;z-index:2}.custom-checkbox input:checked~.checkmark{background-color:var(--col-primary)}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark{position:absolute;top:0;left:0;height:28px;width:28px;background-color:var(--col-grey-light);border-radius:100%}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;top:8px;left:11px;width:4px;height:9px;border:solid var(--col-black);border-width:0 3px 3px 0;transform:rotate(45deg)}.custom-checkbox:hover input:checked~.checkmark{background-color:var(--col-grey-light)}.custom-checkbox:hover input:checked~.checkmark:after{opacity:.3}.custom-checkbox:hover input:not(:checked)~.checkmark:after{display:block;border-color:var(--col-white);opacity:.3}.custom-checkbox:hover input~.checkmark{background-color:#707070}.toggle-component{display:flex;flex-direction:column}.toggle-component>*{cursor:pointer}.toggle-component label{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:.4rem}.toggle-component label:disabled .toggle-component label{cursor:not-allowed}.toggle-component input{display:none}.toggle-component input:checked+.toggle{background:var(--col-grey-light)}.toggle-component input:checked+.toggle:after{left:calc(100% - 28px)}.toggle-component .toggle{width:60px;height:30px;padding:2px;outline:0;background:#707070;transition:background-color .3s ease-out;border-radius:30px;overflow:hidden}.toggle-component .toggle:after{position:relative;top:0;left:1px;content:"";display:block;width:26px;height:26px;background:var(--col-primary);border-radius:50%;box-shadow:var(--box-shadow-elevated);transition:left .4s cubic-bezier(.07,.32,.015,1.09)}.toggle-component .toggle:disabled .toggle-component .toggle{cursor:not-allowed;opacity:50%}.messages-flash{position:fixed;top:0;left:50%;display:flex;flex-direction:column;justify-content:center;width:260px;transform:translate(-50%);z-index:100;pointer-events:none}.messages-flash .alert{margin:.5rem 0;padding:.4rem .6rem;font-weight:600;text-align:center;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .3s ease-in-out}.messages-flash .alert.alert-error{color:var(--col-danger-dark);background-color:var(--col-danger-light)}.messages-flash .alert.alert-warning{color:var(--col-warning-dark);background-color:var(--col-warning-light)}.messages-flash .alert.alert-success{color:var(--col-success-dark);background-color:var(--col-success-light)}.messages-flash .slide-fade-enter-active{transition:all .3s ease}.messages-flash .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.messages-flash .slide-fade-enter,.messages-flash .slide-fade-leave-to{transform:translate(-50%);opacity:0}.attachment-list{margin-top:1rem}.attachment-list li{margin-bottom:.6rem;padding:.4rem 0;font-size:.8rem}.attachment-list li:last-child{margin-bottom:0}.attachment-list li .file{display:flex;justify-content:flex-start;align-items:center}.attachment-list li .file svg{flex-shrink:0;width:20px;height:20px;margin-right:.4rem}.attachment-list li .file a{position:relative;display:flex;align-items:center;color:#707070;font-weight:600;word-break:break-word}.attachment-list li .file a .icon-open-new-window{position:absolute;left:calc(100% + .4rem);width:16px;height:16px;opacity:0}.attachment-list li .file a:hover{color:var(--col-black)}.attachment-list li .file a:hover .icon-open-new-window{opacity:1}.attachment-list li .delete-button{margin-top:.2rem;margin-left:calc(.4rem + 20px);text-decoration:underline;cursor:pointer}.attachment-list li .delete-button:hover{color:var(--col-danger);text-decoration:none}.attachment-list p{font-size:.8rem;font-weight:700;text-align:center}#gifContainer{z-index:109}#gifContainer .gif-content{position:fixed;inset:0;display:none;width:100vw;height:100vh}#gifContainer .gif-content.open{display:block}#gifContainer .gif-content svg{position:absolute;top:4rem;right:4rem;width:46px;height:46px;color:var(--col-text);background-color:var(--col-grey-light);border-radius:50%;transform:rotate(45deg);cursor:pointer;z-index:3}#gifContainer .gif-content picture{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;pointer-events:none;z-index:2}#gifContainer .gif-content img{-o-object-fit:contain;object-fit:contain}#gifContainer .gif-content .overlay{position:absolute;width:100vw;height:100vh;opacity:.6}#gifContainer .gif-content .overlay,.fireworks{inset:0;background-color:var(--col-black);z-index:1}.fireworks{position:fixed;width:100%;height:100%}