.search-modal{visibility:hidden;opacity:0;transform:translate(100%);transition:opacity var(--duration-medium) ease,transform var(--duration-medium) ease,visibility var(--duration-medium) ease;pointer-events:none;height:100vh;line-height:calc(1 + .8 / var(--font-body-scale));position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.search-modal.active{display:flex;visibility:visible;opacity:1;transform:translate(0);pointer-events:auto}.search-modal__content{width:50vw;padding:5rem 2.4rem 2.4rem;background-color:#000;color:#fff}.search-modal__form{width:100%}.search-modal__form .field__label{font-size:unset}.search-modal__form .field__label span{font-family:var(--font-body-family)}.search__input.field__input{margin:0;padding:4rem 0;border-bottom:1pt solid white}.search__input.field__input::placeholder{opacity:1;color:#fff}.search__button{right:var(--inputs-border-width);top:var(--inputs-border-width)}.reset__button{top:2rem;width:fit-content;overflow:visible}.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}.reset__button .tooltiptext{visibility:hidden;text-align:center;font-size:1rem;color:#fff;position:absolute;z-index:3;top:-20%;padding:5px 0;opacity:.8}.reset__button:hover .tooltiptext{visibility:visible}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}.search-modal .modal-overlay{display:block;flex-grow:1;height:100%}@media screen and (min-width: 990px){.search-modal__form{max-width:74.2rem}}@media (max-width: 1024px){.search-modal__content{width:100vw}.search-modal .modal-overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search.css.map */