/*
    Window
*/
.ui-window {
    position: fixed;
    display: block;
    min-width: fit-content;
    top: 25px;
    left: 25px; 
    background-color:antiquewhite;
    /* opacity: 0.9; */
    font-size: 0.95em;
}

.ui-window-bar {
    width: 100%;
    background-color: #000080;
    color: #fefefe;
    user-select: none;
    
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: stretch;
}

.ui-window-bar button {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    border-bottom: 1px solid #303030;
    border-right: 1px solid #303030;
    font-family: Courier, monospace;
}

.ui-window-bar-drag-area {
    display: inline-block;
    flex-grow: 1;
    align-content: center;
}
.ui-window-bar p {
    padding-left: 0.8em;
}

.ui-window-content {
    padding: 1em;
}

/*
    Slider
*/
.ui-slider {
    display: inline-block;
}

.ui-slider .ui-slider-textbox {
    text-align: left;
    display: block;
    font-size: 1em;
    font-family: Courier, monospace;
    background-color: transparent;
    border-radius: 2px;
}