.searchio-live-search-results {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
max-width: 97%;
min-height: 175px;
max-height: 300px;
}
.searchio-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchio-live-search-result p {
font-size:0.9em;
padding:1em;
margin:0;
}
.searchio-live-search-result div {
border-bottom:1px solid rgba(30,30,30,0.1);
}
.searchio-live-search-result--focused {
background: #DDD;
}
.searchio-live-search-result--focused a {
color: #000;
}
.searchio-live-search-result:last-of-type p {
border-bottom:0;
}
.searchio-live-search-result a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .searchio-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes searchio-spinner-line-fade-more {
0%, 100% {
opacity: 0; }
1% {
opacity: 1;
}
}
@keyframes searchio-spinner-line-fade-quick {
0%, 39%, 100% {
opacity: 0.25; }
40% {
opacity: 1;
}
}
@keyframes searchio-spinner-line-fade-default {
0%, 100% {
opacity: 0.22; }
1% {
opacity: 1;
}
}