p{margin:0}.mail-row{display:flex;border:1px solid #d1d1d1;border-radius:10px;height:140px;margin:15px 0;overflow:hidden}.mail-row .left-side{width:220px;border-right:1px solid #d1d1d1;background:#f5f5f5;position:relative}.mail-row .mail-detail{width:220px}.mail-row .right-side{display:flex;width:100%;align-items:center}.mail-row .right-side .inboxing-content{padding:5px 10px;width:250px;height:100%;position:relative;border-right:1px solid #fff}.inboxing-content .name{font-weight:700}.inboxing-content .inbox-status{position:absolute;bottom:7px;padding:0 9px;color:#fff;border-radius:5px}.inboxing-content.inbox .inbox-status{background:green}.inboxing-content.spam .inbox-status{background:#a94442}.inboxing-content.inbox{background-color:#cbecb9}.inboxing-content.spam{background-color:#ecb9b9}.spinner{display:none;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:1s linear infinite spin;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.inbox-ratio-card{position:fixed;top:120px;left:10px;background:#fff;box-shadow:0 0 0 0 rgb(0 0 0 / 92%);padding:17px 38px;border:1px solid #c9c9c9;border-radius:10px;text-align:center;z-index:1111111}.badge.mark{border-radius:15px;top:10px;left:10px;position:absolute;font-size:24px;background:0 0}