dialog-component.search-modal{display:block}dialog.search-modal__content.dialog-modal,.search-modal__content.dialog-modal{background:var(--color-background, #fff);color:var(--color-foreground, #111);border:0;max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;padding:0;margin:0;top:0;right:0;bottom:0;left:0;border-radius:0!important;box-shadow:none!important;transform-origin:center center!important}.dialog-modal[open].search-modal__content,.dialog-modal.search-modal__content.dialog-closing{animation:none!important}predictive-search-component{display:flex;flex-direction:column;width:100%;height:100%;align-items:stretch;overflow:hidden}.search-modal__content .predictive-search-form{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.search-modal__content .predictive-search-form__header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px var(--truck-gutter, 24px);border:0!important;border-bottom:1px solid var(--color-border, #e8e8e8)!important;border-radius:0!important;background-color:var(--color-background, #fff)!important;box-shadow:none!important;position:sticky;top:0;z-index:var(--layer-heightened, 400)}.search-modal__content .predictive-search-form__header-inner{border:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;border-radius:0!important;flex:1}.search-modal__content input.search-input{width:100%;border:0!important;background:transparent!important;font-family:var(--font-heading--family, inherit);line-height:1.1;padding:16px 0 16px calc(var(--margin-lg, 16px) + var(--icon-size-lg, 24px))!important;outline:none!important;box-shadow:none!important;color:var(--color-foreground, #111);text-overflow:ellipsis}.search-modal__content .predictive-search__icon{left:0;width:32px;height:32px}.search-modal__content .predictive-search__icon>svg{width:28px;height:28px}.search-modal__content .predictive-search__close-modal-button{background:transparent!important;border:0!important;box-shadow:none!important;font-size:24px;cursor:pointer;padding:8px;color:inherit;display:flex;align-items:center;justify-content:center;width:auto!important;height:auto!important;min-width:44px;min-height:44px}.search-modal__content .predictive-search__close-modal-button .svg-wrapper,.search-modal__content .predictive-search__close-modal-button svg{width:24px!important;height:24px!important}.search-modal__content .predictive-search-form__content-wrapper{position:relative!important;top:auto!important;flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;max-height:none!important;box-shadow:none!important;border-radius:0!important}.search-modal__content .predictive-search-form__content{flex:1;max-height:none!important;overflow-y:visible;background-color:var(--color-background, #fff)}.search-modal__content .predictive-search-results__title{font-family:var(--font-heading--family, inherit);font-variation-settings:"wdth" var(--truck-display-wdth, 125);font-size:clamp(14px,1.5vw,18px);text-align:center;padding:32px var(--truck-gutter, 24px) 16px;margin:0;width:100%;text-transform:uppercase;letter-spacing:.04em}.search-modal__content .predictive-search-results__products{padding-inline:var(--truck-gutter, 24px);max-width:var(--truck-container, 1440px);margin-inline:auto;width:100%}.search-modal__content .predictive-search-results__wrapper-products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--truck-gutter, 16px)!important;padding-block-end:var(--truck-gutter, 24px)!important}@media screen and (min-width:750px){.search-modal__content .predictive-search-results__wrapper-products{grid-template-columns:repeat(3,1fr)!important}}@media screen and (min-width:1024px){.search-modal__content .predictive-search-results__wrapper-products{grid-template-columns:repeat(5,1fr)!important}}.search-modal__content .predictive-search-results__card.predictive-search-results__card--product{flex:none!important;scroll-snap-align:unset;width:100%!important}.search-modal__content .predictive-search-results__card--product img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--color-background-secondary, #fafafa)}.search-modal__content .predictive-search-results__card:not(.predictive-search-results__card--product){width:auto!important}.search-modal__content .predictive-search-form__footer{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;padding:var(--padding-lg, 24px);text-align:center;background-image:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/truckshift-search.css.map */