.app-drawer {
    &__wrapper {
        display         : flex;
        flex-direction  : column;
        max-height      : 100vh;
        min-width       : 360px;
        border-radius   : 4px;
        background-color: #fff;
        box-shadow      : 0 0 20px 0 rgba(0, 0, 0, .15);
        overflow        : hidden;
    }

    &__header {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        border-bottom  : 1px solid #f2f2f2;
        padding        : 16px 24px;

        h1 {
            font-size: 16px;
        }

        .el-icon {
            font-size: 16px;
            cursor   : pointer;
        }
    }

    &__body {
        flex       : 1;
        overflow-y : auto;
        line-height: normal;
        padding    : 24px 48px 0 48px;

        &:last-child {
            padding-bottom: 24px;
        }
    }

    &__footer {
        text-align: center;
        padding   : 32px 48px;
    }
}