.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,.header__search--dropdown{position:relative}.header__search-toggle{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;pointer-events:auto}.header__search-toggle:hover{opacity:.7}.header__search-toggle:active{opacity:.5}.header__search-dropdown{position:absolute;top:100%;right:0;margin-top:12px;z-index:1000;min-width:400px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__search-dropdown-content{background:rgb(var(--color-background));border:none;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px}.header__search-dropdown .field{position:relative;margin-bottom:0}.header__search-dropdown .search__input{width:100%;padding-right:9.8rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:8px}.header__search-dropdown .search__input:focus{border-color:rgb(var(--color-foreground));outline:none;box-shadow:0 0 0 3px rgba(var(--color-foreground),.1)}.header__search-dropdown .header__search-close{right:calc(var(--inputs-border-width) + 4.4rem);top:var(--inputs-border-width);cursor:pointer;background:transparent;border:none;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.header__search-dropdown .header__search-close:hover{opacity:1}.header__search-dropdown .header__search-close.hidden{display:none}.header__search-dropdown .header__search-close .svg-wrapper{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.header__search-dropdown .header__search-close svg{width:16px;height:16px}.header__search-dropdown .predictive-search{margin-top:12px;max-height:400px;overflow-y:auto}@media screen and (max-width: 749px){.header__search-dropdown{min-width:calc(100vw - 40px);right:-20px;left:auto}.header__search-dropdown-content{padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search.css.map */