.predictive-search{display:none;position:absolute;top:100%;width:100%;left:0;z-index:3;height:calc(100vh - var(--search-header-height));height:calc(var(--viewport-height, 100vh) - var(--search-header-height));background:var(--so-glass-bg-strong);-webkit-backdrop-filter:var(--so-blur-medium);backdrop-filter:var(--so-blur-medium);border:var(--so-border-glass);box-shadow:var(--so-shadow-glass)}#predictive-search-results{height:100%;overflow:hidden;position:relative}.predictive-search-scroll-content{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding-bottom:78px}.predictive-search__results-groups-wrapper{display:flex;margin-top:1.25rem}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto;gap:2rem}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.predictive-search__load-results{position:fixed;bottom:0;width:100%;background:rgb(var(--color-background))}.predictive-search--search-template{z-index:2}@media screen and (min-width:750px){.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:nth-child(2),.predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:none}.predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:initial}.predictive-search__result-group:first-child{flex:0 0 26.4rem}.predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,.predictive-search__result-group:only-child{flex-grow:1}}@media screen and (max-width:749px){.predictive-search--header{right:0;left:0;top:100%}.predictive-search__results-groups-wrapper{flex-direction:column}}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}.predictive-search__title{background-color:rgb(var(--color-background))}.predictive-search__heading{font-family:var(--font-subheading-family);font-style:var(--font-subheading-style);font-size:calc(var(--font-subheading-scale) * 1rem);font-weight:300;text-transform:uppercase;margin:0;color:rgb(var(--color-foreground))}predictive-search .loader-bounce{width:8.125rem;height:1.5rem;line-height:0;margin:auto;display:block}.predictive-search__results-list{margin-top:.8125rem;margin-bottom:.8125rem}.predictive-search__results-groups-wrapper--no-suggestions .predictive-search__results-list{display:grid;grid-template-columns:repeat(2,1fr)}.predictive-search__loading-state{text-align:center;margin-top:1.625rem}.predictive-search__loading-state .loader-bounce>div{width:.75rem;height:.75rem;background:rgb(var(--color-foreground))}.predictive-search__loading-state .loader-bounce-text{display:block;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 2.125rem);font-weight:600}predictive-search:not([loading]) .predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{padding:1rem}predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__title,predictive-search[loading] .predictive-search__results-list:first-child,predictive-search[loading] .predictive-search__no-results{display:none}.predictive-search__item--link{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;grid-template-areas:"product-image product-content"}.predictive-search__item-price{font-family:var(--font-price-family);font-style:var(--font-price-style);font-weight:var(--font-price-weight);font-size:calc(var(--font-price-scale) * 1.125rem)}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-vendor{font-size:.9rem}.predictive-search__item-heading{margin:0;font-size:.9375rem}.predictive-search__item-vendor+.predictive-search__item-heading{margin-top:.5rem}.predictive-search__item{padding-bottom:.625rem;text-align:left;width:100%;word-break:break-all;line-height:1.25;margin:0;font-size:1rem;font-weight:300;font-family:var(--font-body-family);transition:opacity .2s ease-in;display:block}@media screen and (pointer:fine){.predictive-search__item:hover{opacity:.8}}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:.625rem;grid-template-areas:"product-image product-content";padding-bottom:1.25rem}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__view-all{text-align:right;width:100%;padding:1rem 0;word-break:break-all;line-height:1.25;margin:0;font-size:1rem;font-weight:300;text-transform:uppercase;height:78px;font-family:var(--font-heading-family);display:flex;align-items:center;gap:1.25rem;justify-content:flex-end}.predictive-search__item--term .icon{margin-left:1rem;vertical-align:bottom}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain";border-radius:var(--border-radius-thumnails)}.predictive-search__no-results{text-align:center}.predictive-search__no-results h3{margin:3.625rem 0 .625rem;font-size:calc(var(--font-heading-scale) * 2.125rem)}.predictive-search__no-results p{font-size:1.125rem;color:rgb(var(--color-foreground))}@media screen and (max-width:768px){.predictive-search__loading-state .loader-bounce>div{width:.5rem;height:.5rem}predictive-search .loader-bounce{height:.625rem}.predictive-search__loading-state .loader-bounce-text{font-size:calc(var(--font-heading-scale) * 1.25rem)}.predictive-search__item{padding:.6875rem 0}.predictive-search__view-all{font-size:1rem;height:64px}.predictive-search__results-list{margin-top:.8125rem;margin-bottom:1.5rem}.predictive-search__results-groups-wrapper--no-suggestions .predictive-search__results-list{display:block}.predictive-search__no-results{margin-top:1rem}.predictive-search__no-results h3{font-size:calc(var(--font-heading-scale) * 1.75rem)}.predictive-search__no-results span{font-size:2.375rem;margin-top:1.25rem}.predictive-search__no-results p{font-size:1rem}}:root{--so-search-overlay-top: calc( var(--announcement-height, 0px) + var(--header-height, 72px) + env(safe-area-inset-top, 0px) )}so-search-overlay{--so-search-glass-margin: clamp(12px, 2vw, 24px);--so-search-glass-radius: clamp(16px, 2vw, 24px);--so-search-glass-bg: rgba(249, 246, 241, .78);--so-search-glass-border: rgba(255, 255, 255, .48);--so-search-glass-blur: blur(20px) saturate(140%);--so-search-field-bg: rgba(255, 255, 255, .4);--so-search-field-bg-focus: rgba(255, 255, 255, .56);--so-search-field-border: rgba(255, 255, 255, .5);--so-search-field-border-focus: rgba(255, 255, 255, .78);display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}so-search-overlay[open]{display:block}body.so-search-open{overflow:hidden}.so-search-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;cursor:pointer;animation:so-search-fade-in var(--so-duration-normal, .24s) var(--so-ease-decel, cubic-bezier(.16, 1, .3, 1)) both}@media(prefers-reduced-motion:reduce){.so-search-overlay__backdrop{animation:none}}.so-search-overlay__panel{position:absolute;top:var(--so-search-overlay-top, 0px);left:var(--so-search-glass-margin);right:var(--so-search-glass-margin);width:auto;max-width:calc(100vw - 2 * var(--so-search-glass-margin) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));background:var(--so-search-glass-bg);-webkit-backdrop-filter:var(--so-search-glass-blur);backdrop-filter:var(--so-search-glass-blur);border:1px solid var(--so-search-glass-border);border-radius:var(--so-search-glass-radius);box-shadow:0 24px 64px -16px #3b362c47,0 8px 24px -8px #3b362c24,inset 0 1px #fff6;max-height:calc(100dvh - var(--so-search-overlay-top, 0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;animation:so-search-panel-in var(--so-duration-normal, .24s) var(--so-ease-decel, cubic-bezier(.16, 1, .3, 1)) both}@supports not (backdrop-filter: blur(1px)){.so-search-overlay__panel{background:#f9f6f1f0}}@media screen and (min-width:750px){.so-search-overlay__panel{max-height:min(90dvh,calc(100dvh - var(--so-search-overlay-top, 0px) - env(safe-area-inset-bottom,0px)))}}html.reduced-effects .so-search-overlay__panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#f9f6f1f0}@media(prefers-reduced-motion:reduce){.so-search-overlay__panel{animation:none}}.so-search-overlay__header{display:flex;align-items:center;gap:1rem;padding-block:1rem;border-bottom:1px solid transparent;box-sizing:border-box}so-search-overlay[expanded] .so-search-overlay__header{border-bottom-color:#3b362c14}.so-search-overlay__form{flex:1;display:flex;align-items:center;position:relative;min-width:0;padding-inline:1.25rem;border-radius:var(--so-radius-pill, 9999px);background:var(--so-search-field-bg);-webkit-backdrop-filter:var(--so-blur-subtle, blur(8px) saturate(120%));backdrop-filter:var(--so-blur-subtle, blur(8px) saturate(120%));border:1px solid var(--so-search-field-border);box-shadow:inset 0 1px #ffffff8c,0 2px 12px -6px #3b362c38;transition:background-color var(--so-duration-fast, .15s) var(--so-ease-smooth, ease),border-color var(--so-duration-fast, .15s) var(--so-ease-smooth, ease),box-shadow var(--so-duration-fast, .15s) var(--so-ease-smooth, ease)}.so-search-overlay__form:focus-within{background:var(--so-search-field-bg-focus);border-color:var(--so-search-field-border-focus);box-shadow:inset 0 1px #ffffffb3,0 6px 20px -8px #3b362c47,0 0 0 3px #ffffff42}@supports not (backdrop-filter: blur(1px)){.so-search-overlay__form{background:#ffffffb8}}html.reduced-effects .so-search-overlay__form{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffffffb8}.so-search-overlay__form .so-search-overlay__input{flex:1;font-size:1.375rem;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 400);line-height:1.2;background:transparent;border:none;border-radius:0;padding:.875rem 0;color:var(--so-color-foreground, #3b362c);outline:none;width:100%;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-appearance:none;appearance:none}.so-search-overlay__form .so-search-overlay__input:focus{background:transparent;border:none;box-shadow:none;outline:none}.so-search-overlay__input::placeholder{color:#3b362c66;font-weight:300}.so-search-overlay__input::-webkit-search-cancel-button,.so-search-overlay__input::-webkit-search-decoration{-webkit-appearance:none;display:none}@media screen and (max-width:749px){.so-search-overlay__form{padding-inline:1rem}.so-search-overlay__form .so-search-overlay__input{font-size:1.125rem;padding-block:.75rem}}.so-search-overlay__close{flex-shrink:0;display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;color:#3b362c99;padding:.5rem;min-width:44px;min-height:44px;border-radius:var(--so-radius-sm, 6px);transition:color .15s ease,background-color .15s ease;font-size:.875rem;letter-spacing:.04em;text-transform:uppercase}.so-search-overlay__close:hover{color:var(--so-color-foreground, #3b362c);background:#3b362c0d}.so-search-overlay__close-label{font-family:var(--font-body-family, inherit)}@media screen and (max-width:749px){.so-search-overlay__close-label{display:none}}.so-search-overlay__body{display:none;padding-block:1.5rem 2rem;box-sizing:border-box;overflow:hidden}so-search-overlay[expanded] .so-search-overlay__body{display:block}.so-search-overlay__results{min-height:4rem}@media(prefers-reduced-motion:no-preference){so-search-overlay[expanded] .so-search-results__group-heading,so-search-overlay[expanded] .so-search-option,so-search-overlay[expanded] .so-search-results__footer,so-search-overlay[expanded] .so-search-overlay__no-results{animation:so-search-row-in .32s var(--so-ease-decel, cubic-bezier(.16, 1, .3, 1)) both;animation-delay:calc(var(--so-search-stagger, 0) * 45ms)}}so-search-overlay[loading] .so-search-overlay__results{opacity:.5;pointer-events:none}.so-search-results__inner{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:750px){.so-search-results__inner--split{grid-template-columns:1fr 280px;gap:3rem}}.so-search-results__group-heading{font-family:var(--font-body-family, inherit);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#3b362c73;margin:0 0 .75rem}.so-search-results__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.so-search-option{border-radius:var(--so-radius-sm, 6px);transition:background .12s ease}.so-search-option--selected,.so-search-option:hover{background:#3b362c0f}.so-search-results__product-link{display:flex;align-items:center;gap:1rem;padding:.625rem .75rem;text-decoration:none;color:var(--so-color-foreground, #3b362c);min-height:44px}.so-search-results__product-media{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.so-search-results__product-img{width:60px;height:60px;object-fit:cover;border-radius:var(--so-radius-sm, 4px);display:block}.so-search-results__product-img--placeholder{background:#3b362c14;border-radius:var(--so-radius-sm, 4px)}.so-search-results__product-info{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.so-search-results__product-vendor{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#3b362c80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.so-search-results__product-title{font-size:.9375rem;font-weight:400;line-height:1.3;color:var(--so-color-foreground, #3b362c);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-search-results__product-price{font-size:.875rem;font-family:var(--font-price-family, inherit);color:#3b362cb3}.so-search-results__sidebar{display:flex;flex-direction:column;gap:1.5rem}.so-search-results__group{display:flex;flex-direction:column}.so-search-results__text-link{display:block;padding:.5rem .75rem;font-size:.9375rem;font-weight:400;color:var(--so-color-foreground, #3b362c);text-decoration:none;min-height:44px;display:flex;align-items:center}.so-search-results__footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(59,54,44,.08)}.so-search-results__view-all{font-size:.875rem;font-family:var(--font-heading-family, inherit);text-transform:uppercase;letter-spacing:.06em;color:#3b362cb3;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px}.so-search-results__view-all:hover{color:var(--so-color-foreground, #3b362c)}.so-search-overlay__no-results{padding:2rem 0;display:flex;flex-direction:column;gap:1rem}.so-search-overlay__no-results-message{color:#3b362c99;font-size:.9375rem;margin:0}@keyframes so-search-fade-in{0%{opacity:0}to{opacity:1}}@keyframes so-search-panel-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes so-search-row-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.so-search-results__group--note{margin-top:1.5rem}.so-search-results__group--note .so-search-note__text{margin:0 0 .5rem;font-size:.8125rem;line-height:1.45;color:#3b362cb3}
/*# sourceMappingURL=/cdn/shop/t/114/assets/component-predictive-search.css.map */