.side-search {
    &__inputs {
        background-color: white;
        border: 1px solid $micGrey;
    }
    &__wrapper {
        padding: 20px;
        border-bottom: 1px dotted $micGrey;
    }

    &__title {
        border-bottom: 1px dotted $micGrey;
        color: $micDeepOrange;
        font-size: 20px;
        padding: 20px;
        margin: 0;
    }
    &__area-button {
        @include orangeBorderButton;
        width: 136px;
    }
    &__current-area {
        @include adjustBothEnds;
        align-items: center;
        margin: 10px 0;
    }
    &__current-city {
    }
    &__city-button {
        @include orangeBorderButton;
        margin: 20px 0 0 0;
    }
    &__types {
        @include adjustBothEnds;
    }
    &__type {
        @include orangeCheckbox;
    }
    &__check {
        display: none;

        &:checked + label {
            background-color: $micDeepOrange;
            color: white;
        }
    }

    &__select {
        outline: none;
        border: none;
        width: 100%;
        background-color: $micBackGrey;
        padding: 10px;
        border-radius: 5px;
    }

    &__range {
    }

    &__mini-title {
        margin: 10px 0;
    }

    &__tilde {
        margin: 5px 0;
        text-align: center;
    }

    &__one {
        margin: 0 0 30px 0;
    }
    &__result {
        text-align: center;
        margin: 30px 0;
    }
    &__number {
        & span {
            font-size: 20px;
            font-weight: bold;
            color: $micDeepOrange;
        }
    }
    &__button {
        @include adjustCenter;
        width: 100%;
        height: 46px;
        background-color: $micBloodOrange;
        display: block;
        color: white;
        margin: 10px 0 0 0;
        border-radius: 10px;
        box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
        & i {
            color: white;
        }
    }
    &__clear {
        color: $micBlue;
        margin: 10px 0 0 0;
    }
}
