.app__body{display:flex;height:100vh}.header{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:10px}.header,.header__left{align-items:center;display:flex}.header__left>img{cursor:pointer;height:25px;object-fit:contain;padding:10px}.header__middle{align-items:center;background-color:#f5f5f5;border-radius:5px;color:gray;display:flex;flex:0.7 1;padding:10px}.header__middle>input{background-color:initial;border:none;outline:none;padding:0 10px;width:100%}.header__right{align-items:center;display:flex}.sidebar{flex:0.3 1;max-width:250px;padding-right:20px}.sidebar__compose{border-radius:30px!important;box-shadow:0 2px 5px -2px rgba(0,0,0,.75);color:gray!important;margin-bottom:15px!important;margin-left:10px!important;margin-top:15px!important;padding:10px 15px!important;text-transform:capitalize!important}.sidebar__footer{display:flex;justify-content:center}.sidebarOption{align-items:center;border-bottom-right-radius:20px;border-top-right-radius:20px;color:gray;cursor:pointer;display:flex;padding:10px}.sidebarOption>h3{flex:1 1;font-size:14px;font-weight:400;margin-left:10px}.sidebarOption--active,.sidebarOption--active>h3,.sidebarOption--active>p,.sidebarOption:hover,.sidebarOption:hover>h3,.sidebarOption:hover>p{background-color:#fcecec;color:#c04b37;font-weight:800}.sidebarOption>p{display:none;font-size:13px}.sidebarOption--active>p,.sidebarOption:hover>p{display:block}.mail{background-color:#f5f5f5;flex:1 1}.mail__tools{justify-content:space-between}.mail__body,.mail__tools{background-color:#fff;display:flex}.mail__body{box-shadow:0 5px 7px 0 rgba(0,0,0,.24);flex-direction:column;height:100vh;margin:30px;padding:20px}.mail__bodyHeader{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;padding:20px;position:relative}.mail__important{color:#e8ab02;padding:0 20px}.mail__bodyHeader>h2{font-size:20px;font-weight:400}.mail__message>p{margin-top:20px;overflow-wrap:break-word;padding:10px}.mail__time{color:gray;font-size:12px;position:absolute;right:0}.emailList{-ms-overflow-style:none;flex:1 1;overflow:scroll;scrollbar-width:none}.emailList::-webkit-scrollbar{display:none}.emailList__settings{justify-content:space-between;z-index:111}.emailList__sections,.emailList__settings{background-color:#fff;border-bottom:1px solid #f5f5f5;display:flex;position:-webkit-sticky;position:sticky;top:0}.emailList__sections{z-index:999}.emailList__list{padding-bottom:20%}.section{align-items:center;border-width:0!important;color:gray;cursor:pointer;display:flex;min-width:200px;padding:10px}.section--selected,.section:hover{background-color:#f5f5f5;border-width:3px!important}.section>h4{font-size:14px;margin-left:15px}.emailRow{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;height:50px;z-index:999}.emailRow:hover{border-top:1px solid #f5f5f5;box-shadow:0 4px 4px -2px rgba(0,0,0,.24)}.emailRow__options{display:flex}.emailRow__message{align-items:center;display:flex;flex:0.7 1;font-size:13px}.emailRow__message>h4{overflow:hidden;padding-left:5px;padding-right:5px;text-overflow:ellipsis;white-space:nowrap;width:400px}.emailRow__title{flex:0.3 1;font-size:13px}.emailRow__time{font-size:9px;font-weight:700;padding-right:15px}.emailRow__description{color:gray;font-weight:400}.sendMail{background-color:#404040;border:1px solid #f5f5f5;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;box-shadow:0 5px 7px 0 rgba(0,0,0,.24);display:flex;flex-direction:column;height:50%;max-width:500px;position:absolute;right:50px;width:40%}.sendMail__header{align-items:center;color:gray;display:flex;justify-content:space-between;padding:15px}.sendMail__header>h3{color:#f5f5f5;font-size:13px}.sendMail__send{margin:15px!important;text-transform:capitalize!important}.sendMail__close{cursor:pointer}.sendMail>form{display:flex;flex:1 1;flex-direction:column}.sendMail>form>input{border:none;border-bottom:1px solid #f5f5f5;height:30px;outline:none;padding:10px}.sendMail__message{flex:1 1}.sendMail__error{background-color:#fff;color:red;font-size:12px;padding:2px;text-align:right}.login{align-items:center;display:flex;justify-content:center;min-height:100vh}.login__container{display:flex;flex-direction:column}.login__container>img{height:60px;object-fit:contain}.login__button{margin-top:30px!important}*{font-family:Google Sans,Roboto,Helvetica,Arial,sans-serif;margin:0;overflow:hidden;padding:0}
/*# sourceMappingURL=main.907bf36b.css.map*/