.searchbar-toggle{-webkit-appearance:none;appearance:none;background-color:rgb(var(--color-background));border:0}.searchbar-toggle .search-placeholder{display:none}@media screen and (max-width: 1263px){.searchbar-toggle .field__button{position:static}}@media screen and (min-width: 1264px){.searchbar-toggle{cursor:pointer;background-color:rgb(var(--color-background));border:1px solid black;border-radius:50px;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.6rem;box-sizing:border-box;height:4.5rem;min-height:calc(var(--inputs-border-width) * 2);min-width:calc(7rem + (var(--inputs-border-width) * 2));position:relative;flex-grow:1;text-align:left;padding:0 9.8rem 0 1.5rem;width:100%;min-width:300px;margin:var(--inputs-border-width);transition:box-shadow var(--duration-short) ease;overflow:hidden}.searchbar-toggle .search-placeholder{opacity:.8}}.searchbar-close{float:right;background:none;border:none;font-size:30px;font-weight:700;padding:4px 8px;cursor:pointer}.header-search-bar{display:block}.search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width)}.reset__button:not(:focus-visible):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.6rem);content:"";position:absolute;right:0}.reset__button:not(:focus):after{border-right:.1rem solid rgba(var(--color-foreground),.08);display:block;height:calc(100% - 1.8rem);content:"";position:absolute;right:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-background));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background));z-index:4}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.8rem;width:1.8rem;stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.search__input{border:1px solid black;border-radius:50px}.search-form,.search-form:focus,.search-form input:focus{border-radius:50px!important;border:none}.search-form{width:290px}@media screen and (min-width: 1264px){.search-form{width:490px}}.search__button:not(:focus-visible):not(.focused){padding-right:14px}#searchpopover:popover-open{top:0;margin:0;margin-block:0;border:0;width:100%}#searchpopover:popover-open .search-form{width:100%;display:flex;flex-wrap:wrap;justify-content:center}#searchpopover:popover-open .search-form .field{display:flex;justify-content:center;max-width:400px;min-width:0;width:100%}#searchpopover:popover-open .search-form .field .search__input.field__input{min-width:0}#searchpopover:popover-open .predictive-search--header{width:100%}#searchpopover::backdrop{background-color:#000c}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-search.css.map */