@keyframes animateSearchOpen{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}.search-modal{position:absolute;top:100%;left:0;width:100%;padding-top:2.4rem;padding-bottom:2.4rem;z-index:1;opacity:1;visibility:visible}.search-modal:has(predictive-search[open]){padding-bottom:0!important}.search-modal__overlay:after{position:absolute;content:"";background:#0003;top:100%;left:0;right:0;height:100vh}details-modal details[open]>.search-modal{opacity:1;animation:animateSearchOpen var(--duration-default) ease}details-modal details[open]>.search-modal .search-modal__overlay,predictive-search[open] .search-modal__overlay{display:block}details-modal>details>summary>.svg-wrapper .icon-close,details-modal>details[open]>summary>.svg-wrapper .icon-search{display:none}details-modal>details[open]>summary>.svg-wrapper .icon-close{display:inline-block}@media screen and (min-width: 750px){.search-modal{padding-top:4rem;padding-bottom:4rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-search-modal.css.map */