.search-modal.modal__content{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:4;height:100%;min-height:calc(100% + var(--inputs-margin-offset, 0) + var(--inputs-border-width, .1rem) * 2);overflow:visible;border-bottom:.1rem solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-background));opacity:0}details[open]>.search-modal.modal__content{opacity:1;animation:search-modal-open var(--duration-default, .2s) ease}@keyframes search-modal-open{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.modal-overlay{display:block}.modal-overlay:after{content:"";position:absolute;top:100%;right:0;left:0;height:100vh;background-color:rgba(var(--color-foreground),.5)}.search-modal__content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 5rem 0 1rem;line-height:calc(1 + .8 / var(--font-body-scale, 1))}.search-modal__content-bottom{bottom:calc(var(--inputs-margin-offset, 0) / 2)}.search-modal__form{width:100%}.search-modal__close-button{position:absolute;right:.3rem}@media screen and (min-width:750px){.search-modal__content{padding:0 6rem}.search-modal__form{max-width:74.2rem}.search-modal__close-button{position:static;margin-left:.5rem}}.search__input.field__input,.field:has(.field__button) .search__input.field__input{padding-right:9.8rem}.search__button{right:var(--inputs-border-width, .1rem)}.reset__button{right:calc(var(--inputs-border-width, .1rem) + 4.4rem)}.reset__button:not(:focus-visible):after{content:"";position:absolute;right:0;display:block;height:calc(100% - 1.6rem);border-right:.1rem solid rgba(var(--color-foreground),.08)}.search__button:focus-visible,.reset__button:focus-visible{z-index:4;background-color:rgb(var(--color-background))}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}.search__button .icon,.reset__button .icon{width:1.8rem;height:1.8rem;transition:transform var(--duration-short, .1s) ease}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}@media(prefers-reduced-motion:reduce){details[open]>.search-modal.modal__content{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */