.filter-area{
    display: flex;
    flex: 0;
}

.filter-area>.console-label{
    flex: 0;
}

.filter-area>.console-filter-field{
    flex: 1;
}
.filter-area>.console-filter-field>input{
    width: 100%;
}

.filter-area>.console-filter-field>input::placeholder{
    color: gray;
    text-decoration:dotted;
    font-style: italic;
}

.consolev2{
    position: fixed;
    display: flex;
    gap: 10px;
    flex-direction: column;
    z-index: 11;
    top: 0;
    left: 0;
    background: var(--color);
    color: white;
    resize: both;
    overflow: auto;
    min-width: 500px;
    min-height: 100px;
    border: 1px solid white;
    border-radius: 10px 10px 0 0;
}

.consolev2>*{
    margin: 2px 10px
}

.console-top{
    display: flex;
    flex: 0;
}

.console-top>.draggable-area{
    flex: 1;
    background-image: radial-gradient(white 2px, transparent 0);
    background-size: 15px 15px;
    background-repeat: repeat;
    background-position: -3px -3px;
    cursor: grab;

}

.console-top>.download-btn, .console-top>.close-btn{
    flex: 0;
    padding: 5px 10px;
    cursor: pointer;
}

.console-top>.download-btn:hover{
    background-color: white;
    color: var(--blue);
}

.console-top>.close-btn:hover{
    
    color: red;
}

.log-area{
    background-color: white;
    flex: 1;
    margin-bottom: 10px;
    color: black;
    overflow: auto;
}

.log-area>*{
    font-family: monospace;
}