.search--bar{display:none;width:100%}@media(min-width:750px){.search--bar{display:block}[data-menu-style=drawer] .search--bar{display:none}}.search__form{position:relative}.search__field{display:flex;align-items:stretch;height:44px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--input-radius);background:var(--color-bg);box-shadow:var(--shadow-card);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease}.search__field:focus-within{border-color:var(--color-navy);background:var(--color-bg);box-shadow:0 0 0 3px rgb(var(--color-navy-rgb) / .08)}.search__input{flex:1 1 auto;min-width:0;margin:0;padding:0 16px;border:0;border-radius:0;background:transparent;color:var(--color-text);font-size:var(--fs-sm);text-overflow:ellipsis;box-shadow:none;outline:none;-webkit-appearance:none;appearance:none}.search__input::placeholder{color:var(--color-muted);text-overflow:ellipsis;opacity:1}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search__reset,.search__submit,.search__back{display:flex;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;border:0;background:none;cursor:pointer}.search__field button:focus-visible{outline-offset:-4px}.search__reset{width:40px;color:var(--color-muted)}.search__reset:hover{color:var(--color-navy)}.search__submit{width:44px;background:var(--color-navy);color:var(--color-bg);transition:background-color var(--dur-fast) ease}.search__submit:hover{background:color-mix(in srgb,var(--color-navy) 84%,#fff)}.search__submit .icon{stroke-width:1.5}.search__back{width:44px;color:var(--color-navy)}.search__dropdown{display:none}.search-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);width:100%;max-width:none;height:var(--search-panel-height, 100dvh);max-height:none;margin:0;padding:12px 16px 0;overflow:hidden;border:0;background:var(--color-bg);color:var(--color-text)}.search-panel:is(:popover-open,.\:popover-open){display:flex;flex-direction:column}.search-panel::backdrop{background:transparent}.search--panel,.search--panel .search__form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.search--panel .search__field{flex:none;height:48px}.search--panel .search__input{padding-inline:4px 12px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/search.css.map */