@use "../../vars" as v;
@use "../../colors" as c;

.panels-3wFtMD {
    position: absolute;
    bottom: 0;
    left: -72px;
    width: 72px;
    // width: calc(32px + v.$padding * 2);
    height: calc(25% - v.$padding);
    box-sizing: border-box;
    border-radius: v.$roundness;
    border: v.$border-width solid c.$bg-brighter;
    padding: v.$padding;
    display: flex;
    align-items: center;
    justify-content: center;

    > .container-YkUktl {
        height: fit-content;
        margin-bottom: 0;
        padding: 0;
        flex-direction: column-reverse;
        gap: v.$padding;

        > .avatarWrapper-1B9FTW {
            min-width: unset;
            padding: 0;
            margin: 0;
            height: 44px;
            width: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            border-radius: v.$roundness;
            border: v.$border-width solid c.$bg-brighter;

            > .nameTag-sc-gpq {
                display: none;
            }

            .avatar-1EWyVD {
                // height: 44px !important;
                // width: 44px !important;
                // display: flex;
                // justify-content: center;
                // align-items: center;

                > svg {
                    // display: flex;
                    // justify-content: center;
                    // align-items: center;
                    // height: 52px;
                    // width: 52px;

                    // > foreignObject {
                    //     height: 44px !important;
                    //     width: 44px !important;
                    // }
                }
            }

            // .avatar-1EWyVD {
            //     transform;
            // }

            foreignObject {
                mask: none;

                .avatar-b5OQ1N {
                    border-radius: v.$roundness;
                }
            }
        }

        > :last-child {
            flex-direction: column;
            gap: v.$padding;

            > button {
                box-sizing: border-box;
                border-radius: v.$roundness;
                border: v.$border-width solid c.$bg-brighter;
                padding: v.$padding * 2;
                height: unset;
                width: unset;
            }
        }
    }
}