search-form{display:block;width:100%}.field{position:relative;display:flex;width:100%}.field:after{pointer-events:none;content:"";position:absolute;top:var(--inputs-border-width, 1px);right:var(--inputs-border-width, 1px);bottom:var(--inputs-border-width, 1px);left:var(--inputs-border-width, 1px);border:.1rem solid transparent;border-radius:var(--inputs-radius, 0);box-shadow:0 0 0 var(--inputs-border-width, 1px) rgba(var(--color-foreground, 18, 18, 18),var(--inputs-border-opacity, .55));transition:box-shadow var(--duration-short, .1s) ease;z-index:1}.field:hover:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width, 1px)) rgba(var(--color-foreground, 18, 18, 18),var(--inputs-border-opacity, .55))}.field__input,.search__input.field__input{flex-grow:1;width:100%;min-width:0;height:45px;margin:1px;padding:15px 98px 15px 15px;border:0;border-radius:var(--inputs-radius, 0);background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));font-size:16px;line-height:1.5;outline:none;appearance:none;-webkit-appearance:none}.field__input::placeholder,.search__input::placeholder{color:rgba(var(--color-foreground, 18, 18, 18),.45);opacity:1}.field__input::-webkit-search-decoration,.search__input::-webkit-search-decoration,.field__input::-webkit-search-cancel-button,.search__input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.field__label{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.field__button{position:absolute;top:1px;display:flex;align-items:center;justify-content:center;width:44px;height:calc(100% - 2px);padding:0;border:0;background:transparent;color:rgb(var(--color-foreground, 18, 18, 18));cursor:pointer;z-index:2}.search__button{right:1px}.reset__button{right:45px}.reset__button.hidden{display:none}.reset__button:not(:focus-visible):after,.reset__button:not(:focus):after{content:"";position:absolute;right:0;display:block;height:calc(100% - 1.6rem);border-right:.1rem solid rgba(var(--color-foreground, 18, 18, 18),.08)}.search__button:focus-visible,.reset__button:focus-visible,.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-background, 255, 255, 255));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}.reset__button .icon.icon-close{stroke-width:.1rem}.template-search__results{position:relative}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-search.css.map */