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)}.predictive-search-dropdown{display:flex;flex-direction:column;position:relative;top:0;left:0;right:0;z-index:var(--layer-base)}@media screen and (width >= 835px){:not(:is(dialog))>predictive-search-component{max-width:min(40dvw,650px)}}:not(:is(dialog))>predictive-search-component .predictive-search__close-modal-button{display:none}.search-action .predictive-search{z-index:calc(var(--layer-header-menu) + 2)}.search-action .search-modal .predictive-search{z-index:var(--layer-window-overlay)}.predictive-search--right{margin-right:0;margin-left:auto}.predictive-search--left{margin-right:auto;margin-left:0}:not(:is(dialog))>predictive-search-component.predictive-search--floating{width:min(40dvw,650px);position:absolute;top:var(--search-top, unset);right:var(--search-right, unset);left:var(--search-left, unset)}.predictive-search-form{position:relative;width:100%;align-self:flex-start}.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);box-shadow:var(--shadow-popover);transition:box-shadow var(--animation-speed) var(--animation-easing);clip-path:inset(0 -100px -100px -100px);transform:translateZ(0);will-change:transform,opacity;overflow:hidden}@media screen and (width < 835px){.predictive-search-form__content-wrapper{border-radius:0}}@media screen and (width >= 835px){.predictive-search-form__content-wrapper{max-height:var(--modal-max-height);height:var(--predictive-search-results-height, auto)}}.predictive-search-form__content-wrapper:has([data-search-results]):not(:has(.predictive-search-results__no-results))>.predictive-search-form__content{padding-block-end:var(--padding-6xl)}.header__column--right .predictive-search-form__content-wrapper{right:0;left:unset}.search-modal .predictive-search-form__content-wrapper{width:100%}:not(:is(dialog))>predictive-search-component:not(.predictive-search--expanded) .predictive-search-form__content-wrapper{display:none}.predictive-search-form__header-inner:has(.search-input:focus-visible){outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:calc(var(--focus-outline-offset) * -1)}.predictive-search-results__inner{--title-font-size: var(--font-size--md);--title-margin-block: var(--margin-xs);--list-item-padding-block: var(--padding-sm);flex-grow:1;overflow-y:auto;padding-block:var(--padding-lg);container-type:inline-size;color:var(--color-foreground)}.predictive-search-results__inner>*{padding-inline:var(--padding-xl)}.predictive-search-results__list{--slide-width: 27.5%;--slideshow-gap: var(--gap-md);padding-block-start:var(--border-width-sm)}.predictive-search-results__list:last-child{margin-block-end:0}.predictive-search-results__resource-header{display:flex;padding-inline:var(--padding-xl);justify-content:space-between;align-items:center;height:32px}.predictive-search-results__resource-header .svg-wrapper{width:var(--icon-size-xs)}.predictive-search-results__list-item{padding-inline:var(--padding-sm);padding-block:var(--list-item-padding-block);border-radius:var(--style-border-radius-popover);scroll-margin-block:var(--padding-xl)}.predictive-search-results__list-item:first-child{scroll-margin-block-start:calc(var(--title-font-size) + var(--title-margin-block) + var(--list-item-padding-block))}.predictive-search-results__list-item:not(:has(.predictive-search-results__list-item-link--pill))[aria-selected=true].keyboard-focus{background-color:rgba(from var(--color-primary) r g b / 20%);transform:translateY(0)}.predictive-search-results__list-item:has(.predictive-search-results__list-item-link--pill){width:fit-content;padding:0}.predictive-search-results__list-item-link{display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--gap-xl);align-items:center}.predictive-search-results__list-item-link--pill{display:block;padding:var(--padding-2xs) var(--padding-sm)}.predictive-search-results__list-item[aria-selected=true] .predictive-search-results__list-item-link--pill{background-color:rgba(from var(--color-primary) r g b / 20%)}.predictive-search-results__list-item-link--no-media{grid-template-columns:1fr}.predictive-search-results__list-item-image,.predictive-search-results__list-item-icon{width:100%;border-radius:var(--product-corner-radius);background-color:rgb(from var(--color-primary) r g b / 20%);margin:auto;object-fit:cover}.predictive-search-results__list-item-details{display:flex;flex-direction:column;text-decoration:none;overflow:hidden}.predictive-search-results__list-item-content{font-size:var(--font-size-xs);color:rgba(from var(--color-primary) r g b / var(--opacity-subdued-text));text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap}.header[transparent] :is(.predictive-search):not(:focus-within){background-color:transparent}.header[transparent] .predictive-search-form__header-inner{border-color:var(--color-foreground)}.predictive-search-form__header .search-input{border-radius:var(--style-border-radius-inputs);padding-block:var(--padding-sm);font-size:var(--font-size--md)}.predictive-search-form__header .search-input:hover{background-color:transparent}.predictive-search__icon{position:absolute;left:var(--margin-xl);top:auto;width:var(--icon-size-lg);height:var(--icon-size-lg);color:rgb(from var(--color-foreground) r g b / 60%)}@media screen and (width >= 835px){.predictive-search__icon{left:var(--margin-md)}}.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;min-width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;background:transparent;color:var(--color-foreground);opacity:1;transition:opacity var(--animation-speed) var(--animation-easing),visibility var(--animation-speed) var(--animation-easing)}.predictive-search__reset-button:hover{color:var(--color-foreground)}.predictive-search__reset-button:active{transform:scale(.9);transition:transform .1s var(--animation-timing-active)}@media screen and (width < 835px){.predictive-search__reset-button{margin-right:var(--margin-md)}}.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(from var(--color-primary-hover) r g b / 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:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button-text{display:none}.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}.search-modal__content .predictive-search-form__content{max-height:var(--modal-max-height)}.predictive-search-results__no-results:last-child{margin-block:var(--margin-lg);text-align:center}.predictive-search__search-button{margin:auto;z-index:var(--layer-raised);transition:transform var(--animation-speed-medium) var(--animation-timing-bounce),box-shadow var(--animation-speed-medium) var(--animation-timing-hover);transform-origin:center}.predictive-search__search-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.predictive-search__search-button:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active);box-shadow:none}.predictive-search:has(.predictive-search-dropdown) .search-input{outline-color:transparent}.predictive-search-form__header{display:flex;position:sticky;top:0;z-index:var(--layer-heightened);width:100%;align-items:center;background-color:var(--color-input-background);border-radius:var(--style-border-radius-inputs)}@media screen and (width < 835px){.predictive-search-form__header{padding:var(--padding-2xs) var(--padding-sm)}}.predictive-search-form__header-inner{background:var(--color-background);border:var(--search-border-width) solid var(--color-border);color:var(--color-foreground);border-radius:var(--style-border-radius-popover);display:flex;align-items:center;justify-content:space-between;width:100%}@media screen and (width < 835px){.predictive-search-form__header-inner{border-radius:var(--style-border-radius-inputs);border:none}}.predictive-search-form__header-inner:focus-within{outline:0;outline-offset:var(--focus-outline-offset)}@media screen and (width >= 835px){.predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-primary)}}.predictive-search:has(.predictive-search-dropdown[aria-expanded=true]) .predictive-search-form__header-inner:focus-within{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;border-radius:var(--search-border-radius)}@media screen and (width < 835px){.predictive-search:has(.predictive-search-dropdown[aria-expanded=true]) .predictive-search-form__header-inner:focus-within{border-radius:var(--style-border-radius-inputs)}}.search-action .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header:focus-within{border-radius:var(--search-border-radius) var(--search-border-radius) 0 0;transition:box-shadow var(--animation-speed) var(--animation-easing);background-color:var(--color-background)}@media screen and (width < 835px){.search-action .predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header:focus-within{border-radius:var(--style-border-radius-inputs) var(--style-border-radius-inputs) 0 0}}.predictive-search__close-modal-button:hover{--button-color: var(--color-foreground);--button-background-color: transparent}.predictive-search__close-modal-button{--button-color: var(--color-foreground);--button-background-color: transparent;display:flex;justify-content:center;align-items:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-inline-start:var(--margin-sm);padding:0;box-shadow:none}.predictive-search__close-modal-button:active{transform:scale(.8);transition:transform .1s var(--animation-timing-active)}.predictive-search__close-modal-button .svg-wrapper,.predictive-search__close-modal-button svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}@media screen and (width >= 835px){.predictive-search__close-modal-button{display:none}}.predictive-search-form__footer{position:absolute;bottom:0;left:0;right:0}@media screen and (width >= 835px){.predictive-search-form__footer{--to-top-gradient-background: linear-gradient( to top, rgb(from var(--color-background) r g b / 90%), rgb(from var(--color-background) r g b / 80%), rgb(from var(--color-background) r g b / 40%), transparent );padding-block:var(--padding-xs) var(--padding-lg);background-image:var(--to-top-gradient-background)}}.dialog-modal .predictive-search-form__header{border:0;border-radius:0;background-color:var(--color-background);border-bottom:var(--style-border-width) solid var(--color-border)}@media screen and (width >= 835px){.dialog-modal .predictive-search-form__header{padding:var(--padding-2xs) var(--padding-2xs) 0;border-bottom:var(--search-border-width) solid var(--color-border)}}@media screen and (width < 835px){.dialog-modal .predictive-search-form__header{transition:box-shadow .2s ease;box-shadow:none}}@media screen and (width < 835px){.dialog-modal .predictive-search__close-modal-button{padding-inline-start:var(--margin-xs);margin-inline-start:0}}@media screen and (width < 835px){.dialog-modal[open]{border-radius:0}.dialog-modal[open] .dialog-modal_content{border-radius:0}}@media screen and (width >= 835px){.dialog-modal .predictive-search-form__header:has(.predictive-search-form__header-inner:focus-within){border-bottom-color:transparent}}@media screen and (width >= 835px){.dialog-modal .predictive-search-form__header-inner{border:0}}@media screen and (width < 835px){.dialog-modal .predictive-search__reset-button-icon{display:none}.dialog-modal .predictive-search__reset-button-text{display:block}.dialog-modal .predictive-search-form__content{max-height:100%}.dialog-modal .predictive-search-form__content-wrapper,.dialog-modal .predictive-search-form__header{box-shadow:none}.dialog-modal .predictive-search-form__footer{padding-block:var(--padding-2xl)}}.predictive-search-results__pill mark{background-color:transparent;font-weight:200;color:rgb(from var(--color-foreground) r g b / 80%)}.predictive-search-results__pill:focus,.predictive-search-results__pill:hover,.predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{--pill-background-color: rgb(from var(--color-foreground) r g b / 8%);background-color:var(--pill-background-color);outline:var(--border-width-sm) solid var(--color-border);border:var(--border-width-sm);text-decoration:none}.predictive-search-results__pill{font-weight:500;white-space:nowrap;color:var(--color-foreground)}.predictive-search-results__title{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size--body-md);font-weight:500;margin-block:var(--margin-sm) var(--margin-xs);width:100%;text-transform:var(--title-case)}.predictive-search-results__title:first-of-type{margin-block-start:0}@media screen and (width < 835px){.predictive-search-results__title{margin-block:var(--margin-lg) var(--margin-sm)}}.predictive-search-results__resource-header .predictive-search-results__title{margin-block-end:0}.predictive-search-results__resource-header:has(slideshow-controls) .predictive-search-results__title{margin-block-end:0}.predictive-search-results__wrapper{display:flex;overflow-x:auto;overflow-y:hidden;padding-block-end:var(--padding-sm);padding-inline:0;scroll-snap-type:x mandatory;scroll-padding:0 var(--padding-xl);scrollbar-width:none;-ms-overflow-style:none}.predictive-search-results__wrapper::-webkit-scrollbar{display:none}.predictive-search-results__wrapper slideshow-slides{--gutter-slide-width: var(--padding-xl);padding-block:var(--padding-3xs);gap:var(--gap-md)}.predictive-search-results__wrapper-products{display:grid;grid-template-columns:repeat(2,1fr);padding-block-end:var(--padding-sm);gap:var(--gap-md);transition:height var(--animation-speed-medium) var(--animation-easing)}@container (width >= 550px){.predictive-search-results__wrapper-products{grid-template-columns:repeat(4,1fr)}}.predictive-search-results__wrapper-products:last-child{padding-block-end:var(--padding-lg)}@media screen and (width >= 835px){.predictive-search-results__wrapper-products:last-child{padding-block-end:var(--padding-sm)}}.predictive-search-results__wrapper-queries{margin-bottom:var(--margin-lg);padding-inline:var(--padding-xl);gap:var(--gap-2xs)}.predictive-search-results__card{flex:0 0 auto;scroll-snap-align:start;scroll-margin-block:calc(var(--title-font-size) + var(--title-margin-block) + var(--padding-sm)) calc(var(--padding-xl) + var(--button-padding-block) * 2);transition:transform var(--animation-speed-medium) var(--animation-timing-default),background-color var(--animation-speed-medium) var(--animation-timing-hover),border-color var(--animation-speed-medium) var(--animation-timing-hover)}.predictive-search-results__card:nth-last-child(3){scroll-snap-align:end}.predictive-search-results__card:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active)}:is(.predictive-search-results__card--product,.recently-viewed-wrapper .predictive-search-results__card--product):hover{background-color:var(--card-bg-hover);border-radius:var(--product-corner-radius);padding:calc(var(--padding-2xs) + 2px);margin:calc((var(--padding-2xs) + 2px) * -1)}:is(.predictive-search-results__card--product,.recently-viewed-wrapper .predictive-search-results__card--product):is([aria-selected=true].keyboard-focus,:is(.predictive-search-results__card--product,.recently-viewed-wrapper .predictive-search-results__card--product):focus-visible,:is(.predictive-search-results__card--product,.recently-viewed-wrapper .predictive-search-results__card--product):has(.resource-card:focus-visible)){background-color:var(--card-bg-hover);padding:calc(var(--padding-2xs) + 1px);margin:calc((var(--padding-2xs) + 1px) * -1);outline:var(--border-width-sm) solid var(--color-border);border-radius:calc(var(--product-corner-radius) + 1px);border-color:var(--card-border-focus)}:is(.predictive-search-results__card--product,.recently-viewed-wrapper .predictive-search-results__card--product):active{transform:scale(.97);transition:transform .1s var(--animation-timing-active)}.predictive-search-results__card:not(.predictive-search-results__card--product){padding:var(--padding-sm);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--card-corner-radius);width:60cqi;content-visibility:visible}@media screen and (width >= 835px){.predictive-search-results__card:not(.predictive-search-results__card--product){width:27.5cqi}}.predictive-search-results__card:not(.predictive-search-results__card--product):hover{border-color:var(--card-border-hover);background-color:var(--card-bg-hover)}.predictive-search-results__card:not(.predictive-search-results__card--product)[aria-selected=true].keyboard-focus{border-color:var(--card-border-hover);background-color:var(--card-bg-hover)}.predictive-search-results__card:not(.predictive-search-results__card--product):active{transform:scale(.97);transition:transform var(--animation-speed-medium) var(--animation-timing-active)}@keyframes search-element-scale-in{0%{transform:scale(.95);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes search-element-scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes search-element-slide-in-top{0%{margin-top:calc(var(--modal-top-margin) + var(--padding-sm));opacity:0}to{margin-top:var(--modal-top-margin);opacity:1}}@keyframes search-element-slide-out-top{0%{margin-top:var(--modal-top-margin);opacity:1}to{margin-top:calc(var(--modal-top-margin) + var(--padding-sm));opacity:0}}@keyframes content-slide{0%{transform:translateY(var(--slide-from, 0));opacity:var(--slide-opacity-from, 1)}to{transform:translateY(var(--slide-to, 0));opacity:var(--slide-opacity-to, 1)}}.recently-viewed-wrapper .predictive-search-results__card{opacity:1;transform:translateY(0);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.recently-viewed-wrapper.removing .predictive-search-results__card{opacity:0;transform:translateY(-10px);pointer-events:none}@media screen and (width < 835px){.predictive-search-results__resource-header slideshow-controls{display:none}}@media screen and (width < 835px){.predictive-search-results__list slideshow-arrows{display:none}}.predictive-search-dropdown .predictive-search-results__list-item-image,.predictive-search-dropdown .predictive-search-results__list-item-icon{width:100%;border-radius:var(--product-corner-radius);background-color:rgb(from var(--color-primary) r g b / 20%);margin:auto;object-fit:cover}.predictive-search-results__list-item,.predictive-search-results__no-results,.predictive-search-results__wrapper,.predictive-search-results__wrapper-products .predictive-search-results__card{animation:search-element-slide-up var(--animation-speed-medium) var(--animation-timing-bounce) backwards}slideshow-slide .resource-card{animation-delay:0ms!important}.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(1){animation-delay:30ms}.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(2){animation-delay:60ms}.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(3){animation-delay:90ms}.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(4){animation-delay:.12s}.predictive-search-results__wrapper-products .predictive-search-results__card:nth-child(n+5){animation-delay:.15s}.predictive-search-results__list,.predictive-search-results__wrapper{animation-duration:var(--animation-speed-medium)}.predictive-search-results__list-item{animation-delay:calc(30ms * var(--nth-child, 1) + 50ms)}.predictive-search-results__wrapper-queries,.predictive-search-results__wrapper-products{animation-delay:50ms}.predictive-search-results__list:nth-of-type(2){animation-delay:.15s}.predictive-search-results__list:nth-of-type(3){animation-delay:.2s}.predictive-search-results__list:nth-of-type(4){animation-delay:.25s}[data-resource-type]{animation-delay:0ms!important}.predictive-search-results__no-results{animation-delay:.1s}.predictive-search-results__list-item.removing,.predictive-search-results__no-results.removing,.predictive-search-results__wrapper.removing{animation:search-element-slide-down var(--animation-speed-medium) var(--animation-timing-fade-out) forwards}.predictive-search-results__card.removing{animation:fadeOut var(--animation-speed-medium) var(--animation-timing-fade-out) forwards}.predictive-search-results__wrapper{transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-in)}.predictive-search__reset-button{transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out)}.predictive-search-results__no-results{transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-in)}@keyframes search-element-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes search-element-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.recently-viewed-wrapper{display:grid;grid-template-rows:auto auto;max-height:1000px;opacity:1;overflow:visible;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);transform-origin:top center;transform:translateY(0)}.recently-viewed-wrapper.removing{max-height:0;opacity:0;transform:translateY(-10px);transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.recently-viewed-wrapper.removing .predictive-search-results__card{transition:none;transform:none;opacity:1}.recently-viewed-wrapper>*{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.predictive-search-results__clear.button-unstyled{color:var(--color-foreground);opacity:.5;transition:opacity var(--animation-speed-medium) var(--animation-easing);padding:0;margin-left:var(--margin-sm)}.predictive-search-results__clear.button-unstyled:hover{opacity:1}.search-input,.search-input:is(:focus,:focus-visible,:focus-within),.predictive-search-form__header *:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important}.predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)),.predictive-search-form__header:focus-within,.predictive-search-form__header-inner:focus-within{outline:none!important;box-shadow:none!important;border-color:var(--color-border)!important}.predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header-inner:focus-within{border-top-color:transparent;border-right-color:transparent;border-left-color:transparent}@media screen and (width < 835px){.predictive-search:has(.predictive-search-dropdown) .predictive-search-form__header-inner:focus-within{border-bottom-color:transparent}}.predictive-search-form__header{border-radius:var(--style-border-radius-inputs);border:var(--search-border-width) solid var(--color-border)}.predictive-search-results__card--query{transition:transform var(--animation-speed-medium) var(--animation-timing-bounce);transform-origin:center}.predictive-search-results__card--query:active{transform:scale(.97)}.predictive-search-results__pill{transition:background-color var(--animation-speed-medium) var(--animation-timing-hover),box-shadow var(--animation-speed-medium) var(--animation-timing-bounce),transform var(--animation-speed-medium) var(--animation-timing-bounce);margin:2px}.predictive-search-results__pill:hover{transform:scale(1.03);box-shadow:0 2px 5px #00000012}
/*# sourceMappingURL=/cdn/shop/t/116/assets/predictive-search-section.css.map */