.friend-profile-launcher[hidden] {
    display: none !important;
}

.friend-profile-launcher {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
}

.friend-profile-launcher-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(47, 36, 29, .58);
    backdrop-filter: blur(3px);
    cursor: pointer;
}

.friend-profile-launcher-panel {
    position: relative;
    width: min(860px, 100%);
    height: min(94vh, 980px);
    overflow: hidden;
    border: 1px solid #eadfd7;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 28px 90px rgba(39, 27, 20, .32);
}

.friend-profile-launcher-frame {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #fff;
}

body.friend-profile-window-open {
    overflow: hidden;
}

@media (max-width: 700px) {
    .friend-profile-launcher {
        align-items: end;
        padding: 0;
    }

    .friend-profile-launcher-panel {
        width: 100%;
        height: 94dvh;
        border-width: 1px 0 0;
        border-radius: 25px 25px 0 0;
    }
}