@import '../../../../_common/scss/main';

.LaundrySearchServiceSelector {
    border: 1px solid $border-color-light;
    border-radius: 8px;
    display: flex;
    flex-flow: row nowrap;
    margin: $gutter-extra-large auto;
    width: 100%;

    &__Item {
        flex: 1 1 33.3333%;
        padding: $gutter;
        display: flex;
        flex-flow: column;

        @include tablet {
            flex-flow: row nowrap;

            &:not(:last-child) {
                border-right: 1px solid $border-color-light;
            }
        }

        @include desktop {
            padding: $gutter-large $gutter-large $gutter;
        }
    }
}