.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__results{position:relative}.header__search-visible{display:flex;align-items:center;flex:1;max-width:600px;margin:0 2rem}.search--visible-desktop{width:100%;position:relative}.search--visible-desktop .search__input{width:100%;padding:1rem 4.5rem 1rem 1.5rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;transition:all .2s ease}.search--visible-desktop .search__input:focus{border-color:rgb(var(--color-foreground));outline:none;box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.1)}.search--visible-desktop .search__input::placeholder{color:rgba(var(--color-foreground),.5)}.search--visible-desktop .field__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search--visible-desktop .search__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:1rem;cursor:pointer;color:rgb(var(--color-foreground));transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.search--visible-desktop .search__button:hover{opacity:.7}.search--visible-desktop .icon-search{width:2rem;height:2rem}.search--visible-desktop .search__button--clear{right:4rem}.search--visible-desktop .icon-close{width:1.6rem;height:1.6rem}.predictive-search--header{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;box-shadow:0 1rem 3rem #00000026;max-height:60vh;overflow-y:auto;z-index:3;display:none}.predictive-search--header:not(:empty){display:block}.predictive-search__loading-state{padding:3rem;text-align:center}.predictive-search__loading-state .spinner{width:3rem;height:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header__search-visible.desktop-only{display:flex}.header__search-icon.mobile-only{display:none}@media screen and (max-width:989px){.header__search-visible.desktop-only{display:none}.header__search-icon.mobile-only{display:block}}.header__icons{display:flex;align-items:center;gap:1rem}@media screen and (min-width:990px){.header{display:flex;align-items:center;justify-content:space-between;gap:2rem}.header__heading{flex-shrink:0}.header__search-visible{flex:1;display:flex;justify-content:center}.header__icons{flex-shrink:0}}.search--visible-desktop .search__input[type=search]::-webkit-search-decoration,.search--visible-desktop .search__input[type=search]::-webkit-search-cancel-button,.search--visible-desktop .search__input[type=search]::-webkit-search-results-button,.search--visible-desktop .search__input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search--visible-desktop .search__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.search--visible-desktop .search__input:not(:placeholder-shown)~.search__button--clear{display:flex}.search__button--clear{transition:opacity .2s ease,transform .2s ease}.search__button--clear:not(.hidden):hover{transform:translateY(-50%) scale(1.1)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search.css.map */