.sendmail{
    width:96%;
    max-width:600px;
    display:block;
    border-radius:var(--radius-big);
    background-color:#f3f3f0;
    color:#333;
    position:relative;

    #close{
        position:absolute;
        right:0;
        top:0;
        &:before{
            content:'✕';
            font-size:18px;
            padding:.3em .6em;
            display:block;
            cursor:pointer;
        }
    }

    #mailbox {
        hyphens:none;
        margin:10px 20px 10px;
        display:flex;
        flex-flow:column;
        gap:5px;
        font-size:13px;
        textarea {
            height:6em;
            font-size:13px;
            white-space:pre;
        }
        textarea,
        input[type=text]{
            box-shadow:2px 2px 2px white;
        }
        .header {
            h1,h2,h3{font-size:20px;font-weight:600;margin-bottom:5px}
        }
        .hp-field {
            position: absolute;
            left: -9999px;
            opacity: 0;
            pointer-events: none;
            tab-size: 0;
        }
        input[type=text]{
            font-size:15px;
        }
        button[type=submit],input[type=submit]  {
            font-size: 15px;
            margin:10px auto 0;
        }
    }
}