@keyframes searchOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes searchCardSlideUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes searchCardSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes searchCardSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes searchOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes searchCardSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2.4rem)}}@keyframes searchDesktopCardFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.predictive-search{display:none;background-color:rgb(var(--color-background));overflow-y:auto;-webkit-overflow-scrolling:touch}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search--search-template{z-index:2;width:calc(100% + .2rem)}.search-modal__input-bar{display:flex;align-items:center;padding:1.6rem;gap:.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.search-modal__input-icon{flex-shrink:0;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.55)}.search-modal__input-icon .svg-wrapper{width:2rem;height:2rem}.search-modal__inner-form{flex:1;min-width:0}.search-modal__inner-form .field{border-radius:0}.search-modal__inner-form .field:before,.search-modal__inner-form .field:after{display:none}.search-modal__input-bar .search-modal__close-button{position:static;flex-shrink:0;margin-left:auto}.search-quick-links{display:none;padding:2.4rem;overflow-y:auto;flex:1}predictive-search:not([open]):not([loading]) .search-quick-links{display:block}.search-quick-links__heading{font-size:2rem;font-weight:700;line-height:128%;letter-spacing:2%;margin:0 0 2.4rem}.search-quick-links__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.6rem}.search-quick-links__link{display:block;font-size:1.8rem;color:rgb(var(--color-foreground));text-decoration:none;transition:color .15s ease}.search-quick-links__link:hover{color:rgba(var(--color-foreground),.65)}.search-view-all{display:none;padding:1.4rem 1.6rem 2rem;flex-shrink:0}predictive-search[open] .search-view-all{display:block}.search-view-all__btn{display:flex;width:100%;justify-content:center;text-decoration:none}.search-tabs-bar{display:flex;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0;overflow-x:auto;scrollbar-width:none;padding:0;padding-left:2.4rem;background:rgb(var(--color-background));gap:1.6rem}.search-tabs-bar::-webkit-scrollbar{display:none}.search-tab{flex-shrink:0;padding:2.4rem .4rem 1.2rem;font-size:2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);color:rgba(var(--color-foreground),.7);background:transparent;border:none;border-bottom:.2rem solid transparent;cursor:pointer;white-space:nowrap;margin-bottom:-.1rem;transition:color .15s ease,border-color .15s ease;line-height:128%;letter-spacing:2%}.search-tab.is-active{color:rgb(var(--color-foreground));border-bottom-color:rgb(var(--color-foreground))}.search-tab:hover:not(.is-active){color:rgba(var(--color-foreground),.75)}.search-panel{display:none}.search-panel.is-active{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-panel__list{list-style:none;padding:0;margin:0;padding-top:2rem}.search-panel__item{border-bottom:.1rem solid rgba(var(--color-foreground),.06)}.search-panel__item:last-child{border-bottom:none}.search-panel__product-link{display:grid;grid-template-columns:6rem 1fr;gap:1.2rem;align-items:center;padding:1.2rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));transition:background .15s ease}.search-panel__product-link:hover{background:rgba(var(--color-foreground),.03)}.search-panel__product-img{width:6rem;height:6rem;object-fit:cover;border-radius:.8rem;display:block;background:rgba(var(--color-foreground),.06)}.search-panel__product-title{font-size:1.8rem;margin:0 0 .4rem;font-weight:500;line-height:150%;letter-spacing:-2%}.search-panel__product-price{font-size:1.3rem;color:rgba(var(--color-foreground),.6);margin:0}.search-panel__product-info .price__container{display:flex;flex-wrap:wrap;gap:.4rem}.search-panel__product-info .price{font-weight:600;line-height:150%;letter-spacing:-2%;font-size:1.8rem;color:rgba(var(--color-foreground),.7)}.search-panel__text-link{display:flex;align-items:center;padding:1.2rem 1.6rem;font-size:1.8rem;text-decoration:none;color:rgb(var(--color-foreground));transition:background .15s ease;font-weight:500;line-height:150%;letter-spacing:-2%}.search-panel__text-link:hover{background:rgba(var(--color-foreground),.03)}.predictive-search__item-query-result em{font-style:normal;font-weight:700}.search-no-results{padding:2.4rem 1.6rem;text-align:center;color:rgba(var(--color-foreground),.5);font-size:1.4rem;margin:0}.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;align-items:center;padding:1.6rem}predictive-search[loading] .predictive-search__loading-state .spinner,predictive-search[loading] .predictive-search__loading-state svg{width:2.4rem;height:2.4rem}search-modal>.search-modal{display:none}search-modal[open]>.search-modal{display:block;opacity:1}search-modal .header__icon-close{display:none}search-modal[open] .modal-overlay{display:block}@media screen and (max-width:749px){body.overflow-hidden .announcement-bar-section{visibility:hidden}search-modal.large-up-hide[open]>.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;min-height:100%;background:#00000073;z-index:9999;display:flex;flex-direction:column;justify-content:flex-start;border-bottom:none;opacity:1;overflow:hidden}.header__search.large-up-hide .modal-overlay,.header__search.large-up-hide .modal-overlay:after{display:none}.header__search.large-up-hide .search-modal__content{background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;border-radius:2.4rem;padding:0;max-height:100vh;height:calc(100% - 2rem);width:calc(100% - 2rem);display:flex;flex-direction:column;overflow:hidden;position:relative;bottom:auto;top:auto;margin:1.2rem}.header__search.large-up-hide .search-modal__form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;width:100%;max-width:none}.header__search.large-up-hide .predictive-search{position:static!important;max-height:none!important;flex:1;min-height:0;overflow:hidden;display:none;flex-direction:column;border:none;border-radius:0;box-shadow:none;width:100%;left:auto;right:auto;top:auto;background:#fff}.header__search.large-up-hide predictive-search[open] .predictive-search,.header__search.large-up-hide predictive-search[loading] .predictive-search{display:flex}.header__search.large-up-hide .search-panel.is-active{flex:1;max-height:none}.header__search.large-up-hide .search-quick-links{flex:1}.header__search.large-up-hide .search-modal__close-button{position:static}.header__search.large-up-hide .search-modal__inner-form .field__input{padding:0;height:auto;font-size:1.6rem;color:rgb(var(--color-foreground));background:transparent;border-radius:unset;box-shadow:none!important;outline:none!important}.header__search.large-up-hide .search-modal__inner-form .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.45)}.header__search.large-up-hide .search-modal__inner-form .field__label{display:none}}@media screen and (min-width:750px)and (max-width:989px){search-modal.large-up-hide[open]>.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;min-height:100%;background:#00000073;z-index:200;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:none;opacity:1}.header__search.large-up-hide .search-modal__content{background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;border-radius:2rem;padding:0;max-height:80vh;width:min(48rem,92vw);display:flex;flex-direction:column;overflow:hidden;position:relative;bottom:auto;top:auto}.header__search.large-up-hide .search-modal__form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;width:100%;max-width:none}.header__search.large-up-hide .predictive-search{position:static!important;max-height:none!important;flex:1;min-height:0;overflow:hidden;display:none;flex-direction:column;border:none;border-radius:0;box-shadow:none;width:100%;left:auto;right:auto;top:auto}.header__search.large-up-hide predictive-search[open] .predictive-search,.header__search.large-up-hide predictive-search[loading] .predictive-search{display:flex}.header__search.large-up-hide .search-panel.is-active{flex:1;max-height:none}.header__search.large-up-hide .search-quick-links{flex:1}.header__search.large-up-hide .search-modal__close-button{position:static}.header__search.large-up-hide .search-modal__inner-form .field__input{padding:.8rem 1rem;height:auto;font-size:1.6rem;color:rgb(var(--color-foreground));border-radius:unset;box-shadow:none!important;outline:none!important}.header__search.large-up-hide .search-modal__inner-form .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.45)}.header__search.large-up-hide .search-modal__inner-form .field__label{display:none}}@keyframes searchSlideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media screen and (min-width:990px){search-modal.header-search--bar-modal[open]>.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;min-height:100%;background:transparent!important;z-index:99999;border-bottom:none;opacity:1;display:block}.header-search--bar-modal .modal-overlay{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:0}.header-search--bar-modal .modal-overlay:after{display:none!important}.header-search--bar-modal .search-modal__content{position:fixed;top:1.2rem;left:1.2rem;width:48.4rem;max-width:calc(100vw - 2.4rem);max-height:calc(100vh - 2.4rem);background:rgb(var(--color-background))!important;color:rgb(var(--color-foreground))!important;border-radius:1.6rem;padding:0;display:flex;flex-direction:column;overflow:hidden;z-index:1;box-shadow:0 1.2rem 4rem #0000002e;animation:searchSlideInLeft .22s cubic-bezier(.22,1,.36,1) both;align-items:unset;justify-content:unset}.search-modal__inner-form .search__button.field__button{display:none}.header-search--bar-modal .search-modal__form{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0;width:100%;max-width:none}.header-search--bar-modal .predictive-search{position:static!important;max-height:none!important;flex:1;min-height:0;overflow-y:auto;display:none;flex-direction:column;border:none;border-radius:0;box-shadow:none;width:100%}.header-search--bar-modal predictive-search[open] .predictive-search,.header-search--bar-modal predictive-search[loading] .predictive-search{display:flex}.header-search--bar-modal .search-panel.is-active{flex:1;max-height:none}.header-search--bar-modal .search-quick-links{flex:1}.header-search--bar-modal .search-modal__close-button{position:static}.header-search--bar-modal .search-modal__inner-form .field__input{padding:0 .2rem;height:auto;font-size:1.6rem;color:rgba(var(--color-foreground),.7);border-radius:unset}.header-search--bar-modal .search-modal__inner-form .field__label{display:none}.header-search--bar-modal .search-modal__inner-form .field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.45)}}.header-search--bar-modal .search-modal__inner-form .field__input:focus-visible,.header-search--bar-modal .search-modal__inner-form .field__input:focus{box-shadow:none}.search-modal-body-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99998;cursor:default}.search-modal-body-overlay.is-visible{display:block}.header__search.large-up-hide .search-modal__input-icon,.header-search--bar-modal .search-modal__input-icon{color:rgba(var(--color-foreground),.6)}.header__search.large-up-hide .search-modal__close-button,.header-search--bar-modal .search-modal__close-button{color:rgb(var(--color-foreground))}.header__search.large-up-hide .search-quick-links__link,.header-search--bar-modal .search-quick-links__link{color:rgba(var(--color-foreground),.7)}.header__search.large-up-hide .search-quick-links__link:hover,.header-search--bar-modal .search-quick-links__link:hover{color:rgb(var(--color-foreground))}.header-search--bar-modal .header__icon.header__icon--search{display:none}@media screen and (min-width:750px){.header-search__container .predictive-search--header{position:absolute;top:calc(100% + .8rem);left:0;right:0;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:1.6rem;box-shadow:0 .8rem 3.2rem #0000001f;overflow:hidden;z-index:10;padding-bottom:0}.header-search__container .search-panel.is-active{max-height:38rem}.header-search__container .search-view-all{padding:1.2rem 1.6rem 1.6rem;border-top:.1rem solid rgba(var(--color-foreground),.06)}.header-search__container{position:relative}.header-search__container .search-modal__form{position:relative;max-width:100%}.header-search__container predictive-search .search-quick-links--header{display:none!important;position:absolute;top:calc(100% + .8rem);left:0;right:0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.08);border-radius:1.6rem;box-shadow:0 .8rem 3.2rem #0000001f;overflow:hidden;z-index:10;padding:2rem 1.6rem}.header-search__container:focus-within predictive-search:not([open]):not([loading]) .search-quick-links--header{display:block!important}}@media screen and (max-width:989px){search-modal.large-up-hide[open]>.search-modal{animation:searchOverlayFadeIn .3s ease both}search-modal.large-up-hide[open] .search-modal__content{animation:searchCardSlideInLeft .35s cubic-bezier(.22,1,.36,1) both}search-modal.large-up-hide.is-closing>.search-modal{animation:searchOverlayFadeOut .28s ease forwards!important;pointer-events:none}.header__search.large-up-hide.is-closing .search-modal__content{animation:searchCardSlideOutLeft .22s cubic-bezier(.4,0,1,1) forwards!important}}@media screen and (min-width:990px){.header-search--bar-modal.is-closing .search-modal__content{animation:searchDesktopCardFadeOut .22s ease forwards!important;pointer-events:none}search-modal.header-search--bar-modal.is-closing>.search-modal{animation:searchOverlayFadeOut .22s ease forwards!important;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-predictive-search.css.map */