.window{
    position: absolute;
    border: 0.1rem solid black;
    background-color: white;
    visibility: hidden;

    .window-header{
        display: flex;
        padding: 0.5rem;

        >span{
            padding: 0 0.2rem;
        }

        >span.action{
            display: block;
            width: 1rem;
            height: 1rem;
            text-align: center;
            line-height: 1rem;
            cursor: pointer;
        }

        >span.action:hover{
            background-color: #d5d5d5;
        }

        >div{
            padding: 0 0.2rem;
            flex-grow: 1;
        }
    }
    .window-body{
        display: block;
    }
}
.window.minimize{
    .window-body{
        display: none;
    }
    .action.minimize{
        background-color: #b1b0b0;
    }
}
.window.maximize{
    width: 100vw;
    height: 100vh;
    left: 0 !important;
    top: 0 !important;

    .action.maximize{
        background-color: #b1b0b0;
    }
}
.window.active{
    visibility: visible;
}