.header__search-container{width:100%;max-width:720px}.header__search-container .field{display:flex;height:40px;overflow:hidden;background:#fff;transition:box-shadow .2s;border:none;border-radius:2px}.header__search-container .field:hover{box-shadow:0 2px 4px #00000026}.header__search-container .search__input{flex:1;border:none;padding:10px 60px 10px 15px;font-size:14px;color:var(--color-font);background:transparent;outline:none;min-width:0;height:100%;font-family:var(--font-family)}.header__search-container .search__input::placeholder{color:#33333360;font-size:14px;font-family:var(--font-family);font-weight:300}.header__search-container .search__button{position:relative;border:none;background:#fff;padding:0 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:46px;height:100%;transition:all .2s;z-index:3}.header__search-container .search__button:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#3333}.header__search-container .search__button:hover{background:var(--color-secondary)}.header__search-container .search__button svg{width:18px;height:18px;fill:var(--color-font)}.header__search-container .clear-button{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;width:16px;height:16px;cursor:pointer;display:none;align-items:center;justify-content:center;color:#33333370;font-size:20px;font-weight:300;line-height:1;transition:color .2s;z-index:2;opacity:.7}.header__search-container .clear-button:hover{color:#666;opacity:1}.header__search-container .clear-button:before{content:"\d7";display:block}.header__search-container .search__input.has-text{padding-right:55px!important}.header__search-container .search__input[type=search]::-webkit-search-cancel-button,.header__search-container .search__input[type=search]::-webkit-search-decoration,.header__search-container .search__input[type=search]::-webkit-search-results-button,.header__search-container .search__input[type=search]::-webkit-search-results-decoration{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mb-header-search.css.map */