.search-wrapper{position:relative;width:100%;display:flex;align-items:center;background-color:#f5f5f5;padding:8px;border-radius:8px;z-index:3}.search-wrapper--active{background-color:#fff;box-shadow:0 0 10px #0000001a}.search-wrapper--results-visible .search-wrapper__predictive-search-results{display:block}.search-wrapper--hide-popular-searches .search-wrapper__popular-searches{display:none}.search-wrapper__search-input{width:100%;padding:0 200px 0 40px;font-size:14px;border:none;outline:none;background-color:transparent;height:32px}.search-wrapper__search-input::placeholder{font-family:sofia-pro}.search-wrapper__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex}.search-wrapper__search-icon img{width:20px;height:20px}.search-wrapper__close-button{position:absolute;top:50%;transform:translateY(-50%);right:16px;height:24px;width:24px;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;cursor:pointer;border:1px solid rgba(0,0,0,.1);display:none}.search-wrapper__close-button img{width:24px;height:24px}.search-wrapper__close-button--visible{display:flex}.search-wrapper__popular-searches{position:absolute;top:50%;transform:translateY(-50%);right:16px;display:flex;gap:10px;font-size:14px;color:#838383}.search-wrapper__popular-searches a{text-decoration:none;color:#838383}.search-wrapper__popular-searches a:hover{color:#34342f}.search-wrapper__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:2;display:block!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,backdrop-filter .3s ease}.search-wrapper__overlay--visible{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-wrapper__predictive-search-results{position:absolute;background:#fff;width:100%;border:1px solid #ddd;display:none;max-height:400px;overflow-y:auto;z-index:2;top:calc(100% + 16px);left:0;border-radius:8px}@media(min-width:768px){.search-wrapper__predictive-search-results{max-height:300px}}.search-wrapper__predictive-search-results .search-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;text-decoration:none;color:#000;gap:16px}.search-wrapper__predictive-search-results .search-result-item:hover{background-color:#f7f7f7}.search-wrapper__predictive-search-results .search-result__left-wrapper{display:flex;gap:8px;align-items:center}.search-wrapper__predictive-search-results .search-result-image{width:64px;height:64px;border-radius:8px;object-fit:cover}.search-wrapper__predictive-search-results .search-result-title{font-size:16px;color:#34342f}
/*# sourceMappingURL=/cdn/shop/t/38/assets/kk-search-bar.css.map */