.bg__selection-spatial-form {
    background: $clGrey;
    padding: 5px 10px;
    label {
        font-size: 12px;
    }

    input {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        max-width: 40px;
        border: 1px solid $clGreyTint;
        border-radius: 3px;
        padding: 4px;
        font-size: 13px;

        &:focus {
            border-bottom: 1px dotted $clPrimary;
            border-left: 0;
        }

        // hide arrow buttons
        /* Chrome, Safari, Edge, Opera */
        &::-webkit-outer-spin-button,
        &::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        // FireFox
        -moz-appearance: textfield;
    }

    .btn {
        margin: 0;
        vertical-align: top;
        padding: 4px 12px;
        margin-left: 5px;
        text-transform: uppercase;
        font-family: $fontHeading;
    }
}
