.predictive-search-results__products{padding-inline:var(--padding-xl)}.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}.predictive-search-results__clear.button-unstyled{color:var(--color-foreground);opacity:.68;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}.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__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__wrapper-products{animation-delay:50ms}.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-xl);margin-block:calc(-1 * var(--padding-xl));gap:var(--gap-md)}.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__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 (min-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 (min-width:750px){.predictive-search-results__wrapper-products:last-child{padding-block-end:var(--padding-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}@media screen and (max-width:749px){.predictive-search-results__resource-header slideshow-controls{display:none}}.search-modal{--search-border-radius: var(--style-border-radius-popover);--search-border-width: var(--style-border-width)}.search-modal__button{display:flex;align-items:center;justify-content:center}.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::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)}}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-form__footer{display:none;position:absolute;bottom:0;left:0;right:0}@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}.predictive-search-form{position:relative;width:100%;align-self:flex-start}.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:var(--padding-6xl)}.predictive-search-form__header-inner{background:var(--color-background);border:none;color:var(--color-foreground);border-radius:var(--style-border-radius-popover);display:flex;align-items:center;justify-content:space-between;width:100%;margin:10px}@media screen and (max-width:749px){.predictive-search-form__header-inner{border-radius:var(--style-border-radius-inputs);border:none}}.predictive-search-form__header-inner:focus-within{outline-offset:var(--focus-outline-offset)}@media screen and (min-width:750px){.predictive-search-form__header-inner:focus-within{outline:var(--focus-outline-width) solid var(--color-primary)}}.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:var(--search-border-width) solid var(--color-border);border-radius:var(--style-border-radius-inputs)}@media screen and (max-width:749px){.predictive-search-form__header{padding:var(--padding-2xs) var(--padding-sm)}}.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}.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)}.search-input{border-radius:var(--style-border-radius-inputs);padding-block:var(--padding-sm);font-size:var(--font-size--md);width:100%;color:var(--color-foreground);padding-inline:calc(var(--margin-lg) + var(--icon-size-lg)) 0;background:transparent;text-overflow:ellipsis;overflow:hidden;outline:none;border:0}.search-input::placeholder{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.search-input,.search-input:is(:focus,:focus-visible,:focus-within),.predictive-search-form__header *:is(:focus,:focus-visible){outline:none;box-shadow:none}.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(var(--color-foreground-rgb) / var(--opacity-60))}@media screen and (min-width:750px){.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;margin-inline-end:var(--margin-md);background:transparent;color:var(--color-foreground);opacity:.68;transition:opacity var(--animation-speed-medium) var(--animation-timing-fade-out),visibility var(--animation-speed-medium) var(--animation-timing-fade-out)}.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 (min-width:750px){.predictive-search__reset-button{margin-inline-end:var(--margin-2xs)}}.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:var(--icon-size-md);height:var(--icon-size-md)}.predictive-search__reset-button-text{display:none}.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 rgb(0 0 0 / var(--opacity-5))}.predictive-search__search-button:active{transform:scale(.97);transition:transform .1s var(--animation-timing-active);box-shadow:none}.predictive-search__close-modal-button{--button-color: var(--color-foreground);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)}.predictive-search__close-modal-button:hover{--button-color: var(--color-foreground);--button-background-color: transparent}
/*# sourceMappingURL=/cdn/shop/t/11/compiled_assets/styles.css.map */