.header {
    border-bottom: 3px solid var(--panel-border-grey);
}

.threejs-wrapper {
    margin-left: 3rem;
    margin-right: 3rem;
}

.threejs {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 70vh;
}

#play-button {
    background-color: #18223b;
    border: 1.5px solid var(--white);
}

#play-button:hover {
    background-color: #1c2b4e;
}

#play-button:active {
    background-color: #23355d;
}

#play-button:disabled {
    background-color: var(--black);
    border: 1.5px solid var(--disabled-button-white);
    color: var(--disabled-button-white);
}

.output {
    background-color: var(--black);

    font-size: var(--small-font-size);
    font-weight: var(--small-font-weight);

    margin: 0;
    flex: 1;
    overflow-y: auto;
    
    min-height: 10rem;

    overscroll-behavior: none;
}

.label {
    pointer-events: none;

    color: var(--white);
    
    font-size: 1rem;
    font-weight: var(--small-font-weight);
    font-style: normal;
    font-optical-sizing: auto;
}

.lil-gui {
    position: absolute;
    top: 0;
    right: 0;
}