.wlsn-header-search__dropdown:not(.active):not(.wlsn-header-search__dropdown--placeholder),.wlsn-header-search__dropdown.active+.wlsn-header-search__dropdown--placeholder{display:none!important}@media(max-width:1023px){wlsn-header-search{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:100dvh;z-index:1100;overflow:hidden;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}wlsn-header-search.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease,visibility 0s}.wlsn-header-search__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3.2rem}.wlsn-header-search__close-btn{width:2.4rem;height:2.4rem;color:var(--wlsn-color-primary-1, #000)}.wlsn-header-search__modal{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:100%;height:100%;max-height:100dvh;padding:3.2rem 0 0;background-color:var(--wlsn-color-white, #ffffff);z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}wlsn-header-search.active .wlsn-header-search__modal{transform:translate(0)}.wlsn-header-search__modal>.wlsn-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.wlsn-header-search__modal wlsn-predictive-search{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.wlsn-header-search__modal .wlsn-search-form__input-clear-btn{display:none}.wlsn-header-search__modal wlsn-search-form{padding-bottom:3.2rem}.wlsn-header-search__dropdown{position:relative;top:auto;left:auto;width:100%;flex:1;min-height:0;max-height:none;transform:none;background-color:var(--wlsn-color-white, #ffffff);z-index:1;transition:opacity .3s ease,visibility .3s ease;box-shadow:none;overflow-y:auto;overflow-x:hidden}.wlsn-header-search__dropdown:not(.wlsn-header-search__dropdown--placeholder){opacity:0;visibility:hidden}.wlsn-header-search__dropdown.active{opacity:1;visibility:visible}.wlsn-header-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;z-index:1}.wlsn-predictive-search__empty{text-align:center}}@media(min-width:1024px){wlsn-header-search{position:absolute;top:100%;left:0;width:100%;height:auto;z-index:100;transform:translateY(-1rem);transition:transform .2s ease-in-out;opacity:0;visibility:hidden;pointer-events:none}wlsn-header-search.active{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.wlsn-header-search__modal{position:absolute;left:0;width:100%;height:auto;padding:1rem 0;background-color:var(--wlsn-color-white, #ffffff);z-index:100;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--wlsn-color-primary-2)}.wlsn-header-search__modal .wlsn-search-form__input-wrapper{padding:0;border:none}.wlsn-header-search__header{display:none!important}.wlsn-header-search__dropdown{position:absolute;top:calc(100% + .1rem);background-color:var(--wlsn-color-white, #ffffff);z-index:100;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 1.2rem 2.4rem #00000014;max-height:calc(100vh - var(--wlsn-header-search-bottom-offset));overflow-y:auto;overflow-x:hidden;padding:3.2rem 0;border-radius:0 0 1.2rem 1.2rem;border-right:1px solid var(--wlsn-color-primary-2);border-bottom:1px solid var(--wlsn-color-primary-2);border-left:1px solid var(--wlsn-color-primary-2);width:100%;left:0}.wlsn-predictive-search__results{max-width:calc(var(--wlsn-page-width) + (var(--wlsn-page-layout-padding) * 2));margin:0 auto;padding:0 var(--wlsn-page-layout-padding);width:100%}.wlsn-header-search__dropdown:not(.wlsn-header-search__dropdown--placeholder){opacity:0;visibility:hidden;transform:translateY(-100%)}.wlsn-header-search__dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.wlsn-header-search__overlay{position:absolute;height:100vh;top:100%;--wlsn-overlay-background-color: rgba(0, 0, 0, .3)}.wlsn-predictive-search__empty{min-width:38rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/wlsn-header-search.css.map */