.search-modal__content .field,.search__form-inner .field{display:block}.search-modal__content .search__button,.search__form-inner .search__button{position:absolute;top:.6rem;right:.6rem;bottom:.6rem;width:5.2rem;min-width:5.2rem;min-height:5.2rem;margin:0;padding:0;border-radius:999px;transform:none}@media screen and (min-width:750px){.search-modal__content .search__button,.search__form-inner .search__button{width:auto;min-width:10.8rem;padding-inline:2.2rem}}.predictive-search{display:none;width:100%;min-height:4.5rem;overflow:hidden;border:0}.predictive-search--search-template{width:100%}@media screen and (min-width:750px){.header predictive-search{position:relative}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}predictive-search .spinner{width:1.8rem;height:1.8rem;line-height:0}predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading{display:none}predictive-search[loading] .predictive-search__loading-state{display:flex;align-items:center;justify-content:center;padding:2.4rem}predictive-search[loading] .predictive-search__result-group{opacity:.48;pointer-events:none}.predictive-search__result-group{margin-top:1.8rem}.predictive-search__result-tabs{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 0 1.2rem;width:100%;border-bottom:1px solid rgba(1,22,36,.09);list-style:none}.predictive-search__result-tab{display:inline-flex;align-items:center;gap:.7rem;margin:0;color:#011624}.predictive-search__result-tab span{padding:0;color:inherit;background:transparent;border-radius:0}.predictive-search__result-tab-title{font-family:var(--font-heading-family);font-size:1.45rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-transform:none}.predictive-search__result-count{display:inline-grid;width:2.3rem;height:2.3rem;place-items:center;color:#5b3be8!important;font-size:1.1rem;font-weight:700;background:#f0edff!important;border-radius:999px!important}.predictive-search-results-wrapper{max-height:min(52rem,calc(var(--vh, 1vh) * 100 - var(--search-height) - 12rem));padding:1.2rem 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.predictive-search-results-wrapper::-webkit-scrollbar{width:.5rem}.predictive-search-results-wrapper::-webkit-scrollbar-thumb{background:#5b3be838;border-radius:99px}.predictive-search__results-list{display:none;margin:0;padding:0}.predictive-search__results-list.active{display:grid}.predictive-search__results-list_products{grid-template-columns:1fr;gap:.9rem}.predictive-search__list-item{min-width:0}.sy-predictive-resource{display:grid;grid-template-columns:8.4rem minmax(0,1fr);gap:1.2rem;min-height:8.4rem;padding:.8rem;color:#011624;text-align:left;text-decoration:none;background:#fff;border:1px solid rgba(91,59,232,.12);border-radius:1.4rem;box-shadow:0 .8rem 2.2rem #0116240b;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.predictive-search__list-item[aria-selected=true] .sy-predictive-resource,.sy-predictive-resource:hover,.sy-predictive-resource:focus-visible{color:#011624;text-decoration:none;border-color:#5b3be866;box-shadow:0 1rem 2.8rem #5b3be81f;transform:translateY(-1px)}.sy-predictive-resource__media{display:block;width:8.4rem;height:8.4rem;overflow:hidden;background:#f5f4fb;border-radius:1rem}.sy-predictive-resource__image{display:block;width:100%;height:100%;object-fit:cover}.sy-predictive-resource__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#5b3be8,#21184f)}.sy-predictive-resource__content{display:flex;min-width:0;flex-direction:column;justify-content:center}.sy-predictive-resource__eyebrow{overflow:hidden;margin-bottom:.25rem;color:#5b3be8;font-size:.95rem;font-weight:800;line-height:1.2;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sy-predictive-resource__title{display:-webkit-box;overflow:hidden;color:#011624;font-family:var(--font-heading-family);font-size:1.45rem;font-weight:700;line-height:1.16;letter-spacing:-.025em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sy-predictive-resource__description{display:none;overflow:hidden;margin-top:.35rem;color:#0116249e;font-size:1.15rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sy-predictive-resource__action{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;color:#5b3be8;font-size:1.1rem;font-weight:750;line-height:1.2}.sy-predictive-view-all{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;padding:1.25rem 1.4rem;color:#fff;font-size:1.25rem;font-weight:750;line-height:1.2;text-decoration:none;background:linear-gradient(100deg,#5b3be8,#7048ff);border-radius:1.2rem;box-shadow:0 1rem 2.4rem #5b3be82e}.sy-predictive-view-all:hover,.sy-predictive-view-all:focus-visible{color:#fff;text-decoration:none;filter:brightness(1.04)}.sy-predictive-empty{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;margin-top:1.8rem;padding:1.5rem;color:#011624;background:linear-gradient(135deg,#faf9ff,#f3f0ff);border:1px solid rgba(91,59,232,.14);border-radius:1.4rem}.sy-predictive-empty__icon{display:grid;width:4rem;height:4rem;place-items:center;color:#5b3be8;font-size:2rem;background:#fff;border-radius:1rem}.sy-predictive-empty strong{display:block;font-size:1.35rem}.sy-predictive-empty p{margin:.35rem 0 0;color:#0116249e;font-size:1.15rem;line-height:1.4}.sy-predictive-empty a{grid-column:1 / -1;color:#5b3be8;font-size:1.15rem;font-weight:750}@media screen and (min-width:576px){.predictive-search__results-list_products{grid-template-columns:repeat(2,minmax(0,1fr))}.sy-predictive-resource{grid-template-columns:9.6rem minmax(0,1fr);min-height:9.6rem}.sy-predictive-resource__media{width:9.6rem;height:9.6rem}.sy-predictive-resource__description{display:-webkit-box}}@media screen and (max-width:575px){.predictive-search__result-group{margin-top:1.4rem}.predictive-search-results-wrapper{max-height:min(47rem,calc(var(--vh, 1vh) * 100 - var(--search-height) - 10rem))}.sy-predictive-resource{grid-template-columns:7.6rem minmax(0,1fr);min-height:7.6rem;gap:1rem;padding:.7rem;border-radius:1.2rem}.sy-predictive-resource__media{width:7.6rem;height:7.6rem;border-radius:.9rem}.sy-predictive-resource__title{font-size:1.34rem}}@media(prefers-reduced-motion:reduce){.sy-predictive-resource{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/326/assets/component-predictive-search.css.map */