.titlebar {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    table {
        border-collapse: collapse;
        height: 33px;
        transform: translateY(-1px);
    }

    .shade {
        position: absolute;
        top: 0;
        left: -40%;
        width: 100%;
        height: 32px;
        opacity: 0.25;
        pointer-events: none;
        background: linear-gradient(90deg, royalblue 48%, cyan 50%, transparent);
        filter: blur(64px);
        clip-path: inset(0 0 0 0);
    }
    .name {
        cursor: default;
        color: #b0b0b0;
        font-size: 12pt;
        padding-left: 12px;
    }

    background: #111111;
    height: 32px;

    .btns {
        user-select: none;
        float: right;

        .btn {
            background: #141414;
            width: 40px;
            text-align: center;
            svg {
                transform: translateY(2px);
                width: 16px;
            }
            &:hover {
                background: #1c211c;
            }
        }
        .close {
            background: #ae4a1a;
            &:hover {
                background: #ee4a1a;
            }
        }
    }
}