.search-field{min-width:0}.search-panel__bar .search-field{flex:1 1 auto}.search-field__box{display:flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-2);border:2px solid transparent;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-surface-text);transition:border-color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.search-field__box:hover{border-color:var(--color-border)}.search-field__box:focus-within{border-color:var(--color-accent)}.search-field__input{flex:1 1 auto;inline-size:0;min-width:0;min-block-size:var(--control-height);border:0;background:none;font-size:var(--text-body);color:var(--color-text)}.search-field--lg .search-field__input{min-block-size:3.25rem;font-size:var(--text-body-lg)}.search-field__input:focus-visible{outline:none}.search-field__input::placeholder{color:var(--color-text-secondary);text-overflow:ellipsis}.search-field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-field__submit{display:inline-grid;place-items:center;inline-size:var(--target-min);block-size:var(--target-min);flex:none;padding:4px;border-radius:var(--radius-pill);background-clip:content-box;color:var(--color-text-secondary);transition:color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.search-field__box:focus-within .search-field__submit{color:var(--color-text)}.search-field__submit:hover,.search-field__submit:focus-visible{color:var(--color-text);background-color:rgb(var(--color-text-rgb) / .08)}.search-field__submit:active{background-color:rgb(var(--color-text-rgb) / .16)}.search-field__clear{flex:none;padding:6px;background-clip:content-box;color:var(--color-text-secondary)}.search-field__clear:hover,.search-field__clear:focus-visible{color:var(--color-text)}.search-field__clear[hidden]{display:none}.search-panel{place-items:start stretch;padding:0;pointer-events:none}.search-panel__sheet{pointer-events:auto;inline-size:100%;min-block-size:100dvh;max-block-size:100vh;max-block-size:100dvh;background:var(--color-background);color:var(--color-text);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;translate:0 -12px;transition:translate var(--motion-base) var(--ease-out)}.search-panel.is-open .search-panel__sheet{translate:0 0}.search-panel__inner{display:grid;gap:var(--space-4);padding-block:var(--space-4) var(--space-6)}.search-panel__inner.page-width{max-inline-size:var(--overlay-axis)}@media(min-width:62em){.search-panel__sheet{margin-block-start:var(--header-bottom, 0px);min-block-size:0;max-block-size:calc(100dvh - var(--header-bottom, 0px));border-block-end:var(--hairline) solid var(--color-border);box-shadow:var(--shadow-popover)}}.search-panel__bar{display:flex;align-items:center;gap:var(--space-3)}.search-panel__close{flex:none;display:inline-grid;place-items:center;min-block-size:var(--target-min);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-body-sm);color:var(--color-text-secondary);transition:color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.search-panel__close:hover,.search-panel__close:focus-visible{color:var(--color-text);background:rgb(var(--color-text-rgb) / .04)}.search-panel__search{display:grid;gap:var(--space-4)}.search-panel__body{display:grid}.search-panel__results:empty{display:none}.search-panel__note{padding-block:var(--space-5);font-size:var(--text-body);color:var(--color-text-secondary)}.search-panel__all{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--target-min);padding-inline:var(--space-4);padding-block:var(--space-4);margin-inline:calc(var(--space-4) * -1);border-block-start:var(--hairline) solid var(--color-border);font-size:var(--text-body-sm);font-weight:var(--font-body-weight-medium);color:var(--color-text);transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.search-panel__all:hover,.search-panel__all:focus-visible{background:rgb(var(--color-text-rgb) / .04);color:var(--color-accent)}.search-panel__all .icon{flex:none;transition:translate var(--motion-fast) var(--ease-out)}.search-panel__all:hover .icon{translate:4px 0}[dir=rtl] .search-panel__all:hover .icon{translate:-4px 0}.search-bands{display:grid}.search-bands[hidden]{display:none}.search-band{display:grid;gap:var(--space-2);padding-block:var(--space-4)}.search-bands>.search-band+.search-band{border-block-start:var(--hairline) solid var(--color-border)}.search-band__label{padding-block-start:.3rem}.search-band__content{min-width:0}@media(min-width:48em){.search-band{grid-template-columns:10rem minmax(0,1fr);gap:var(--space-5);align-items:start}}.search-completions{display:grid;gap:var(--space-1)}.search-completion{display:block;padding-block:var(--space-1);font-family:var(--font-heading-family);font-size:var(--text-h4);line-height:1.25;color:var(--color-text-secondary);transition:color var(--motion-fast) var(--ease-out)}.search-completion .highlight{color:var(--color-text);font-weight:inherit}.search-completion:hover,.search-completion:focus-visible{color:var(--color-accent)}.search-completion:hover .highlight,.search-completion:focus-visible .highlight{color:var(--color-accent)}.search-inline{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5)}.search-inline__link{display:inline-flex;align-items:center;min-block-size:1.75rem;font-size:var(--text-body);color:var(--color-text);border-block-end:var(--hairline) solid transparent;transition:color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.search-inline__link:hover,.search-inline__link:focus-visible{color:var(--color-accent);border-block-end-color:currentColor}.search-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.search-tile{display:grid;gap:var(--space-2)}.search-tile__media{border-radius:var(--radius-sm);overflow:hidden}.search-tile__media img{transition:scale var(--motion-slow) var(--ease-out)}.search-tile:hover .search-tile__media img,.search-tile:focus-visible .search-tile__media img{scale:var(--hover-zoom-scale)}.search-tile__label{font-size:var(--text-body-sm);color:var(--color-text)}@media(min-width:48em){.search-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:62em){.search-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}}.search-results--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-3)}@media(min-width:48em){.search-results--grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:62em){.search-results--grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.search-results--list{display:grid;gap:var(--space-1)}@media(min-width:62em){.search-results--list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5)}}.search-result{color:var(--color-text);border-radius:var(--radius-sm)}.search-result--grid{display:grid;gap:var(--space-2);align-content:start}.search-result--list{display:flex;align-items:center;gap:var(--space-3);min-block-size:var(--target-min);padding:var(--space-2);margin-inline-start:calc(var(--space-2) * -1);transition:background-color var(--motion-fast) var(--ease-out)}.search-result--list:hover,.search-result--list:focus-visible{background:rgb(var(--color-text-rgb) / .04)}.search-result__media{border-radius:var(--radius-sm);overflow:hidden}.search-result--grid .search-result__media img{transition:scale var(--motion-slow) var(--ease-out)}.search-result--grid:hover .search-result__media img,.search-result--grid:focus-visible .search-result__media img{scale:var(--hover-zoom-scale)}.search-result--grid:hover .search-result__title,.search-result--grid:focus-visible .search-result__title{color:var(--color-accent)}.search-result--list .search-result__media{display:block;flex:none;inline-size:5rem}.search-result__text{display:grid;gap:1px;min-width:0}.search-result__title{color:var(--color-text);font-size:var(--text-body-sm);line-height:1.35;transition:color var(--motion-fast) var(--ease-out)}.search-result--grid .search-result__title{min-block-size:2.7em}.search-result__price{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.search-result__vendor{color:var(--color-text-secondary)}.search-results--marked{--marker-size: 14px}.search-results--marked .search-result__title{display:flex;align-items:baseline;gap:var(--space-2)}.search-results--marked .search-result__price,.search-results--marked .search-result__vendor{padding-inline-start:calc(var(--marker-size) + var(--space-2))}.search-result__title .menu-marker{order:-1;flex:none}.search-results:not(.search-results--marked) .menu-marker--empty{display:none}@media(min-width:62em){html:has(#search-overlay.is-open) .shopify-section-group-header-group{z-index:90}html:has(#search-overlay.is-open) .scrim{inset-block-start:var(--header-bottom, 0px);background:rgb(var(--color-text-rgb) / .22)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */