$tui-window-margin: 10px
$tui-window-background: gray

.tui-window
    width: calc(60% - $tui-window-margin * 2)
    height: calc(60% - $tui-window-margin * 2)
    position: absolute
    top: 20%
    left: 20%
    border: black double 5px

    &::before 
        content: ' ';
        position: absolute
        top: -$tui-window-margin
        left: -$tui-window-margin
        width: calc(100% + $tui-window-margin * 2);
        height: calc(100% + $tui-window-margin * 2);
        background-color: $tui-window-background
        z-index: -1
    
    .header
        position: absolute
        top: -$tui-window-margin
        width: 90%
        left: 5%
        display: flex
        flex-direction: row
        justify-content: space-between

        .buttons
            background-color: $tui-window-background
            display: flex
            flex-direction: row

        p 
            margin: 0px
            padding: 0px
            padding-left: 5px
            padding-right: 5px
            display: block
            background-color: $tui-window-background