@import "variables"; vn-searchbar { display: block; max-width: 35em; margin: 0 auto; .search-params { flex: 1; margin: .05em 0; overflow: visible; display: flex; max-width: 24em; & > .search-param { color: rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, .1); padding: .1em .4em; margin-left: .2em; display: inline-block; border-radius: .8em; max-width: 12em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; & > vn-icon { font-size: inherit; vertical-align: middle; cursor: pointer; border-radius: 50%; &:hover { color: rgba(0, 0, 0, .8); } } } } } .search-panel { max-height: 48em; & > form { padding: $spacing-lg; } }