.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;visibility:hidden;display:flex;align-items:flex-start;justify-content:center;padding:8vh 2rem 2rem}.search-modal.is-open{visibility:visible}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f14198c;opacity:0;transition:opacity .2s ease}.search-modal.is-open .search-modal__overlay{opacity:1}.search-modal__panel{position:relative;width:100%;max-width:60rem;max-height:78vh;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:1rem;box-shadow:0 1.6rem 4rem #0000004d;transform:translateY(-1rem);opacity:0;transition:transform .2s ease,opacity .2s ease}.search-modal.is-open .search-modal__panel{transform:none;opacity:1}.search-modal__form{display:flex;align-items:center;gap:1.2rem;padding:1.6rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.search-modal__form .icon{width:1.8rem;height:1.8rem;flex:0 0 auto;opacity:.6}.search-modal__input{flex:1 1 auto;min-width:0;border:none;background:none;font-size:1.7rem;color:inherit;padding:.4rem 0}.search-modal__input:focus{outline:none}.search-modal__close{flex:0 0 auto;display:grid;place-items:center;width:3.2rem;height:3.2rem;padding:0;background:none;border:none;cursor:pointer}.search-modal__close .icon{width:1.4rem;height:1.4rem}.search-modal__results{overflow-y:auto;padding:1rem 1.2rem 1.6rem}.search-modal__empty{padding:3.2rem 2rem;text-align:center;opacity:.7}.search-modal__result{display:flex;align-items:center;gap:1.4rem;padding:1rem;border-radius:.6rem;text-decoration:none;color:inherit}.search-modal__result:hover,.search-modal__result:focus-visible{background:rgba(var(--color-foreground),.05)}.search-modal__result-media{flex:0 0 auto;width:5.6rem;height:5.6rem;background:rgba(var(--color-foreground),.05);overflow:hidden;border-radius:.4rem}.search-modal__result-media img{width:100%;height:100%;object-fit:cover;display:block}.search-modal__result-title{font-size:1.4rem;font-weight:600;line-height:1.35}.search-modal__result-price{font-size:1.3rem;opacity:.75;margin-top:.3rem}.search-modal__view-all{display:block;text-align:center;padding:1.2rem;margin-top:.4rem;font-size:1.4rem;font-weight:600;text-decoration:underline;color:inherit}
/*# sourceMappingURL=/cdn/shop/t/73/assets/component-search-modal.css.map */