.email-container{max-width:800px;margin:0 auto;padding:16px}.email-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.email-title{font-size:20px;color:#202124;font-weight:400}.email-label{background-color:#f1f3f4;color:#5f6368;padding:0 4px;border-radius:4px;font-size:11px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.close-icon{margin-left:4px;cursor:pointer;font-size:16px;color:#5f6368;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.email-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:12px}.sender-info{padding:16px 0}.profile-image,.sender-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.profile-image{width:40px;height:40px;border-radius:50%;overflow:hidden;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;font-weight:700;margin-right:12px;border:.5px solid #c0c1c5}.sender-details{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.sender-email{font-weight:700;color:#202124;font-size:12px}.recipient{font-size:12px}.email-timestamp,.recipient{color:#5f6368;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.email-timestamp{font-size:11px;gap:5px;margin-right:5px}.email-options{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;gap:10px}.email-content{padding:10px 0;font-size:12px;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content}.email-divider{height:1px;background-color:#e0e0e0;margin:16px 0}.attachment-section-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.attachment-section,.attachment-section-container{display:-webkit-box;display:-ms-flexbox;display:flex}.attachment-section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.attachment-label{font-weight:700;margin-right:8px}.attachment-info{color:#5f6368;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.info-icon{margin-left:4px;color:#5f6368}.attachment-container{border:1px solid #e0e0e0;border-radius:4px;max-width:178px;position:relative;color:#838383}.attachment-preview{width:100%;height:84.4px;overflow:hidden}.attachment-preview img{width:100%;-o-object-fit:cover;object-fit:cover}.attachment-details,.attachment-details2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:11px;background-color:#f5f5f5;padding:8px}.attachment-details2{padding-bottom:0}.corner-triangle{width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent #4caf50 transparent;position:absolute;right:0;bottom:0}.download-icon{position:absolute;top:0;left:0;background-color:#f5f5f5;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px 4px 0 4px;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease,visibility .3s;transition:opacity .3s ease,visibility .3s;cursor:pointer}.attachment-container:hover .download-icon{opacity:1;visibility:visible}