.disabled, :disabled {
    opacity: 0.5;
    pointer-events: none;
}

.control-container {
    display: inline-flex;
    align-items: center;
    padding: var(--element-spacing);
}

    .control-container.reversed {
        flex-direction: row-reverse;
    }

    .control-container .control-group{
        margin-top: 2px;
    }

    .control-container input[type="checkbox"]:hover,
    .control-container input[type="radio"]:hover,
    .control-container label:hover {
        cursor: pointer;
    }