.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--always-visible{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;width:auto;height:auto}.header__search--always-visible .search-form-wrapper{position:relative;display:block!important;opacity:1!important;visibility:visible!important;width:50vw;max-width:600px;min-width:300px;z-index:16}.header__search--always-visible .search{position:relative;width:100%}.header__search--always-visible .field{margin:0;position:relative;width:100%}.header__search--always-visible .search__input{width:100%;height:4.4rem;padding:.8rem 4.4rem .8rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--border-radius);background-color:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1.4rem;line-height:1.4;transition:all .2s ease-in-out;box-shadow:0 2px 4px rgba(var(--color-shadow),.1)}.header__search--always-visible .search__input:focus{border-color:rgba(var(--color-foreground),.55);outline:0;box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.12),0 4px 12px rgba(var(--color-shadow),.15);background-color:rgb(var(--color-background))}.header__search--always-visible .search__input:hover{border-color:rgba(var(--color-foreground),.35)}.header__search--always-visible .search__input.field__input{padding-right:4.4rem!important}.header__search--always-visible .field__label{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.6);font-size:1.4rem;pointer-events:none;transition:all .15s ease-in-out;z-index:2}.header__search--always-visible .search__input:focus~.field__label,.header__search--always-visible .search__input:not(:placeholder-shown)~.field__label{opacity:0;transform:translateY(-50%) scale(.9)}.header__search--always-visible .search__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:3.4rem;height:3.4rem;background:none;border:none;padding:.8rem;cursor:pointer;color:rgba(var(--color-foreground),.7);transition:all .15s ease-in-out;border-radius:calc(var(--border-radius) - .2rem);display:flex;align-items:center;justify-content:center;z-index:3}.header__search--always-visible .search__button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.header__search--always-visible .search__button:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.header__search--always-visible .reset__button{position:absolute;right:3.9rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:none;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:all .15s ease-in-out;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.header__search--always-visible .reset__button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.1)}.header__search--always-visible .reset__button:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.header__search--always-visible .reset__button.hidden{display:none}.header__search--always-visible .reset__button:not(.hidden):after{content:"";position:absolute;right:-.7rem;top:50%;transform:translateY(-50%);width:.1rem;height:60%;background-color:rgba(var(--color-foreground),.15)}.header__search--always-visible .predictive-search{position:absolute;top:calc(100% + .8rem);left:0;right:0;z-index:1000;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--border-radius);box-shadow:0 8px 32px rgba(var(--color-shadow),.12);max-height:400px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__search--always-visible .predictive-search[open]{display:block}.header__search--always-visible .header__search-trigger{display:none!important}@media screen and (min-width: 1200px){.header__search--always-visible .search-form-wrapper{width:45vw;max-width:700px}}@media screen and (max-width: 990px){.header__search--always-visible .search-form-wrapper{width:55vw;min-width:280px}}@media screen and (max-width: 749px){.header__search--always-visible{position:relative;left:auto;top:auto;transform:none;justify-content:flex-end;margin-right:1rem}.header__search--always-visible .search-form-wrapper{width:300px;min-width:250px}.header__search--always-visible .search__input{height:4rem;padding:.6rem 4rem .6rem 1.4rem;font-size:1.3rem}.header__search--always-visible .field__label{font-size:1.3rem;left:1.4rem}.header__search--always-visible .search__button,.header__search--always-visible .reset__button{width:3.2rem;height:3.2rem}}@media screen and (max-width: 550px){.header__search--always-visible{margin-right:.5rem}.header__search--always-visible .search-form-wrapper{width:240px;min-width:200px}.header__search--always-visible .search__input{height:3.6rem;padding:.5rem 3.6rem .5rem 1.2rem;font-size:1.2rem}.header__search--always-visible .field__label{font-size:1.2rem;left:1.2rem}.header__search--always-visible .search__button,.header__search--always-visible .reset__button{width:3rem;height:3rem}.header__search--always-visible .reset__button{right:3.5rem}}@media screen and (max-width: 400px){.header__search--always-visible .search-form-wrapper{width:200px;min-width:180px}.header__search--always-visible .search__input,.header__search--always-visible .field__label{font-size:1.1rem}}@keyframes searchFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.header__search--always-visible{animation:searchFadeIn .3s ease-out}.header__search--always-visible .search__input{transition:all .2s cubic-bezier(.4,0,.2,1)}.header__search--always-visible .icon{transition:transform .2s ease-in-out}.header__search--always-visible .search__button:hover .icon,.header__search--always-visible .reset__button:hover .icon{transform:scale(1.1)}@media (prefers-contrast: high){.header__search--always-visible .search__input{border-color:rgba(var(--color-foreground),.5)}.header__search--always-visible .field__label{color:rgba(var(--color-foreground),.8)}}@media (prefers-reduced-motion: reduce){.header__search--always-visible,.header__search--always-visible .search__input,.header__search--always-visible .icon,.header__search--always-visible .search__button,.header__search--always-visible .reset__button{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search.css.map */