.search-autocomplete{position:relative;text-transform:none;display:block}.search-autocomplete__input-container{position:relative}.search-autocomplete__input{width:100%;border:none;background-position-x:right}.search-autocomplete__clear-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);right:7px;z-index:2;outline:none;border:none;background:none;cursor:pointer;padding:5px}.search-autocomplete__clear-btn[visible=true]{display:block}.search-autocomplete__clear-btn svg{height:10px;width:10px}.search-autocomplete__clear-btn svg path{fill:var(--color-cool-gray)}.search-autocomplete[loading] .search-autocomplete__input{background-image:url(../gif/loading-spinner.gif);background-repeat:no-repeat;background-size:contain;background-position-x:right}.search-autocomplete[loading] .search-autocomplete__clear-btn{display:none}.search-autocomplete__label{color:var(--color-cool-gray);text-transform:uppercase;font-weight:var(--font-weight-regular);padding:10px;opacity:.7}.search-autocomplete__dropdown{display:none;position:absolute;z-index:10;width:100%;background-color:var(--color-white);border:1px solid var(--color-cool-gray);border-radius:var(--border-radius-default)}.search-autocomplete__dropdown--open{display:block}.search-autocomplete__value{outline:none;display:block;padding:0 10px}.search-autocomplete__value button{width:100%;text-align:left;outline:none;background-color:rgba(0,0,0,0);border:none;color:var(--color-cool-gray);font-weight:var(--font-weight-default);padding:8px 0;cursor:pointer}.search-autocomplete__value a{display:block;text-transform:none;color:var(--color-cool-gray);font-weight:var(--font-weight-default);padding:5px 0}.search-autocomplete__value:hover,.search-autocomplete__value:focus{background-color:var(--color-smoke-white)}.search-autocomplete__value:last-of-type{border-bottom-left-radius:var(--border-radius-default);border-bottom-right-radius:var(--border-radius-default)}.search-autocomplete__view-more{position:relative;text-transform:uppercase;padding:1em 10px}.search-autocomplete__view-more a::after{background:url(../svg/tiny-arrow.svg) 100% no-repeat;background-size:contain;content:"";display:inline-block;width:12px;height:10px;margin-left:5px}