@import "variables";

vn-travel-search-panel vn-side-menu {
    .menu {
        min-width: $menu-width;
    }
    & > div {
        .input {
            padding-left: $spacing-md;
            padding-right: $spacing-md;
            border-color: $color-spacer;
            border-bottom: $border-thin;
        }
        .horizontal {
            padding-left: $spacing-md;
            padding-right: $spacing-md;
            grid-auto-flow: column;
            grid-column-gap: $spacing-sm;
            align-items: center;
        }
        .chips {
            display: flex;
            flex-wrap: wrap;
            padding: $spacing-md;
            overflow: hidden;
            max-width: 100%;
            border-color: $color-spacer;
        }

        .or {
            align-self: center;
            font-weight: bold;
            font-size: 26px;
            color: $color-font-secondary;
        }
    }
}