.search__input.field__input{padding-right:9.8rem}.template-search__result-count{font-family:Obviously-Narrow,sans-serif}.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 .icon{height:1.8rem;width:1.8rem}.reset__button .icon.icon-close{height:1.7rem;width:1.8rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search__header{margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.template-search__search{width:50rem}@media screen and (max-width: 750px){.template-search__search{width:100%}}.template-search__search .field{gap:0px}.template-search__search .search{margin-top:0}.search__button{height:100%;padding:8px 0}.search__button svg{height:80%}.template-search--empty{padding-bottom:18rem}@media screen and (min-width: 750px){.template-search__header{margin-bottom:5rem}}.search__button .icon{height:1.8rem}.template-search .article-card-wrapper .card__inner{overflow:hidden}.template-search .article-card-wrapper .card__media,.template-search .article-card-wrapper .card .media{bottom:0;top:0}.template-search .article-card-wrapper .card__information *{color:#ff4d00}.template-search .article-card-wrapper .article-card__info span{font-family:Helvetica-Light;font-size:16px}@media screen and (min-width: 750px){.template-search .article-card-wrapper .article-card__info span{font-size:18px}}.template-search .article-card-wrapper .card.article-card{border-radius:24px;border:2px solid transparent;transition:all .3s}.template-search .article-card-wrapper .card.article-card:hover{border-color:#ff4d00}.template-search .card .card__inner .card__media{border-radius:24px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-search.css.map */