.search__input.field__input{border:0;font-size:1.6rem;height:4.8rem;padding:1rem 6rem 0 2rem}.search__button{align-items:center;display:flex;height:100%;justify-content:center;left:var(--inputs-border-width);position:absolute;top:0;width:4.4rem}.reset__button{color:rgba(var(--color-text),.7);font-family:var(--font-body-family);font-size:1.2rem;height:100%;letter-spacing:.04rem;right:2rem;text-decoration:underline;text-underline-offset:.2rem;top:0}.search__button:focus-visible,.reset__button:focus-visible{background-color:rgb(var(--color-white));z-index:4}.search__button:focus,.reset__button:focus{background-color:rgb(var(--color-white));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}.search-modal__form .field__label{top:1.5rem}.search-modal__form .field__input:focus~.field__label,.search-modal__form .field__input:not(:placeholder-shown)~.field__label{top:.4rem}.header__icon--summary>span>span{display:none!important}.header__icon--summary .icon-search{display:block}details[open] .header__icon--summary>span>span{display:block!important}details[open] .header__icon--summary .icon-search{display:none}input::-webkit-search-decoration{-webkit-appearance:none}.template-search{padding-block-end:60px}.template-search__header{background:rgb(var(--color-grey-bg));margin-block-end:3rem;padding:60px 0}.template-search__header h1{margin-block-start:0}.template-search__search{margin:0 auto;max-width:70rem}.template-search__search .search{margin-block-start:3rem;margin-inline:1.5rem}.template-search--empty{padding-block-end:18rem}.template-search .search__button{left:auto;position:absolute;right:2rem;top:0;width:auto;z-index:1}.template-search .search__button .icon{height:1.8rem}.template-search .search__input.field__input{border:.1rem solid rgb(var(--color-border))}.template-search .product-grid{column-gap:var(--grid-desktop-horizontal-spacing);row-gap:4rem}@media screen and (min-width: 750px){.template-search__header{margin-block-end:5rem}}@media screen and (max-width: 549px){.template-search .grid--1-col-mobile .grid__item{max-width:none;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-search.css.map */