body:has(.dialog-modal[open].search-modal__content){overflow:hidden}.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;left:auto;padding:0;right:0;height:100%;border:var(--style-border-popover);max-height:100%;max-width:22.625rem;width:100%}@media screen and (min-width:1024px){.search-modal__content{border-radius:0 0 .625rem .625rem;height:auto;left:0;max-height:calc(100vh - var(--header-height) - var(--top-row-height));max-width:100%;overflow:auto;right:0;top:calc(var(--announcement-height) + var(--header-badges-height) + var(--top-row-height));z-index:var(--layer-header-menu)}.search-modal__content::backdrop{display:none}}@media screen and (min-width:1280px){.search-modal__content{left:var(--header-padding-offset);margin-top:var(--header-padding-offset);max-width:calc(100% - (var(--header-padding-offset) * 2));right:auto}}.dialog-modal[open].search-modal__content{animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards}.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]))>.predictive-search__close-modal-button:before{content:none}predictive-search-component{--resource-card-corner-radius: var(--product-corner-radius);display:flex;width:100%;position:relative;margin-inline:auto;align-items:center;background-color:var(--color-background);z-index:var(--layer-heightened)}@media screen and (min-width:1280px){predictive-search-component{height:auto;min-height:fit-content}}.predictive-search-form__footer{display:none;position:absolute;bottom:0;left:0;right:0;padding-block:1.25rem}@media screen and (min-width:750px){.predictive-search-form__footer{--to-top-gradient-background: linear-gradient( to top, rgb(var(--color-background-rgb) / var(--opacity-90)), rgb(var(--color-background-rgb) / var(--opacity-80)), rgb(var(--color-background-rgb) / var(--opacity-40)), transparent );padding-block:var(--padding-xs) var(--padding-lg);background-image:var(--to-top-gradient-background)}}predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{display:block}@media screen and (min-width:1280px){predictive-search-component:has([data-search-results]):not(:has(.predictive-search-results__no-results)) .predictive-search-form__footer{padding:0;position:static}}.predictive-search-form{position:relative;width:100%;align-self:flex-start}@media screen and (max-width:1023px){.predictive-search-form{display:flex;flex-direction:column;max-height:100%}}.predictive-search-form__content{max-height:50dvh;overflow-y:auto;background-color:var(--color-background);scrollbar-width:none}.predictive-search-form__content::-webkit-scrollbar{display:none}.predictive-search-form__content-wrapper{position:absolute;top:100%;width:100%;left:0;z-index:var(--layer-raised);display:flex;flex-direction:column;border-radius:0 0 var(--search-border-radius) var(--search-border-radius);transition:box-shadow var(--animation-speed) var(--animation-easing);transform:translateZ(0);will-change:transform,opacity;overflow:hidden}@media screen and (max-width:749px){.predictive-search-form__content-wrapper{border-radius:0}}@media screen and (min-width:750px){.predictive-search-form__content-wrapper{max-height:var(--modal-max-height)}}.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:4.375rem}@media screen and (min-width:1024px){.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:0}}.predictive-search-form__header-inner{color:var(--color-foreground);display:flex;align-items:center;justify-content:space-between;position:relative;width:100%}.predictive-search-form__header{background-color:#fff;display:flex;position:sticky;top:0;z-index:var(--layer-heightened);width:100%;align-items:center;padding-bottom:.625rem;padding-inline:.625rem;padding-top:.3125rem}@media screen and (min-width:1024px){.predictive-search-form__header{display:none}}.predictive-search-form__header:focus-within,.predictive-search-form__header-inner:focus-within,.predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){outline:none;box-shadow:none;border-color:var(--color-border)!important}input.search-input{background-color:var(--color-blue-10)!important;border:1px solid var(--color-grey)!important;border-radius:1.875rem;padding-block:.5rem;font-size:var(--font-size--md);width:100%;color:var(--color-foreground);padding-left:1.25rem;padding-right:3rem;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0}input.search-input::-webkit-search-decoration,input.search-input::-webkit-search-cancel-button,input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration,input.search-page-input::-webkit-search-decoration,input.search-page-input::-webkit-search-cancel-button,input.search-page-input::-webkit-search-results-button,input.search-page-input::-webkit-search-results-decoration{display:none}.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.search-input,.search-input:is(:focus,:focus-visible,:focus-within){box-shadow:none}.search-input:is(:focus,:focus-visible){outline:var(--focus-outline-width) solid var(--focus-outline-color, var(--color-foreground));outline-offset:calc(-1 * var(--focus-outline-width))}.predictive-search__icon{background:linear-gradient(180deg,#1d349e,#09befc);border-radius:50%;bottom:.0625rem;position:absolute;right:.0625rem;top:.0625rem;width:2.25rem;height:2.25rem;color:#fff;pointer-events:all;z-index:1}.predictive-search__icon>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;color:var(--color-blue-600);position:absolute;right:2.5rem;top:50%;transform:translateY(-50%)}.predictive-search__reset-button[hidden]{opacity:0;pointer-events:none;visibility:hidden}.predictive-search__reset-button-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-lg);height:var(--icon-size-lg);transition:background-color var(--animation-speed-medium) ease-in-out,transform var(--animation-speed-medium) var(--animation-timing-bounce);border-radius:50%}.predictive-search__reset-button-icon:hover{background-color:rgb(var(--color-primary-hover-rgb) / var(--opacity-8))}.predictive-search__reset-button:active .predictive-search__reset-button-icon{transform:scale(.85);transition-timing-function:var(--animation-timing-active);transition-duration:.1s}.predictive-search__reset-button svg{width:1rem;height:1rem}.predictive-search__reset-button-text{display:none}.predictive-search__search-button{border:1px solid var(--color-grey);border-radius:.5rem;box-shadow:0 0 .625rem .1875rem var(--color-blue-50);color:var(--color-blue-500);font-size:var(--font-size--lg);height:3.125rem;margin:auto;z-index:var(--layer-raised);transform-origin:center;width:calc(100% - 1.25rem)}@media screen and (min-width:1024px){.predictive-search__search-button{background:transparent;border:0;box-shadow:none;color:var(--color-foreground);height:auto;margin:0;padding:0;position:absolute;right:1.625rem;text-decoration:underline;text-underline-offset:.125rem;top:2.75rem;transition:color var(--default-transition-duration);width:auto}.predictive-search__search-button:hover{color:var(--color-lowstock)}}.predictive-search__close-modal-button{--button-color: var(--color-foreground);--button-background-color: transparent;color:var(--color-blue-600);display:flex;justify-content:flex-start;align-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;box-shadow:none}.predictive-search__close-modal-button .svg-wrapper,.predictive-search__close-modal-button svg{width:1rem;height:1rem}.predictive-search__close-modal-button:hover{background-color:transparent;background-image:none;border:none;box-shadow:none;outline:none}@media screen and (min-width:1280px){body:has(.search-modal__content[open]) .header__blur-overlay{background:#0000004d}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-search-modal.css.map */