predictive-search{position:fixed;left:0;right:0;display:flex;flex-direction:column;background:#fff;z-index:1001;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;box-shadow:0 4px 12px #0000001a;overflow-y:auto}predictive-search[data-search-state=open]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s}@media (max-width: 1023px){predictive-search{display:none!important}}.predictive-search__bar{display:flex;align-items:center;gap:var(--m, 16px);padding:0 var(--xxxl, 48px);border-bottom:1px solid var(--color-grey-3, #EBECED);flex-shrink:0;max-width:var(--container-max-width);margin:0 auto;width:100%;height:var(--nav-height-desktop, 72px);box-sizing:border-box;background:#fff}.predictive-search__form{flex:1;max-width:640px;margin:0 auto}.predictive-search__input-wrapper{position:relative;display:flex;align-items:center;height:48px;background:var(--color-grey-5, #F5F5F7);border-radius:24px;border:2px solid transparent;transition:border-color .2s ease,background-color .2s ease}.predictive-search__input-wrapper:focus-within{border-color:#000;background:#fff}.predictive-search__search-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;pointer-events:none}.predictive-search__input-wrapper input{flex:1;height:100%;padding:0 var(--s, 8px) 0 0;background:transparent;border:none!important;font-family:var(--font-body-family, proxima-nova, sans-serif);font-size:var(--size-text-md, 16px);color:#000;outline:none!important;box-shadow:none!important}.predictive-search__input-wrapper input::placeholder{color:var(--color-grey-1, #666)}.predictive-search__clear{display:flex;align-items:center;justify-content:center;width:var(--xl, 48px);height:var(--xl, 48px);padding:var(--xxs, 4px);margin-right:var(--s, 8px);background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;flex-shrink:0;min-width:auto;min-height:auto}.predictive-search__clear:hover{background:var(--color-grey-5, #F5F5F7);border-color:var(--color-grey-2, #BDBDBD)}.predictive-search__clear svg{width:32px;height:32px;stroke:#000;fill:#000}.predictive-search__clear[hidden]{display:none}.predictive-search__close{display:flex;align-items:center;justify-content:center;width:var(--xl, 48px);height:var(--xl, 48px);padding:var(--xxs, 4px);background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;flex-shrink:0;min-width:auto;min-height:auto}.predictive-search__close svg,.predictive-search__close-icon{width:32px;height:32px;stroke:#000;fill:#000}.predictive-search__close:hover{background:#e5e5e5;border-color:#e5e5e5}.predictive-search__close:hover{background:var(--color-grey-5, #F5F5F7);border-color:var(--color-grey-2, #BDBDBD)}.predictive-search__results{flex:0 0 auto;padding:var(--l, 24px) var(--xxxl, 48px);max-width:var(--container-max-width);margin:0 auto;width:100%}.predictive-search__focus-state[hidden],.predictive-search__keyword-state[hidden],.predictive-search__no-results[hidden],.predictive-search__loading[hidden]{display:none}.predictive-search__layout{display:grid;gap:var(--xl, 32px);max-width:var(--container-max-width);margin:0 auto}.predictive-search__layout--focus{grid-template-columns:280px 1fr}.predictive-search__layout--keyword{grid-template-columns:240px 1fr}.predictive-search__sidebar,.predictive-search__main{display:flex;flex-direction:column;gap:var(--l, 24px)}.predictive-search__section{display:flex;flex-direction:column;gap:var(--s, 8px)}.predictive-search__section-title{font-family:var(--font-heading-family, obviously-narrow, sans-serif);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-grey-2, #BDBDBD);margin:0 0 var(--xs, 4px)}.predictive-search__section[hidden]{display:none}.predictive-search__products-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:var(--m, 16px)}.predictive-search__products-grid--keyword{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}.predictive-search__products-grid .card-product__wrapper{width:100%}.predictive-search__collections-list,.predictive-search__pages-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--xxs, 2px)}.predictive-search__collection-link,.predictive-search__page-link{display:flex;align-items:center;justify-content:space-between;padding:var(--s, 8px) 0;font-family:var(--font-body-family, proxima-nova, sans-serif);font-size:var(--size-text-md, 16px);color:#000;text-decoration:none;transition:color .15s ease}.predictive-search__collection-link:hover,.predictive-search__page-link:hover{color:var(--color-grey-1, #666);text-decoration:underline;text-underline-offset:2px}.predictive-search__collection-count{font-size:var(--size-text-sm, 12px);color:var(--color-grey-1, #666)}.predictive-search__colors{display:flex;flex-wrap:wrap;gap:var(--s, 8px)}.predictive-search__color-swatch{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:2px;background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:border-color .15s ease}.predictive-search__color-swatch:hover{border-color:var(--color-grey-2, #BDBDBD)}.predictive-search__color-swatch-inner{display:block;width:100%;height:100%;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #0000001a}.predictive-search__color-swatch-inner[data-color=black]{background:#000}.predictive-search__color-swatch-inner[data-color=white]{background:#fff;box-shadow:inset 0 0 0 1px #e0e0e0}.predictive-search__color-swatch-inner[data-color=grey],.predictive-search__color-swatch-inner[data-color=gray]{background:gray}.predictive-search__color-swatch-inner[data-color=charcoal]{background:#36454f}.predictive-search__color-swatch-inner[data-color=navy]{background:navy}.predictive-search__color-swatch-inner[data-color=blue]{background:#06c}.predictive-search__color-swatch-inner[data-color=lightblue],.predictive-search__color-swatch-inner[data-color=light-blue]{background:#add8e6}.predictive-search__color-swatch-inner[data-color=teal]{background:teal}.predictive-search__color-swatch-inner[data-color=green]{background:#228b22}.predictive-search__color-swatch-inner[data-color=olive]{background:olive}.predictive-search__color-swatch-inner[data-color=khaki]{background:#c3b091}.predictive-search__color-swatch-inner[data-color=yellow]{background:gold}.predictive-search__color-swatch-inner[data-color=orange]{background:#ffdab9}.predictive-search__color-swatch-inner[data-color=coral]{background:coral}.predictive-search__color-swatch-inner[data-color=red]{background:#dc143c}.predictive-search__color-swatch-inner[data-color=burgundy],.predictive-search__color-swatch-inner[data-color=wine]{background:#722f37}.predictive-search__color-swatch-inner[data-color=pink]{background:#ff69b4}.predictive-search__color-swatch-inner[data-color=hotpink],.predictive-search__color-swatch-inner[data-color=hot-pink]{background:#ff1493}.predictive-search__color-swatch-inner[data-color=purple]{background:purple}.predictive-search__color-swatch-inner[data-color=lavender]{background:#e6e6fa}.predictive-search__color-swatch-inner[data-color=brown]{background:#8b4513}.predictive-search__color-swatch-inner[data-color=tan]{background:tan}.predictive-search__color-swatch-inner[data-color=beige],.predictive-search__color-swatch-inner[data-color=cream]{background:beige}.predictive-search__color-swatch-inner[data-color=nude]{background:#e3bc9a}.predictive-search__color-swatch-inner[data-color=multi],.predictive-search__color-swatch-inner[data-color=multicolour],.predictive-search__color-swatch-inner[data-color=multicolor]{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0 42%,#00f 57%,indigo,#8b00ff 85%,red)}.predictive-search__suggestions{display:flex;flex-wrap:wrap;gap:var(--xs, 4px)}.predictive-search__suggestion-tag{display:inline-flex;align-items:center;padding:var(--xs, 4px) var(--s, 8px);background:var(--color-grey-5, #F5F5F7);border:1px solid var(--color-grey-3, #EBECED);border-radius:20px;font-family:var(--font-body-family, proxima-nova, sans-serif);font-size:var(--size-text-sm, 12px);color:#000;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.predictive-search__suggestion-tag:hover{background:var(--color-grey-4, #E5E5E5);border-color:var(--color-grey-2, #BDBDBD)}.predictive-search__view-all{display:flex;justify-content:flex-end;padding-top:var(--m, 16px);border-top:1px solid var(--color-grey-3, #EBECED);margin-top:var(--m, 16px)}.predictive-search__view-all[hidden]{display:none}.predictive-search__view-all-btn{display:inline-flex;align-items:center;gap:var(--xs, 4px);text-decoration:none;text-transform:none}.predictive-search__keyword{font-style:italic;font-weight:600}.predictive-search__loading{display:flex;align-items:center;justify-content:center;padding:var(--xxl, 64px)}.predictive-search__loading svg{animation:spin 1s linear infinite}.predictive-search__no-results{display:flex;align-items:center;justify-content:center;padding:var(--xxl, 64px)}.predictive-search__no-results-text{font-family:var(--font-body-family, proxima-nova, sans-serif);font-size:var(--size-text-lg, 18px);color:var(--color-grey-1, #666);text-align:center}@media (min-width: 1280px){.predictive-search__products-grid,.predictive-search__products-grid--keyword{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.predictive-search__layout--focus{grid-template-columns:240px 1fr}.predictive-search__layout--keyword{grid-template-columns:200px 1fr}.predictive-search__products-grid{grid-template-columns:repeat(4,1fr)}}.predictive-search__product-card{animation:fadeInUp .3s ease forwards;opacity:0}.predictive-search__product-card:nth-child(1){animation-delay:0ms}.predictive-search__product-card:nth-child(2){animation-delay:50ms}.predictive-search__product-card:nth-child(3){animation-delay:.1s}.predictive-search__product-card:nth-child(4){animation-delay:.15s}.predictive-search__product-card:nth-child(5){animation-delay:.2s}.predictive-search__product-card:nth-child(6){animation-delay:.25s}.predictive-search__product-card:nth-child(7){animation-delay:.3s}.predictive-search__product-card:nth-child(8){animation-delay:.35s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){predictive-search,.predictive-search__product-card,.predictive-search__loading svg{animation:none!important;transition:none!important}.predictive-search__product-card{opacity:1}}.predictive-search-results__products,.predictive-search-results__collections,.predictive-search-results__pages{display:none}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-predictive-search.css.map */