:root{--background-color:#fff;--font-color:#444}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(nunito-v32-latin-regular.09ff3806.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(nunito-v32-latin-700.f4dfbdd6.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:italic;font-weight:400;font-display:swap;src:url(nunito-v32-latin-italic.43051940.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:italic;font-weight:700;font-display:swap;src:url(nunito-v32-latin-700italic.42a68d61.ttf) format("truetype")}.app{background:var(--background-color);box-shadow:0 11px 20px 0 rgba(0,0,0,.2);color:var(--font-color);display:grid;font-family:Nunito,sans-serif;grid-template-rows:auto 1fr;height:100%;line-height:1.5;min-width:780px;overflow:hidden;position:relative}.app__content{display:grid;grid-template-columns:auto minmax(300px,auto) 1fr}@media (max-width:1300px){.app__content{grid-template-columns:auto 80px 1fr}}.mails{display:grid;grid-template-columns:minmax(400px,auto) 1fr}@media (max-width:1020px){.mails{grid-template-columns:1fr;grid-template-rows:1fr 2fr}}.accounts{padding:0}body{height:100vh;overflow:hidden}*,:after,:before{box-sizing:border-box;scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#0d476e;border:2px solid transparent}button,input,textarea{color:#0d476e;font-family:Nunito,sans-serif;font-size:1rem;line-height:1.4}.date{color:hsla(0,0%,50.2%,.8);font-size:.8rem;font-style:italic;font-weight:400}.dot{border-radius:8px;display:inline-block;height:8px;margin-right:3px;position:relative;top:-1px;width:16px}.dot--red{background:#ff6767}.dot--blue{background:#67dcff}.dot--green{background:#54dd89}.dot--yellow{background:#ffcf67}.dot--purple{background:#9567ff}.dot--pink{background:#fc84ec}.scrollable{position:relative}.scrollable__target{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.message-list{border-right:1px solid hsla(0,0%,50.2%,.2)}.message-list>.scrollable__target{padding:0 0 15px}.message-list:hover ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,47.1%,.2)}.message{background:hsla(0,0%,50.2%,.08);border:1px solid hsla(0,0%,50.2%,.2);border-bottom:0;color:hsla(0,0%,50.2%,.9);cursor:pointer;display:grid;grid-template-columns:auto 1fr;position:relative;height:8rem}.message:first-of-type{border-radius:5px 5px 0 0}.message:last-of-type{border-bottom:1px solid hsla(0,0%,50.2%,.2);border-radius:0 0 5px 5px}.message--new{background:var(--background-color);color:var(--font-color)}.message--active:before{background:#0d476e;border-radius:5px;bottom:3px;content:"";left:3px;position:absolute;top:3px;width:4px;z-index:1}.message__content{padding:15px 15px 15px 0}@media (max-width:1020px){.message__content{padding:10px 15px 10px 0}}.message__exp{color:hsla(0,0%,50.2%,.8);display:flex;font-size:.8rem;font-style:italic;font-weight:700;justify-content:space-between}.message__expr{font-size:.9rem;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1020px){.message__expr{max-width:1000px}}.message__title{font-weight:700}.message__actions{align-content:space-between;display:grid;grid-auto-flow:row;grid-gap:5px;padding:15px;text-align:center;transform:translateX(-10px);transition:transform .2s ease;visibility:hidden}.message__icon{color:hsla(0,0%,50.2%,.5);font-size:.9rem}.message__icon:hover{color:var(--font-color)}.message:hover .message__actions{transform:translateX(0);visibility:visible}.message-tags{bottom:2px;line-height:1;position:absolute;right:2px}.menu{border-right:1px solid hsla(0,0%,50.2%,.2);display:grid;grid-template-rows:auto 1fr auto;padding:10px 20px 20px;position:relative;z-index:2}@media (max-width:1300px){.menu{padding:10px}}.menu-user{border-bottom:1px solid hsla(0,0%,50.2%,.2);margin-bottom:20px;padding:10px 10px 15px;display:none}@media (max-width:1300px){.menu-user{margin-bottom:10px;padding:10px 0 15px}.menu-user .profile-head__mail,.menu-user .profile-head__name{display:none}}.menu-tags{font-size:.9rem;font-weight:700;padding:20px 0 0;display:none}@media (max-height:740px){.menu-tags{display:none}}@media (max-width:1300px){.menu-tags__label{display:none}}.menu-tags__item{border-radius:50px;color:hsla(0,0%,50.2%,.8);cursor:pointer;margin-bottom:2px;padding:2px 10px}.menu-tags__item:hover{background:hsla(0,0%,50.2%,.1)}@media (max-width:1300px){.menu-tags__item{text-align:center}}.menu-main{border-bottom:1px solid hsla(0,0%,50.2%,.2)}@media (max-width:1300px){.menu-main__pill{display:none!important}}.menu__icon{color:hsla(0,0%,50.2%,.4);margin-right:10px}@media (max-width:1300px){.menu__icon{margin-right:0}}.menu__item{align-items:center;border-radius:50px;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0 30px;padding:15px 30px;transition:background .15s ease}@media (max-width:1300px){.menu__item{display:block;font-size:1.5rem;margin-bottom:5px;padding:5px 10px 7px;text-align:center}}.menu__item:hover{background:hsla(0,0%,50.2%,.1)}.menu__item.active{background:#0d476e;color:#fff}.menu__item.active .menu__icon{color:hsla(0,0%,100%,.8)}.menu__label{font-weight:700}@media (max-width:1300px){.menu__label{display:none}}.preview{display:grid;grid-template-rows:auto 1fr auto}.preview:hover ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,47.1%,.3)}@media (max-width:1020px){.preview{border-top:1px solid hsla(0,0%,50.2%,.2)}}.preview__title{font-size:1.3rem;font-weight:700}.preview-top{align-items:center;border-bottom:1px solid hsla(0,0%,50.2%,.2);display:flex;justify-content:space-between;padding:10px 20px 3px}.preview-top__icon{color:hsla(0,0%,50.2%,.5);cursor:pointer;padding:5px;display:none}.preview-top__icon:hover{color:grey}.preview-content{padding:20px}.preview-content.scrollable__target{padding-top:0;padding-left:0;padding-right:0}.preview-respond{background:var(--background-color);border:1px solid hsla(0,0%,50.2%,.2);border-radius:5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.1);margin:0 auto 20px;max-width:1000px;overflow:hidden}.preview-respond__head{border-bottom:1px solid hsla(0,0%,50.2%,.2);padding:5px 20px}.preview-respond__content{padding:0}.profile-head{align-items:start;display:flex;justify-content:space-between}.profile-head__id{align-items:center;display:flex;gap:10px}@media (max-width:1020px){.profile-head__id{gap:0}}.profile-head__name{font-weight:700}.profile-head__mail{color:hsla(0,0%,50.2%,.8);font-size:.8rem}.profile-head__options{display:none}.profile-head__avatar{border-radius:30px;display:inline-block;width:30px;aspect-ratio:1/1;object-fit:cover;object-position:top}@media (max-width:1020px){.profile-head__avatar{align-items:center;display:flex;flex-direction:row;justify-content:center}}.profile-head__id div{display:flex;flex-direction:column}.top{align-items:center;border-bottom:1px solid hsla(0,0%,50.2%,.2);border-radius:7px 7px 0 0;color:#999;display:flex;font-size:.8rem;font-weight:700;justify-content:space-between;position:relative;z-index:999;height:0;overflow:hidden}.top-search{background:hsla(0,0%,50.2%,.1);border-radius:50px;padding:2px 10px}.top-menu{display:grid;grid-auto-flow:column;line-height:1;padding-left:15px}.top-menu-sub{background:var(--background-color);border:1px solid hsla(0,0%,50.2%,.2);border-radius:0 5px 5px 5px;box-shadow:0 11px 20px 0 rgba(0,0,0,.2);left:0;padding:10px 0;position:absolute;top:calc(100% - 7px);transition:top .2s ease;visibility:hidden}.top-menu-sub__item{cursor:pointer;padding:7px 15px;white-space:nowrap}.top-menu-sub__item:first-of-type{border-radius:0 5px 0 0}.top-menu-sub__item:last-of-type{border-radius:0 0 5px 5px}.top-menu-sub__item:hover{color:var(--font-color)}.top-menu-sub__link{color:hsla(0,0%,50.2%,.8);text-decoration:none}.top-menu-sub__link:hover{color:var(--font-color)}.top-menu-sub__separator{border-bottom:1px solid hsla(0,0%,50.2%,.2);margin:5px 0}.top-menu__label{border:1px solid transparent;border-radius:5px;cursor:pointer;padding:5px 15px;position:relative;z-index:1}.top-menu__label:hover{background:var(--background-color);border:1px solid hsla(0,0%,50.2%,.2);border-bottom:1px solid var(--background-color);border-radius:5px 5px 0 0}.top-menu__item{position:relative}.top-menu__item:hover>.top-menu-sub{top:calc(100% - 1px);visibility:visible}.top-menu__item:hover>.top-menu__label{border:1px solid hsla(0,0%,50.2%,.2);border-bottom:1px solid var(--background-color);border-radius:5px 5px 0 0}.top-action{display:flex}.top-action__item{cursor:pointer;font-size:1rem;padding:15px}.top-action__item:hover{background:hsla(0,0%,50.2%,.1);color:var(--font-color)}.top-action__item:last-of-type:hover{background:#0d476e;color:var(--background-color)}.input{background:transparent;border:0;font-weight:700;min-width:350px;outline:0;padding:2px 5px}.input::placeholder{color:#a3a3a3;font-style:italic}