11 #typeahead-instructions,
12 my-suggestions ::ng-deep ul {
13 border: 1px solid var(--mainBackgroundColor);
14 border-bottom-right-radius: 3px;
15 border-bottom-left-radius: 3px;
16 background: var(--mainBackgroundColor);
18 transition-property: box-shadow;
22 #typeahead-instructions {
41 #typeahead-container {
43 border: 1px solid var(--mainBackgroundColor) !important;
44 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
46 transition: box-shadow .3s ease, width .2s ease;
49 @media screen and (min-width: 500px) {
53 @media screen and (max-width: 800px) {
66 // we have to switch the display and not the opacity,
67 // to avoid clashing with the rest of the interface.
72 ::ng-deep &:focus-within {
74 @media screen and (min-width: 500px) {
75 display: initial !important;
79 #typeahead-instructions,
80 my-suggestions ::ng-deep ul {
81 box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px -5px;
86 box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px 0px;
87 border-end-start-radius: 0;
88 border-end-end-radius: 0;
90 @media screen and (min-width: 900px) {
101 .advanced-search-status {
111 @include in-content-small-title;
113 margin-bottom: .5rem;
116 ::ng-deep my-suggestion {