.hy-main-search--modern{--hy-search-modern-field-height: 56px;--hy-search-modern-field-max: 720px;--hy-search-modern-button-size: 44px;--hy-search-modern-button-inset: 6px;--hy-search-modern-chip-height: 40px}:where(.hy-main-search--modern) .hy-main-search__head{display:grid;gap:var(--hy-sp-2);margin-block-end:var(--hy-sp-6)}:where(.hy-main-search--modern) .hy-main-search__overline{margin:0;color:var(--hy-color-overline);font-size:var(--hy-overline-font-size);font-weight:var(--hy-overline-weight);letter-spacing:var(--hy-overline-tracking);line-height:var(--hy-lh-tight);text-transform:var(--hy-overline-transform)}:where(.hy-main-search--modern) .hy-main-search__title{margin:0}:where(.hy-main-search--modern) .hy-main-search__predictive{max-inline-size:var(--hy-search-modern-field-max);margin-block:0}:where(.hy-main-search--modern) .hy-main-search__form{position:relative;gap:0}:where(.hy-main-search--modern .hy-main-search__form) .hy-input{block-size:var(--hy-search-modern-field-height);padding-inline:var(--hy-sp-6) calc(var(--hy-search-modern-button-size) + 2 * var(--hy-search-modern-button-inset) + var(--hy-sp-2));border:2px solid transparent;border-radius:var(--hy-radius-control);background-color:var(--hy-color-surface-hover)}:where(.hy-main-search--modern .hy-main-search__form) .hy-input:focus{border-color:var(--hy-color-brand);background-color:var(--hy-color-surface);outline:none}:where(.hy-main-search--modern .hy-main-search__form) .hy-button{position:absolute;inset-block:0;inset-inline-end:var(--hy-search-modern-button-inset);margin-block:auto;inline-size:var(--hy-search-modern-button-size);block-size:var(--hy-search-modern-button-size);min-inline-size:0;min-block-size:0;padding:0;border-radius:var(--hy-radius-control)}:where(.hy-main-search--modern) .hy-main-search__types{gap:var(--hy-sp-2);margin-block:var(--hy-sp-6) 0}:where(.hy-main-search--modern .hy-main-search__types) a{display:inline-flex;align-items:center;min-block-size:var(--hy-tap-target-min);padding-inline:var(--hy-sp-5);border:var(--hy-border-width) solid var(--hy-color-border);border-radius:var(--hy-radius-control)}:where(.hy-main-search--modern .hy-main-search__types) a[aria-current=page]{border-color:var(--hy-color-on-surface);background-color:var(--hy-color-on-surface);color:var(--hy-color-surface);text-decoration:none}:where(.hy-main-search--modern) .hy-main-search__toolbar{margin-block:var(--hy-sp-7) var(--hy-sp-6);padding-block-end:var(--hy-sp-5);border-block-end:var(--hy-border-width) solid var(--hy-color-border)}:where(.hy-main-search--modern) .hy-main-search__toolbar-count{margin:0;font-size:var(--hy-fs-500)}:where(.hy-main-search--modern) .hy-main-search__sort{flex-wrap:nowrap;gap:var(--hy-sp-2);margin-inline-start:auto;min-block-size:var(--hy-tap-target-min-coarse);padding-inline-start:var(--hy-sp-5);border:var(--hy-border-width) solid var(--hy-color-border);border-radius:var(--hy-radius-control)}:where(.hy-main-search--modern .hy-main-search__sort) label{color:var(--hy-color-on-surface-muted);white-space:nowrap}:where(.hy-main-search--modern .hy-main-search__sort) .hy-input{min-block-size:0;border:0;background-color:transparent;font-weight:var(--hy-font-heading-weight)}:where([data-hy-facets-ready]) .hy-main-search__sort-apply{display:none}@media(scripting:enabled){.hy-main-search__sort-apply{display:none}}:where(.hy-main-search--modern) .hy-main-search__empty-state{display:grid;gap:var(--hy-sp-5);max-inline-size:var(--hy-width-content);margin-block-start:var(--hy-sp-7)}:where(.hy-main-search--modern) .hy-main-search__empty-title{margin:0}:where(.hy-main-search--modern) .hy-main-search__empty-text{margin:0;color:var(--hy-color-on-surface-muted)}:where(.hy-main-search--modern) .hy-main-search__chips{display:flex;flex-wrap:wrap;gap:var(--hy-sp-2);margin:0;padding:0;list-style:none}:where(.hy-main-search--modern) .hy-main-search__chip{display:inline-flex;align-items:center;min-block-size:var(--hy-search-modern-chip-height);padding-inline:var(--hy-sp-5);border-radius:var(--hy-radius-control);background-color:var(--hy-color-surface-hover);color:inherit;font-weight:var(--hy-font-heading-weight);text-decoration:none}:where(.hy-main-search--modern) .hy-main-search__chip:hover{background-color:var(--hy-color-surface-active)}@media(max-width:47.99rem){:where(.hy-main-search--modern) .hy-main-search__toolbar{flex-wrap:nowrap;margin-block:var(--hy-sp-6) var(--hy-sp-5)}:where(.hy-main-search--modern .hy-main-search__sort) label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}:where(.hy-main-search--modern) .hy-main-search__sort{padding-inline-start:var(--hy-sp-3)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hy-main-search-modern.css.map */