*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:sans-serif}.sidebar{-webkit-flex:20% 1;flex:20% 1;max-width:250px;margin-top:1px}.sidebar-btn{margin-left:10px;height:56px;width:56px;background-color:#fff;color:#3c4043;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-position:10px;width:150px;border-radius:90px;text-decoration:none;box-shadow:0 1px 2px 0 rgba(60,64,67,.302),0 1px 3px 1px rgba(60,64,67,.149);border:none;cursor:pointer;transition:.5s}.sidebar-btn .text{margin-left:1px;font-family:serif;font-size:14px;line-height:54px;display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:500;color:#6d6d6d}.img{padding:0 15px}.sidebar-btn:hover{background-color:hsla(0,0%,87.5%,.555)}.btn-sidebar{margin-bottom:30px}.sidebarOption{padding:5px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;font-size:18px;font-weight:700;color:#6d6d6d;transition:.1s}.sidebarOption:hover{background-color:rgba(182,182,255,.39)}.sidebarOption h5{padding-left:20px}.sidebar_icon{padding-left:30px}.sidebarOption--active{background-color:rgba(255,80,80,.356)!important;color:red}.mails{-webkit-flex:70% 1;flex:70% 1;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.mails::-webkit-scrollbar{display:none}.mails_icons{-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #e0e0e0}.mail-left,.mail-right,.mails_icons,.tab,.tabs{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.tab{padding:10px 15px;cursor:pointer;font-size:15px;font-weight:700;color:#6d6d6d;width:200px}.tab h5{padding-left:20px}.tab:hover{background-color:#e0e0e0}.active{border-bottom:2px solid red}.seprater{border-bottom:1px solid #e0e0e0}.mail-margin{margin-right:20px}.MailIcon{cursor:pointer;color:#6d6d6d;padding:5px}.mail-small{font-size:15px!important}.MailIcon:hover{transition:.5s;background-color:#e0e0e0;border-radius:10px}.mail{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e0e0e0;cursor:pointer}.mail:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.302),0 1px 3px 1px rgba(60,64,67,.149)}.mail h5{font-size:15px;font-weight:700;color:#292929}.mail p{font-size:14px}.mail-text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:20px}.mail-text h5{font-size:16;margin-right:20px}.mailIcons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.mail-icon{margin-right:10px;color:#6d6d6d}.mail__button{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:0;margin:0}.widgetOption{text-align:center;margin-bottom:30px;cursor:pointer}.widgetIcon{color:#6d6d6d;padding:5px}.widgetIcon:hover{background-color:#e0e0e0;border-radius:50%;transition:.5s}.widgets{-webkit-flex:10% 1;flex:10% 1;border-left:1px solid #e0e0e0;max-width:55px;height:40rem}.line{border-bottom:1px solid #e0e0e0;margin:0 15px}.navbar{padding:10px 20px;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;left:0}.left,.navbar{-webkit-justify-content:space-between;justify-content:space-between}.left,.logo,.navbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.logo{background-color:#fff;margin-right:60px}.menu{margin-right:20px;color:#6d6d6d}.search{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,87.8%,.4666666666666667);padding:10px 20px;margin-left:20px;border-radius:10px}.search input{background-color:transparent;border:none;height:2.5rem;width:30rem;font-size:large;padding:0 10px}.search input:focus{outline:none}.search_icon{padding:5px;color:#6d6d6d}.search_icon:hover{background-color:#e0e0e0;border-radius:50%;transition:.5s}.more,.search_icon:hover{cursor:pointer;padding:5px}.more{color:#6d6d6d}.more:hover{background-color:#e0e0e0;transition:.5s;border-radius:50%}.right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.icon{margin-left:20px;font-size:25px!important;padding:5px;cursor:pointer;color:#6d6d6d}.icon:hover{background-color:#e0e0e0;transition:.5s;border-radius:50%}.user img{width:2.5rem;margin-left:25px;border-radius:50%}.dropbtn{object-fit:contain;color:#fff;padding:16px;font-size:16px;border:none}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content button{background-color:transparent;cursor:pointer;border:none;color:#000;padding:12px 0;text-decoration:none;display:block;width:80px}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.hidden{display:none}.compose{position:fixed;bottom:0;right:0;background-color:#fff;width:470px;height:475px;box-shadow:2px 3px 6px 6px #d6d6d6}.compose,.header{border-top-left-radius:10px;border-top-right-radius:10px}.header{background-color:#575757;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:5px 10px}.text input{border:none;border-bottom:1px solid #e0e0e0;padding:10px;width:450px}.text input:focus{outline:none}.header-icons button{background-color:transparent;border:none;color:#fff;cursor:pointer}.header-icons button:hover{background-color:hsla(0,0%,81.2%,.479)}.header-text h4{color:#fff}.text textarea{padding:10px;width:450px;height:300px;resize:none;border:none;background-color:transparent}.text textarea:focus{outline:none}.footer button{background-color:#4285f4;border:none;padding:10px 20px;cursor:pointer;width:5rem;margin-left:10px;border-radius:5px;color:#fff}.footer button:hover{background-color:rgba(66,134,244,.7333333333333333)}.mailDetail{-webkit-flex:70% 1;flex:70% 1}.mailDetail__icons{-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px solid #e0e0e0}.mailDetail__icons,.mailDetail__left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.mailDetail__right{display:-webkit-flex;display:flex}.mailDetail__seprater{border-left:1px solid #e0e0e0;height:23px;margin:0 5px}.mailDetail__titleIcon{padding:10px 10px 10px 60px}.mailDetail__icon,.mailDetail__titleIcon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.title{font-size:17px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.title h2{font-weight:500}.mailDetail__info{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.mailDetail__info,.name{display:-webkit-flex;display:flex}.name{margin-top:10px;margin-left:10px}.name h4{font-size:17px;font-weight:700}.name p{font-size:small;margin-left:10px;margin-top:2px}.date h5,.name p{color:#a1a1a1}.avatar img{border-radius:50%;object-fit:contain;height:50px}.mailDetail__body{margin-top:20px;margin-left:60px}.mailDetail__btn{background-color:transparent;border:none;cursor:pointer}.mailDetailOption__icon{color:#6d6d6d;font-size:24px;margin:5px;padding:5px}.mailDetailOption__icon:hover{background-color:#e0e0e0;border-radius:10px;transition:.5s}.small{font-size:20px}.divide,.signIn{display:-webkit-flex;display:flex}.signIn{height:100vh;width:100vw;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.btn{background-color:rgba(192,60,60,.452);border:none;padding:20px;border-radius:20px;cursor:pointer}.btn:hover{background-color:rgba(192,60,60,.322);transition:.3s}
/*# sourceMappingURL=main.8b546db1.chunk.css.map */