.ss-search-form{position:relative;display:inline-block} .ss-search-form__results{position:absolute;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.25);box-shadow:0 2px 8px rgba(0,0,0,0.25);top:100%;width:100%;visibility:hidden;text-align:left;padding:10px 15px;opacity:0;-webkit-transition:all 0.35s;-o-transition:all 0.35s;transition:all 0.35s;z-index:2;background-color:#FFF;max-height:200px;overflow:auto} .ss-search-form__results.open{opacity:1;visibility:visible}.ss-autocomplete-result hr{margin:10px 0} .ss-autocomplete-result__title{font-size:14px;margin-bottom:0;font-weight:normal;color:#333} .ss-autocomplete-result__badge{background-color:#eee;color:#666;font-size:12px;padding:0 4px;-webkit-border-radius:3px;border-radius:3px;line-height:18px;display:inline-block;float:left;margin-right:10px} .ss-result-list{max-width:650px;margin:auto} .ss-result{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px dotted #eee;padding:30px 0;position:relative} .ss-result a{position:absolute;top:0;left:0;width:100%;height:100%} .ss-result-info{flex:0 0 auto;width:auto} .ss-result-badge{background-color:var(--primary-light-color);color:var(--primary-color);padding:2px 7px;border-radius:3px;margin-right:5px} .ss-result-title{flex:1 0 0%;font-size:18px} .ss-result-title mark{background-color:transparent;color:#b11} .ss-result__text{flex:0 0 100%;max-width:100%;margin-top:8px} .ss-result-empty{text-align:center;padding:40px 0} .ss-search-form__results{padding:5px} .ss-autocomplete-result{padding:8px;position:relative;border-radius:5px} .ss-autocomplete-result:hover{background-color:rgba(0,0,0,0.04)}