@media screen and (max-width:989px){.header__search{display:none!important}}.mobile-search-bar-wrapper{position:relative}.mobile-search-bar{display:block;background:transparent;padding:8px 16px 10px}@media screen and (min-width:990px){.mobile-search-bar{display:none}}.mobile-search-bar form,.mobile-search-bar predictive-search,.mobile-search-bar search-form{border:none!important;background:transparent!important;padding:0!important;margin:0!important;display:block!important}.mobile-search-bar .search{display:flex;align-items:center;border:1px solid #000!important;border-radius:50px;background:transparent;height:44px;padding:0 6px 0 16px;width:100%;box-sizing:border-box}.mobile-search-bar .field{display:flex;align-items:center;flex:1;height:100%;border:none!important;background:transparent!important;min-width:0}.mobile-search-bar .search__input,.mobile-search-bar .field__input{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;flex:1;min-width:0;font-size:1.4rem;color:rgb(var(--color-foreground));padding:0 20px!important;height:100%;-webkit-appearance:none;appearance:none}.mobile-search-bar .search__input::placeholder{color:rgba(var(--color-foreground),.45)}.mobile-search-bar .field__label{display:none!important}.mobile-search-bar .reset__button{background:none!important;border:none!important;cursor:pointer;display:none;align-items:center;padding:0 4px;flex-shrink:0;color:rgba(var(--color-foreground),.5)}.mobile-search-bar .search__button{background:none!important;border:none!important;border-left:none!important;cursor:pointer;display:flex;align-items:center;gap:4px;padding:0 10px 0 8px;flex-shrink:0;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;white-space:nowrap;position:static!important;right:auto!important;width:auto!important;height:auto!important}.mobile-search-bar .search__button .svg-wrapper{display:flex;align-items:center}.mobile-search-bar .mobile-search-btn-text{font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground))}.mobile-search-bar .predictive-search{position:absolute;top:100%;left:0;right:0;z-index:100;background:rgb(var(--color-background));box-shadow:0 4px 16px #0000001f}.mobile-search-bar .field:before,.mobile-search-bar .field:after{display:none!important;box-shadow:none!important}@media screen and (max-width:989px){.template-search__search{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/mobile-search-bar.css.map */