.search-modal{--search-border-radius: var(--style-border-radius-popover);--search-border-width: var(--style-border-width)}.search-modal__content{--modal-top-margin: calc(50dvh - var(--modal-max-height) / 2 - 2rem);--modal-width: 66dvw;padding:0;border:var(--style-border-popover)}@media screen and (min-width:750px){.search-modal__content{width:var(--modal-width);margin-block-start:var(--modal-top-margin);overflow:hidden}}@media screen and (max-width:749px){.search-modal__content{width:100%;max-width:100%;max-height:100dvh;margin:0;padding-block:var(--safe-area-inset-top) var(--safe-area-inset-bottom);padding-inline:var(--safe-area-inset-left) var(--safe-area-inset-right);overflow-y:auto;overscroll-behavior:contain}.search-modal__content .predictive-search-form__header-inner{min-width:0}.search-modal__content .search-input{min-width:0;min-height:var(--minimum-touch-target)}.search-modal__content::backdrop{display:none}}.dialog-modal[open].search-modal__content{transform-origin:bottom center;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards;border-radius:var(--search-border-radius);box-shadow:var(--shadow-popover)}@media screen and (max-width:749px){.dialog-modal[open].search-modal__content{border-radius:0}}.dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.search-modal__content[open]{display:flex}.search-modal__content :is(.predictive-search-dropdown,.predictive-search-form__content-wrapper){position:relative}.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{content:"";position:absolute;right:calc(var(--padding-sm) + var(--minimum-touch-target));top:0;bottom:0;width:var(--border-width-sm);background-color:var(--color-border)}.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden]))>.predictive-search__close-modal-button:before{content:none}@media screen and (min-width:750px){.dialog-modal .predictive-search-form__header:has(.predictive-search__reset-button:not(.predictive-search__reset-button[hidden])):before{right:calc(var(--padding-2xl) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/search-modal.css.map */