@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{position:relative}.predictive-search-icon-mobile{display:none}.predictive-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0009;pointer-events:none;transition:color .3s cubic-bezier(.16,1,.3,1)}.predictive-search-wrapper:focus-within .predictive-search-icon{color:#000c}.predictive-search-close-icon{display:none!important}.predictive-search-display-input{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(73,73,73,.4);background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;font-size:16px;color:#000;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;box-shadow:0 4px 16px #0000000d}.predictive-search-display-input::placeholder{color:#00000080}.predictive-search-display-input:focus{background:#ffffffd9;border-color:#fff9;box-shadow:0 8px 24px #0000001a}.predictive-search-results{opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s;pointer-events:none}.predictive-search-wrapper:focus-within .predictive-search-results{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}.predictive-search-display-input,.predictive-search-icon{display:none}.predictive-search-icon-mobile{display:block;position:static;transform:none;width:24px;height:24px;cursor:pointer;right:auto;top:auto;pointer-events:auto}.predictive-search-results{display:none}.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/83/assets/search-dropdown.css.map */