.search__input.field__input{padding-right:9.8rem;font-weight:600;font-size:max(12px,1.4rem);line-height:4}.search__input.field__input::placeholder{opacity:1;color:inherit}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{right:calc(var(--inputs-border-width) + 5rem);top:calc(var(--inputs-border-width) + 0rem)}.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:.2rem}.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:max(16px,1.8rem);width:max(16px,1.8rem)}.reset__button .icon.icon-close{height:max(16px,1.8rem);width:max(16px,1.8rem);stroke-width:.1rem}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.template-search__results .grid{--grid-desktop-horizontal-spacing: 2rem;--grid-desktop-vertical-spacing: 4.4rem;--grid-mobile-horizontal-spacing: .8rem;--grid-mobile-vertical-spacing: 1rem}.template-search__header>p{text-align:center;max-width:100rem;margin:0 auto 2rem;font-size:max(14px,1.8rem);font-weight:500;color:rgba(var(--color-foreground))}:is(.blog-search,.template-search__search) .search__input.field__input{background-color:rgba(var(--color-background))}@media only screen and (max-width:749px){.search__input.field__input{height:max(34px,4.5rem)}.header__search .search-modal__content{padding-inline:1.6rem 4.6rem}.header__search .predictive-search{border-radius:0 0 1.6rem 1.6rem}.header__search .predictive-search__results-groups-wrapper{padding-inline:1.6rem}:is(.blog-search,.template-search__search) .search__input.field__input{height:4.5rem}.reset__button{right:calc(var(--inputs-border-width) + 4rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */