.header-search-desktop{position:absolute;left:12%;top:30%;width:33%}.header__search{width:100%}.field{visibility:hidden}.field>*{visibility:visible}.header__search-bar{position:absolute;left:15%;top:50%;transform:translateY(-50%);width:40%;z-index:1001}.search__form-wrapper{width:100%}.search{display:flex;position:relative}.field{position:relative;width:100%}.search__input.field__input{padding-right:9.8rem;border:.1rem solid yellow;border-radius:9999px;box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));height:4rem;margin:0}.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.6rem);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,.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}.field__input{padding:0;margin:0;border-radius:9999px;box-shadow:none;outline:none}.field__input:focus{box-shadow:0 2px 4px #0000000d;border-color:rgba(var(--color-foreground),.2);border-radius:9999px}.field__input,.field__input:focus,.field__input:focus-visible{box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;border:1px solid yellow}@media screen and (max-width: 750px){.header__search-bar{position:absolute;left:0;top:20px;width:90%;margin-top:1rem;color:#000;height:auto;border-radius:25px;border:4px solid #eddf1f}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */