.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{position:relative}.template-search .page-width.template-search__header h1{display:block;margin:0 auto 45px;text-align:center;font: 700 51px/66px PT Sans;letter-spacing:0px;color:#4a4a49;opacity:1}@media (max-width: 1270px){.template-search .page-width.template-search__header h1{font-size:40px}}@media (max-width: 767px){.template-search .page-width.template-search__header h1{font-size:35px;line-height:1;letter-spacing:0;margin:0 auto 15px}}.template-search .page-width.template-search__header .template-search__search form.search{width:100%;min-width:744px;max-width:744px;height:61px;background:#f0f0f0 0% 0% no-repeat padding-box;border-radius:32px;margin-right:90px}@media (max-width: 1900px){.template-search .page-width.template-search__header .template-search__search form.search{min-width:300px}}@media (max-width: 1590px){.template-search .page-width.template-search__header .template-search__search form.search{margin-right:0}}.template-search .page-width.template-search__header .template-search__search form.search .field .reset__button{display:none!important}.template-search .page-width.template-search__header .template-search__search form.search .field:before,.template-search .page-width.template-search__header .template-search__search form.search .field:after{display:none}.template-search .page-width.template-search__header .template-search__search form.search .field .search__input{width:100%;background-color:transparent;box-shadow:none!important;font: 22px/27px Roboto;letter-spacing:0px;color:#4a4a49;opacity:.51;padding-right:1.5rem}@media (max-width: 1590px){.template-search .page-width.template-search__header .template-search__search form.search .field .search__input{font-size:20px}}@media (max-width: 1270px){.template-search .page-width.template-search__header .template-search__search form.search .field .search__input{font-size:16px}}.template-search .page-width.template-search__header .template-search__search form.search .field .search__input:focus+label,.template-search .page-width.template-search__header .template-search__search form.search .field .search__input:not(:placeholder-shown)+label{font-size:1rem;top:0}.template-search .page-width.template-search__header .template-search__search form.search .field label{top:15px;left:20px;font: 22px/27px Roboto;letter-spacing:0px;color:#4a4a49;opacity:.51}@media (max-width: 1590px){.template-search .page-width.template-search__header .template-search__search form.search .field label{font-size:20px}}@media (max-width: 1270px){.template-search .page-width.template-search__header .template-search__search form.search .field label{font-size:16px}}.template-search .page-width.template-search__header .template-search__search form.search .search__button{width:28px;height:28px;top:15px;right:20px}.template-search .page-width{max-width:1700px}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-search.css.map */