.demands {
    margin-top: 32px;
}

.demands--form {
    display: grid;
    grid-template-columns: 1fr 1fr 415px 50px;
}

.demands--form--column {
    margin-right: 16px;
    height: 100%;
}

.demands--form--column:last-child {
    margin-right: 0;
}

#bedrooms-picker, #bathrooms-picker {
    width: 3em;
}

.demands--form .hint {
    font-size: 14px;
}

.demands--form--column__checkboxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 24px 24px 24px ;
    grid-column-gap: 32px;
}

.demands--form--column p {
    margin-bottom: .5rem;
}

.demands--form input {
    margin: 0;
}

#demand-separator {
    height: 1px;
    margin: 32px 0;
}

.demand-update {
    display: flex;
    justify-content: flex-end;
    padding: 1em 0 1em 1em;
}

.demand-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, 30%);
    justify-content: space-between;
}
.demand-cards--card {
    background-color: #FFFFFF;
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 1em;
    margin-bottom: 1em;
    transition: background-color 0.1s;
}
p.demand-cards--card--property {
    font-weight: bold;
    margin-bottom: 0.5em;
}
p.demand-cards--card--stat {
    margin-bottom: 0.5em;
}
.demand-cards--card form {
    position: absolute;
    bottom: 1em;
    right: 1em;
}