.profile .avatar_wrapper {
        margin: -120px auto 0;
        transition: all 0.2s;
    }

    .profile .banner {
        border-radius: var(--radius) var(--radius) 0 0;
        height: 225px;
        overflow: hidden;
        padding: 0 !important;
    }

    .profile .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 0;
    }

    .card_nest .card:nth-child(2) {
        border-radius: 0 0 var(--radius) var(--radius);
    }

    .profile h2 {
        margin: 0;
    }

    @media screen and (max-width: 900px) {
        .card:not(dialog *) {
            border-radius: 0 !important;
        }
    }

    #user_qr {
        width: 10rem;
        height: 10rem;
        transition: all 0.2s;
    }