.physicsSimApp {
    * {
        box-sizing: border-box;
        font-size: 14px;
    }

    .mechanicsSimulationContainer {
        background-color: white;
        height: 100%;
        width: 100%;
        display: flex;

        .mechanicsSimulationEquationContainer {
            position: fixed;
            left: 60%;
            padding: 1em;
            height: 100%;
            transform-origin: top left;

            .mechanicsSimulationControls {
                display: flex;
                justify-content: space-between;
            }
        }
        .rod,
        .spring,
        .wheel,
        .showvecs,
        .wedge {
            pointer-events: none;
            position: absolute;
            left: 0px;
            top: 0px;
        }
    }

    .coordinateSystem {
        z-index: -100;
    }

    th,
    td {
        border-collapse: collapse;
        padding: 1em;
    }

    table {
        min-width: 300px;
    }

    tr:nth-child(even) {
        background-color: #d6eeee;
    }

    button {
        z-index: 50;
    }

    .angleLabel {
        font-weight: bold;
        font-size: 20px;
        user-select: none;
        pointer-events: none;
    }

    .mechanicsSimulationSettingsMenu {
        width: 100%;
        height: 100%;
        font-size: 12px;
        background-color: rgb(224, 224, 224);
        border-radius: 2px;
        border-color: black;
        border-style: solid;
        padding: 10px;
        position: fixed;
        z-index: 1000;
    }

    .mechanicsSimulationSettingsMenuRow {
        display: flex;
    }

    .mechanicsSimulationSettingsMenuRowDescription {
        width: 50%;
    }

    .dropdownMenu {
        z-index: 50;
    }
}