.search-modal.modal__content.gradient{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0006;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}details[open] .search-modal.modal__content.gradient{opacity:1;visibility:visible}.search-modal__content{max-width:50%!important;width:90%;align-items:normal!important;margin-top:20%!important;background:var(--color-background);padding:2rem;border-radius:.5rem;position:relative}.search__input.field__input{padding-right:6rem;width:100%}.search__input.field__input:focus{outline:none!important}.search__button{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%)}.reset__button{position:absolute;right:4rem;top:50%;transform:translateY(-50%)}.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}.search__button .icon,.reset__button .icon{height:1.8rem;width:1.8rem}.search__button:hover .icon,.reset__button:hover .icon{transform:scale(1.07)}@media (max-width: 768px){.search-modal__content{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-search.css.map */