.header-search{flex:1 1 auto;min-inline-size:0;inline-size:100%;max-inline-size:var(--gz-hdr-search-max-width, 600px);margin-inline:auto}.header-search header-search-typewriter{display:block;inline-size:100%}.header-search__form{display:flex;align-items:center;box-sizing:border-box;gap:8px;inline-size:100%;block-size:var(--gz-hdr-search-height, 44px);padding-inline:18px 8px;border:var(--gz-hdr-search-border-width, 1.5px) solid var(--gz-hdr-search-border-color, rgb(var(--color-foreground-rgb) / 25%));border-radius:calc(var(--gz-hdr-search-height, 44px) / 2);background-color:var(--gz-hdr-search-field-bg, transparent);color:var(--gz-hdr-search-text, var(--color-foreground))}.header-search__form:focus-within{border-color:var(--gz-hdr-search-text, var(--color-foreground));outline:none}.header-search__label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.header-search .header-search__form .header-search__input{flex:1 1 auto;min-inline-size:0;block-size:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;background-color:transparent;box-shadow:none;color:currentColor;font-family:inherit;font-size:var(--gz-hdr-search-font-size, 14px);line-height:1;-webkit-appearance:none;appearance:none}.header-search .header-search__form .header-search__input:focus,.header-search .header-search__form .header-search__input:focus-visible{background-color:transparent;box-shadow:none;outline:none}.header-search__input::placeholder{color:currentColor;opacity:.65}.header-search__input::-webkit-search-cancel-button,.header-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.header-search__submit{display:grid;place-items:center;flex:0 0 auto;inline-size:calc(var(--gz-hdr-search-height, 44px) - 14px);block-size:calc(var(--gz-hdr-search-height, 44px) - 14px);padding:0;border:0;border-radius:50%;background:none;box-shadow:none;color:currentColor;cursor:pointer}.header-search__icon{display:block;inline-size:20px;block-size:20px}@media screen and (min-width:750px){#header-component[data-menu-style=menu]:has(.header-search) .search-action{display:none}}@media screen and (max-width:749px){.header-search{display:none}}#header-component[data-menu-style=drawer] .header-search{display:none}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-header-search.css.map */