@layer components{.biosphere-header__search-panel{display:grid;position:absolute;z-index:1;inset-block-start:calc(100% - var(--space-3));inset-inline:0;grid-template-columns:auto 1fr auto auto;align-items:center;column-gap:var(--space-5);inline-size:var(--header-search-panel-width);max-inline-size:calc(100% - var(--space-10));margin-inline:auto;padding-inline:var(--space-7);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}.biosphere-header__search[open] .biosphere-header__search-toggle:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-scrim);opacity:.45}.biosphere-header__search-panel biosphere-predictive-search{display:contents}.biosphere-header__search-icon{display:inline-flex;grid-row:1;grid-column:1;color:var(--color-text-secondary)}.biosphere-header__search-icon svg{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg)}.biosphere-header__search .biosphere-predictive-search__form{grid-row:1;grid-column:2}.biosphere-header__search-clear{display:none;grid-row:1;grid-column:3;padding:0;background:none;border:0;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.biosphere-header__search-panel:has(.biosphere-predictive-search__input:not(:placeholder-shown)) .biosphere-header__search-clear{display:inline-flex}@media(hover:hover){.biosphere-header__search-clear:hover{color:var(--color-text-strong)}}.biosphere-header__search-close:not([hidden]){display:inline-flex;align-items:center;justify-content:center;grid-row:1;grid-column:4;padding-block:var(--space-3);padding-inline:var(--space-5) 0;background:none;border:0;border-inline-start:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer}.biosphere-header__search-close svg{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg)}@media(hover:hover){.biosphere-header__search-close:hover{color:var(--color-text-strong)}}.biosphere-header__search .biosphere-predictive-search__form label{position:absolute;inset-inline-start:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.biosphere-header__search .biosphere-predictive-search__form button{display:none}.biosphere-header__search .biosphere-predictive-search__input{inline-size:100%;min-inline-size:0;padding:var(--space-7) 0;background-color:transparent;color:var(--color-text-strong);border:0;font-family:inherit;font-size:var(--text-base);font-weight:500}.biosphere-header__search .biosphere-predictive-search__input::-webkit-search-cancel-button{display:none;-webkit-appearance:none;appearance:none}.biosphere-header__search .biosphere-predictive-search__input:focus-visible{outline:none}.biosphere-header__search-panel:has(.biosphere-predictive-search__input:focus-visible){outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:var(--space-1)}.biosphere-header__search .biosphere-predictive-search__results{scrollbar-width:none;position:static;grid-row:2;grid-column:1 / -1;max-block-size:var(--header-search-results-max-height);overflow-y:auto;margin-block-start:0;padding-block:var(--space-7);min-inline-size:0;max-inline-size:none;background-color:transparent;border:0;border-block-start:1px solid var(--color-border)}@media(prefers-reduced-motion:no-preference){.biosphere-header__search[open] .biosphere-header__search-panel,.biosphere-header__search[open] .biosphere-header__search-toggle:after{animation:biosphere-header-search-in var(--duration-fast) var(--ease-out) both}}@media(max-width:767px){.biosphere-header__search-panel{inset-block-start:calc(100% - var(--header-search-lift));column-gap:var(--space-4);max-inline-size:calc(100% - (2 * var(--space-7)));padding-inline:var(--space-5)}.biosphere-header__search .biosphere-predictive-search__input{padding-block:var(--space-5);font-size:var(--text-13)}.biosphere-header__search-icon svg,.biosphere-header__search-close svg{inline-size:var(--icon-size-base);block-size:var(--icon-size-base)}}.biosphere-header__search .biosphere-predictive-search__results::-webkit-scrollbar{display:none}}@keyframes biosphere-header-search-in{0%{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-header-search.css.map */