#admins {
    .box {
        $cover-height: 140px;
        $avatar-height: 110px;
        position: relative;

        .cover {
            position: relative;

            &::before {
                content: "";
                position: absolute;
                inset: 0px;
                height: 100%;
                width: 100%;
                background-color: #000;
                opacity: 0.3;
                border-radius: var(--border-radius) var(--border-radius) 0px 0px;
            }
            img {
                height: $cover-height;
                width: 100%;
                border-radius: var(--border-radius) var(--border-radius) 0px 0px;
            }
        }

        .avatar {
            position: absolute;
            top: $cover-height / 1.8;
            left: calc(50% - $avatar-height / 2);
            height: $avatar-height;
            width: $avatar-height;
            background-color: var(--card-background);
            span {
                line-height: $avatar-height;
            }
        }

        .statistics {
            position: relative;
            &::before {
                content: "";
                position: absolute;
                border: dashed 1px var(--border-color);
                bottom: 0px;
                right: calc(50% - 0.5px);
                width: 1px;
                height: 100%;
            }

            .title {
                font-size: 15px;
            }
            .col-12:last-of-type {
                margin-bottom: 0px !important;
            }
        }

        .controls {
            position: absolute;
            top: 5px;
            right: 10px;
            padding: 10px;
            .dropdown-toggle {
                color: #fff !important;
                font-size: 18px;
            }
        }
    }
}
