@keyframes slideInDownMobile{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0);display:flex}}@keyframes slideOutUpMobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%);display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.predictive-search-wrapper{border:1px solid var(--default-colors-grey-400, #ced4da);display:flex;width:240px;min-width:170px;max-width:240px;padding:8px 12px;align-items:center;gap:8px;flex-shrink:0;border-radius:4px}.predictive-search-icon{width:20px;height:20px;color:#0009;pointer-events:none}.predictive-search-wrapper:focus-within .predictive-search-icon{color:#000c}.predictive-search-close-icon{display:none!important}.predictive-search-display-input{width:100%;height:auto}.predictive-search-display-input::placeholder{color:#00000080}.predictive-search-display-input:focus-visible{outline:none;outline-offset:none;box-shadow:none}.predictive-search-results{opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;pointer-events:none}@media screen and (min-width:769px){.predictive-search-wrapper:focus-within .predictive-search-results{opacity:1;visibility:visible;pointer-events:auto}}.predictive-search-results.visible{opacity:1;visibility:visible;pointer-events:auto}.ecom-predictive-search__no-results{display:block;padding:10px;text-align:center;font-size:14px;color:#0009}@media(max-width:768px){.predictive-search-wrapper{display:flex;align-items:center;width:100%;max-width:none}.header-mobile-menu__search-close{margin-right:8px}.mobile-search-panel{display:flex;position:fixed;left:0;right:0;bottom:0;flex-direction:column;gap:12px;padding:16px;background:#ffffff26;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);z-index:2;overflow-y:auto;max-height:90vh;animation:slideOutUpMobile .6s cubic-bezier(.16,1,.3,1) forwards}.mobile-search-panel.active{animation:slideInDownMobile .6s cubic-bezier(.16,1,.3,1) forwards}.mobile-search-panel .predictive-search-display-input{display:block;width:100%;font-size:18px;padding:14px 16px}.mobile-search-panel .predictive-search-results{display:block;opacity:1;visibility:visible;pointer-events:auto;width:100%}.mobile-search-panel .predictive-search-close-icon{display:block!important;position:absolute;right:28px;top:28px;width:24px;height:24px;color:#0000001a;opacity:.4;cursor:pointer;transition:color .3s cubic-bezier(.16,1,.3,1);pointer-events:auto}.mobile-search-panel .predictive-search-close-icon:hover{color:#000c}.mobile-search-overlay{display:block;position:fixed;left:0;right:0;bottom:0;background:#0006;z-index:1;animation:fadeOut .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.mobile-search-overlay.active{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/336/assets/search-bar-header.css.map */