.application {
    input[type="radio"],
    input[type="checkbox"] {
        border: solid 2px gray;
        display: inline-block;
        vertical-align: baseline;
        position: relative;
        top: 4px;
        margin: 0 0.5rem 0 0;

        &:invalid {
            border: var(--color-primary, red) 2px solid;
        }

        &:checked {
            background-color: #52c07b;
        }
    }

    .equipment-count {
        visibility: hidden;
        width: 4rem;
    }

    .equipment-label {
        margin-right: 0.5rem;
    }

    .equipment-value:checked ~ .equipment-count {
        visibility: visible;
    }
}