:root{--ps-bg: var(--color-background-solid, #FFFFFF);--ps-text: var(--color-foreground-solid, #121212);--ps-text-muted: var(--color-text-secondary-solid, #6B7280);--ps-accent: var(--color-primary-solid, #3674B5);--ps-border: var(--color-border-solid, #E5E7EB);--ps-surface: var(--color-surface-solid, #FFFFFF);--ps-radius-card: var(--radius-lg, 24px);--ps-radius-input: var(--radius-full, 999px);--ps-transition: all var(--animation-speed, .3s) var(--animation-easing, ease)}.predictive-search-drawer{--predictive-search-backdrop: rgba(18, 18, 18, .65)}.predictive-search-dialog{border:none;background:#fff!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100dvh!important;box-shadow:none!important;border-radius:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-100%);transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1),visibility .2s;box-sizing:border-box;display:flex;flex-direction:column}.predictive-search-dialog[open]{opacity:1;visibility:visible;transform:translateY(0)}.predictive-search-dialog::backdrop{background:var(--predictive-search-backdrop);backdrop-filter:none;-webkit-backdrop-filter:none;opacity:0;transition:opacity .3s ease}.predictive-search-dialog[open]::backdrop{opacity:1}.predictive-search-dialog.dialog-closing{opacity:0;transform:translateY(-100%);transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}.predictive-search-form{background:#fff;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.predictive-search-form__header{display:flex;flex-direction:column;align-items:center;padding-top:40px;padding-bottom:20px;gap:32px;background:transparent;flex-shrink:0;position:relative;max-width:var(--page-width);margin:0 auto;width:100%;padding-left:var(--page-width-margin, 40px);padding-right:var(--page-width-margin, 40px)}.predictive-search-form__input-wrapper{width:100%;max-width:800px;display:flex;align-items:center;gap:20px;background:var(--ps-surface);border:1.5px solid var(--ps-border);border-radius:var(--ps-radius-input);padding:12px 24px;transition:var(--ps-transition)}.predictive-search-form__input-wrapper:focus-within{border-color:var(--ps-accent);background:#fff}.predictive-search-form__icon{width:20px;height:20px;color:var(--ps-accent);flex-shrink:0;opacity:.8}.predictive-search-form__input-wrapper input{flex:1;border:none;background:transparent;font-family:var(--font-heading, "Outfit", sans-serif);font-size:20px;font-weight:600;color:var(--ps-text);outline:none;padding:4px 0;min-width:0}.predictive-search-form__input-wrapper input::placeholder{color:var(--ps-text);opacity:.3}.predictive-search-form__reset{background:var(--ps-bg);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:var(--ps-accent);transition:var(--ps-transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.predictive-search-form__reset[hidden]{display:none!important}.predictive-search-form__reset:hover{background:var(--ps-accent);color:#fff;transform:scale(1.1) rotate(90deg)}.predictive-search-form__close{position:absolute;top:24px;right:24px;width:38px;height:38px;background:#fff;border:1px solid var(--ps-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);color:var(--ps-text);padding:0;box-shadow:var(--shadow-soft);z-index:10}.predictive-search-form__close:before,.predictive-search-form__close:after{content:"";position:absolute;width:16px;height:2px;background:currentColor;border-radius:2px}.predictive-search-form__close:before{transform:rotate(45deg)}.predictive-search-form__close:after{transform:rotate(-45deg)}.predictive-search-form__close:hover{background:var(--ps-text);border-color:var(--ps-text);color:#fff;transform:rotate(90deg) scale(1.05);box-shadow:var(--shadow-hover)}.predictive-search-form__content{overflow-y:auto;overflow-x:hidden;flex:1;background:#e8f0f9;padding:0 var(--page-width-margin, 40px) 40px;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.predictive-search-form__content::-webkit-scrollbar{display:none}.predictive-search-results__persistent{max-width:var(--page-width);margin:0 auto 32px;width:100%;padding-left:var(--page-width-margin, 0);padding-right:var(--page-width-margin, 0)}.predictive-search-results{max-width:var(--page-width);margin:0 auto;width:100%;padding-left:var(--page-width-margin, 0);padding-right:var(--page-width-margin, 0)}.predictive-search-results__inner.discovery-state{display:flex;flex-direction:column;gap:20px}.predictive-search-results__group-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:14px;font-weight:800;text-transform:none;color:var(--ps-text-muted);letter-spacing:.05em;margin-bottom:16px;text-align:center}.predictive-search-results__list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.predictive-search-results__link{text-decoration:none;font-family:var(--font-body, "Quicksand", sans-serif);font-size:12px;font-weight:700;color:var(--ps-text);transition:var(--ps-transition);display:flex;align-items:center;gap:8px;padding:8px 18px;margin:0;border-radius:100px;background:#fff;border:1.5px solid var(--ps-border)}.predictive-search-results__link:hover,.predictive-search-results__link.is-active{background:var(--ps-accent);color:#fff;border-color:var(--ps-accent)}.predictive-search-results__text [data-predictive-search-query-match]{color:var(--ps-accent);font-weight:800;text-decoration:underline}.predictive-search-results__no-results{padding:80px 0;text-align:center;width:100%}.predictive-search-results__no-results p{font-size:20px;font-weight:700;color:var(--ps-text-muted);margin:0}.predictive-search-results__product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media screen and (max-width:1024px){.predictive-search-results__product-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.predictive-search-results__product-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.predictive-search-results__product-grid .product-card{padding:0}.predictive-search-results__product-grid .product-card__title{font-size:11px;line-height:1.2;margin-top:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.predictive-search-results__product-grid .product-card__price{font-size:12px}.predictive-search-results__product-grid .product-card__price-box{margin-top:0}.predictive-search-results__product-grid .product-card__footer{margin-top:0;display:block!important}.predictive-search-results__product-grid .product-card__add-btn{padding:6px 10px;font-size:9px;min-height:30px;gap:6px;width:100%}.predictive-search-results__product-grid .product-card__add-btn span{font-size:9px}.predictive-search-results__product-grid .product-card__add-btn svg{width:12px;height:12px}.predictive-search-results__footer{margin-top:28px;display:flex;justify-content:center}.predictive-search-results__view-all{display:inline-block;text-decoration:none;background:var(--ps-accent);color:#fff;padding:12px 24px;border-radius:999px;font-family:var(--font-heading, "Outfit", sans-serif);font-size:14px;font-weight:800;text-transform:none;letter-spacing:.05em;transition:var(--ps-transition);border:none;cursor:pointer}.predictive-search-results__view-all:hover{background:var(--color-primary-hover-solid);transform:scale(1.05)}.predictive-search-results__spinner{width:44px;height:44px;border:4px solid var(--ps-border);border-top-color:var(--ps-accent)}@media screen and (max-width:1200px){.predictive-search-results__inner{padding-left:20px;padding-right:20px}}@media screen and (max-width:768px){.predictive-search-form__header{padding:16px 12px 8px;gap:12px;align-items:flex-start}.predictive-search-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0006}.predictive-search-form__input-wrapper{width:calc(100% - 64px);max-width:100%;padding:8px 12px;gap:12px;z-index:2}.predictive-search-form__input-wrapper input{font-size:16px;padding:2px 0}.predictive-search-form__icon{width:18px;height:18px}.predictive-search-form__reset{width:24px;height:24px;margin-left:4px}.predictive-search-results__persistent{padding:0 16px 4px;margin-bottom:0}.predictive-search-results__list{gap:6px;justify-content:flex-start;overflow-x:auto;padding-bottom:0;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none}.predictive-search-results__list::-webkit-scrollbar{display:none}.predictive-search-results__link{padding:5px 12px;font-size:11px;white-space:nowrap;flex-shrink:0}.predictive-search-results__inner{padding:0 16px 32px}.predictive-search-results__group-title{font-size:11px;margin-bottom:10px}.predictive-search-form__content{padding:0 0 10px}.predictive-search-form__close{top:23px;right:15px;width:30px;height:30px}.predictive-search-form__close:before,.predictive-search-form__close:after{width:12px}}.predictive-search-results__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem;text-align:center;color:var(--ps-text);min-height:calc(100vh - 200px)}.predictive-search-results__no-results-illustration{margin-bottom:1.5rem;opacity:.8;color:var(--ps-text)}.predictive-search-results__no-results p{font-size:1.2rem;margin:0;font-weight:500;color:var(--ps-text)}.predictive-search[loading] .predictive-search-results{opacity:.5;pointer-events:none;transition:opacity .2s ease}.predictive-search[loading] .predictive-search-results__persistent .predictive-search-results__link.is-active{animation:ps-pulse 1.5s infinite ease-in-out}@keyframes ps-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media screen and (max-width:425px){.predictive-search-results__product-grid{grid-template-columns:repeat(1,1fr)!important;gap:8px!important}.predictive-search-results__product-grid .product-card__title{font-size:10px;-webkit-line-clamp:1}.predictive-search-results__product-grid .product-card__price{font-size:10px}.predictive-search-results__product-grid .product-card__add-btn{padding:4px 6px;font-size:8px;min-height:24px;gap:4px}.predictive-search-results__product-grid .product-card__add-btn svg{width:12px;height:12px}.predictive-search-form__input-wrapper{width:calc(100% - 48px);padding:6px 10px}.predictive-search-form__header{padding:12px 10px 6px}.predictive-search-results__no-results{padding:4rem 1rem;min-height:200px}.predictive-search-results__no-results p{font-size:1rem}}@media screen and (max-width:375px){.predictive-search-results__product-grid{gap:6px!important}.predictive-search-results__product-grid .product-card__title{font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/predictive-search.css.map */
