body.template-search main{padding-top:87px}.search__input.field__input{padding:1.5rem 5rem 1.5rem 3.8rem;font-family:var(--font-body-family)}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.search__button:focus-visible{background-color:rgb(var(--color-background));z-index:2}.search__button:focus{background-color:rgb(var(--color-background));z-index:2}.search__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button .icon{height:1.9rem;width:1.8rem}input::-webkit-search-decoration{-webkit-appearance:none}.search-modal{display:block;color:var(--color-ink)}.search.search-modal__form.is-clicked:focus-within>div{border-bottom:.2rem solid var(--color-focus)}details[open=true] .search-modal+.modal-overlay{display:block;background:#0003;position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.search-modal__content{width:100%;padding:1.4rem 1.5rem 1.5rem;background:var(--color-light-beige);position:relative}.search-modal .search-modal__close-button{height:4.4rem;position:absolute;right:0;bottom:.5rem}.search-modal .search-modal__close-button svg{transition:transform .3s cubic-bezier(.25,.1,.25,1) 0s;width:1.1rem}.search-modal .search-modal__close-button:hover>svg{transform:rotate(90deg)}.template-search{top:0;margin-top:0}.template-search .collection-grid-section .collection-filters{height:60px;display:flex}body.template-search .collection-filters__sort [data-sort=relevance]{display:block}.template-search__search .field .field__label{left:3.8rem;top:1.3rem}.template-search__search .field .field__input:focus~.field__label,.template-search__search .field .field__input:not(:placeholder-shown)~.field__label,.template-search__search .field .field__input:-webkit-autofill~.field__label{top:-.8rem}@media screen and (min-width: 989px){body.template-search{top:10px;padding-top:0}body.template-search main{padding-top:120px}.search-modal__content{padding:3.9rem 5.7rem 1.4rem}.search-modal .search-modal__close-button{bottom:2.5rem;right:4rem}}@media screen and (max-width: 989px){body.template-search{padding-top:0;width:100vw;overflow-x:hidden}.template-search{top:0;padding-top:0;margin-top:0}.template-search .collection-grid-section .collection-filters{position:sticky;top:calc(var(--header-height) + var(--bar-height))}}
/*# sourceMappingURL=/cdn/shop/t/600/assets/component-search.css.map */