commail {
width:100%;
background-color:var(--bg-lighter);
border-radius:10px;
box-shadow:var(--shadow)
}

mailttl {
text-transform:uppercase;
font-weight:700;
background-color:var(--clr-main1);
color:var(--bg);
padding:8px 40px 5px;
font-family:var(--font-title-family);
letter-spacing:.3em;
border-radius:10px 10px 0 0;
font-size:11px
}

mailhct {
display:flex;
justify-content:space-between;
margin:0 50px 5px 40px
}

mailsdr {
display:flex;
justify-content:start
}

mailsdr div {
width:40px;
height:40px;
border-radius:50%;
background-size:cover;
background-position:center;
margin-right:10px
}

mailinf {
font-weight:700
}

ml,mailrvr,maildt {
font-weight:400;
opacity:.8;
font-size:12px
}

ml {
display:inline
}

maildt {
text-align:right
}

mailct {
padding:10px 50px 20px 90px
}

mailrep {
opacity:.8
}

mailrep mailhct {
padding-top:20px;
border-top:1px solid #dedede
}
comsms,smshead,smsct,smsdt,mes1,mes2,commail,mailhead,mailttl,mailhct,mailsdr,mailinf,ml,mailrvr,maildt,mailct,mailrep {
display:block
}