.tnx-group-leave-page {
    width: min(
        780px,
        calc(100% - 28px)
    );

    margin:
        34px
        auto
        70px;
}


.tnx-group-leave-header {
    margin-bottom:
        22px;
}


.tnx-group-leave-kicker {
    margin-bottom:
        6px;

    color:
        #9298a0;

    font-size:
        10px;

    font-weight:
        850;

    letter-spacing:
        .10em;
}


.tnx-group-leave-header h1 {
    margin:
        0
        0
        8px;

    color:
        #191c20;

    font-size:
        clamp(
            25px,
            4vw,
            34px
        );
}


.tnx-group-leave-header p {
    margin:
        0;

    color:
        #747b84;

    font-size:
        13px;

    line-height:
        1.55;
}


.tnx-group-leave-list {
    display:
        grid;

    gap:
        11px;
}


.tnx-group-leave-card {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        18px;

    padding:
        16px
        17px;

    border:
        1px
        solid
        #e5e7e9;

    border-radius:
        14px;

    background:
        #ffffff;
}


.tnx-group-leave-main {
    min-width:
        0;
}


.tnx-group-leave-name {
    display:
        block;

    overflow:
        hidden;

    color:
        #202328;

    font-size:
        14px;

    font-weight:
        800;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.tnx-group-leave-meta {
    margin-top:
        4px;

    color:
        #8a9098;

    font-size:
        11px;
}


.tnx-group-leave-form {
    flex:
        0
        0
        auto;

    margin:
        0;
}


.tnx-group-leave-button {
    min-height:
        38px;

    padding:
        0
        14px;

    border:
        1px
        solid
        #d9dde1;

    border-radius:
        9px;

    background:
        #ffffff;

    color:
        #555c64;

    font-size:
        11px;

    font-weight:
        750;

    cursor:
        pointer;
}


.tnx-group-leave-button:hover {
    border-color:
        #b72d2d;

    color:
        #a32626;
}


.tnx-group-leave-blocked {
    max-width:
        340px;

    padding:
        10px
        12px;

    border-radius:
        9px;

    background:
        #f5f5f6;

    color:
        #777e87;

    font-size:
        10px;

    line-height:
        1.5;
}


.tnx-group-leave-note {
    margin-top:
        15px;

    color:
        #8a9098;

    font-size:
        10px;

    line-height:
        1.5;
}


.tnx-group-leave-empty {
    display:
        grid;

    gap:
        5px;

    padding:
        22px;

    border:
        1px
        solid
        #e5e7e9;

    border-radius:
        14px;

    background:
        #ffffff;
}


.tnx-group-leave-menu-link {
    display:
        block !important;

    width:
        100%;

    box-sizing:
        border-box;

    padding:
        9px
        11px;

    border-radius:
        8px;

    color:
        inherit;

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.35;

    text-align:
        left;

    text-decoration:
        none;
}


.tnx-group-leave-menu-link:hover {
    background:
        rgba(
            0,
            0,
            0,
            .045
        );
}


@media (max-width: 620px) {

    .tnx-group-leave-card {
        align-items:
            stretch;

        flex-direction:
            column;
    }


    .tnx-group-leave-button {
        width:
            100%;
    }


    .tnx-group-leave-blocked {
        max-width:
            none;
    }

}