@media screen and (min-width: 700px){.header__search{display:flex;align-items:center}}.header__search .search-form-navbar{position:relative;width:0;display:block;transition:all .45s linear}.header__search .search-form-navbar.open-form{width:65%}@media screen and (min-width: 700px){.header__search .search-form-navbar.open-form{width:70%}}@media screen and (min-width: 1150px){.header__search .search-form-navbar.open-form{width:75%}}@media screen and (min-width: 700px){.header__search .search-form-navbar .predictive-search.show{background:rgb(var(--dialog-background));width:200%;height:64dvh;overflow:auto;overflow-y:auto;padding:var(--spacing-5)}}@media screen and (min-width: 700px){.header__search .search-form-navbar .predictive-search{position:absolute;top:40px}}.header__search .search-form-navbar .predictive-search__tab-item,.header__search .search-form-navbar .predictive-search .v-stack,.header__search .search-form-navbar .predictive-search .text-subdued{color:#333f48}.header__search .search-input{justify-content:space-between;align-items:center;gap:var(--spacing-4);border-bottom-width:2px;padding-block-end:var(--spacing-2-5);transition:border-bottom-color .1s;display:flex}@media screen and (min-width: 700px){.header__search .search-input{padding-block-end:var(--spacing-3)}}.header__search .search-input:focus-within{border-bottom-color:rgb(var(--text-color))}.header__search .search-input>input{-webkit-appearance:none;appearance:none;width:100%;font-size:var(--text-h5);background:none;border-radius:0;outline:none;flex-grow:1;font-weight:bolder}@media screen and (min-width: 700px){.header__search .search-input>input{font-size:var(--text-base)}}.header__search .search-input>input::placeholder{color:rgb(var(--text-color)/.5)}.header__search .search-input>input[type=search]::-webkit-search-decoration{display:none}.header__search .search-input>input[type=search]::-webkit-search-cancel-button{display:none}.header__search .search-input>[type=reset]{font-size:var(--text-xxs);opacity:0;transition:opacity .2s}@media screen and (min-width: 700px){.header__search .search-input>[type=reset]{font-size:var(--text-xs)}}@media screen and (min-width: 1000px){.header__search .search-input>[type=reset]{font-size:var(--text-base)}}.header__search .search-input>input:not(:placeholder-shown)~[type=reset]{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/35/assets/search-navbar.css.map */