.header__search-bar{display:none}@media screen and (min-width:990px){.header--middle-left.header--has-menu{grid-template-areas:"heading search icons" "navigation navigation navigation";grid-template-columns:auto 1fr auto;row-gap:10px}.header__search-bar{display:flex;grid-area:search;width:100%;max-width:640px;margin:0 auto}}predictive-search.cy-search-bar,search-form.cy-search-bar{display:block;position:relative;width:100%}.cy-search-bar__form{display:flex;align-items:center;position:relative;width:100%;height:52px;background:#fff;border-radius:999px;border:2px solid transparent;box-shadow:0 2px 10px #10131a1a;transition:box-shadow .18s ease,border-color .18s ease}.cy-search-bar__form:focus-within{border-color:var(--cy-brand);box-shadow:0 4px 20px #4cb3ed4d}.cy-search-bar__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:20px;color:var(--cy-muted);flex-shrink:0}.cy-search-bar__icon svg{width:100%;height:100%}.cy-search-bar__input{flex:1 1 auto;min-width:0;height:100%;border:none;background:transparent;outline:none;font-size:15px;font-family:var(--font-body-family);color:var(--cy-ink);padding:0 12px;-webkit-appearance:none;appearance:none}.cy-search-bar__input::placeholder{color:var(--cy-muted);opacity:1}.cy-search-bar__input::-webkit-search-cancel-button,.cy-search-bar__input::-webkit-search-decoration{display:none}.cy-search-bar__reset{border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--cy-muted);flex-shrink:0}.cy-search-bar__reset.hidden{display:none}.cy-search-bar__reset .svg-wrapper{width:16px;height:16px}.cy-search-bar__submit{display:flex;align-items:center;gap:8px;height:calc(100% - 8px);margin-right:4px;padding:0 18px;border:none;border-radius:999px;background:var(--cy-action);color:#fff;font-family:var(--cy-font-display);font-weight:600;font-size:14px;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.cy-search-bar__submit:hover{background:var(--cy-action-dark)}.cy-search-bar__submit:focus-visible{outline:3px solid var(--cy-brand);outline-offset:2px}.cy-search-bar__submit .svg-wrapper{width:18px;height:18px;flex-shrink:0}.cy-search-bar__submit-text{display:none;white-space:nowrap}@media screen and (min-width:1200px){.cy-search-bar__submit-text{display:inline}}.header__icon--search-mobile-only{display:block}@media screen and (min-width:990px){.header__icon--search-mobile-only{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-header-cy.css.map */