dna-search{max-height:0px;overflow:hidden;position:fixed;width:100%;left:0;top:0;z-index:2;height:100%}dna-search[active]{max-height:100vh;transition:max-height .5s}@media screen and (min-width: 768px){dna-search{position:absolute;top:100%;height:unset}dna-search[active]{max-height:500px}}dna-search[active] .search__overlay{opacity:1;z-index:1;visibility:visible}.search__overlay{position:fixed;width:100%;height:100%;min-height:100vh;top:var(--dna-header-height);left:0;right:0;bottom:0;background-color:#01000080;z-index:-1;visibility:hidden;opacity:0;transition:opacity .2s ease-in-out}.search-bar{position:relative;z-index:2;padding-top:72px;padding-bottom:var(--dna-space-10);background-color:var(--dna-brand-reverse);border-top:1px solid var(--dna-color-light-grey);height:100%}@media screen and (min-width: 768px){.search-bar{padding-top:84px;padding-bottom:84px;height:unset}}.search-bar__input{display:flex;justify-content:stretch}.search-bar__input sl-input{width:100%}.search-bar__search-button{border-bottom:1px solid var(--dna-color-light-grey);padding:0}.search-bar__close{margin-left:var(--dna-space-2);position:absolute;top:24px;right:10px}dna-header[transparent=true][top] .search-bar__close svg,dna-header[transparent=true][top] .search-bar__search-button svg,.search-bar__close,.search-bar__search-button{color:var(--dna-color-midnight)}@media screen and (min-width: 768px){.search-bar__close{position:static}}.search-bar__close svg{width:20px}
/*# sourceMappingURL=/cdn/shop/t/866/assets/snippet-header-search.css.map?v=166225972901902803601720458639 */