header-search-popdown{--border-radius: 4px;--input-background: white}@media only screen and (min-width: 750px){header-search-popdown{margin-left:16px}}header-search-popdown.home[data-section-id=mobile] .navlink.navlink--search{margin:0;padding:0 0 6px}header-search-popdown.home[data-section-id=mobile] .navlink.navlink--search input{margin:0}header-search-popdown .navlink.navlink--search input{display:block;width:100%;padding:8px;border:1px solid var(--COLOR-BORDER);border-radius:var(--border-radius)}header-search-popdown .navlink--search .icon.icon-search.zoa-icon{--icon-size: 20px}@media only screen and (max-width: 749px){header-search-popdown.mobile-icon .navlink.navlink--search input{display:none;border:none;background:none}header-search-popdown.mobile-icon .navlink--search .icon.icon-search.zoa-icon{--icon-size: 24px}}header-search-popdown .search-popdown .input-holder{display:grid;grid-template-areas:"input reset";grid-template-columns:1fr auto}header-search-popdown .search-popdown input[type=search]{background:var(--input-background);border:1px solid var(--COLOR-BORDER);border-radius:var(--border-radius);grid-area:input}header-search-popdown .search-popdown .search-buttons{display:flex;grid-area:input;justify-self:right;margin-right:10px}.navlink.navlink--search{display:grid;grid-template-areas:"input";position:relative;align-items:center}.navlink.navlink--search .icon{grid-area:input;justify-self:right}.navlink.navlink--search input{background:var(--input-background);border-radius:var(--border-radius);grid-area:input}@media only screen and (min-width: 750px){.navlink.navlink--search input{width:100%}}.navlink--search .icon.icon-search.zoa-icon{margin-right:4px;z-index:1}@media only screen and (max-width: 749px){.header__mobile__button .navlink--search{min-width:36px;min-height:36px;padding:6px}}@media only screen and (min-width: 750px){.header__desktop__button .navlink--search{min-width:44px;min-height:44px;padding:10px}}.navlink--search:focus{outline:2px solid var(--link);outline-offset:2px}.navlink--search[aria-expanded=true]{background-color:var(--link);color:#fff}.navlink--search[aria-expanded=true] .icon{stroke:#fff}@-webkit-keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulsate-fwd{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/search-icon.css.map */