.predictive-search{position:absolute;right:0;top:calc(100% + .75rem);background:#fff;box-shadow:0 0 1rem var(--color-foreground-50);width:clamp(20rem,100%,45rem);overflow:auto;opacity:0;pointer-events:none;transform:translateY(-.65rem);border-radius:4px;visibility:hidden;transform-origin:calc(100% - 6rem) -1.5rem;transition:opacity .18s ease,transform .32s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,visibility 0s linear .32s;will-change:opacity,transform;z-index:51}@media all and (max-width:374px){.header:is(.with--login-icon-onmobile) .predictive-search,.predictive-search{left:-3.5rem}}@media all and (min-width:375px)and (max-width:420px){.predictive-search{right:-2rem}.header:is(.with--login-icon-onmobile) .predictive-search{right:-4rem}}@media(min-width:768px){.logo--middle.search-icon__position-right .predictive-search{right:0}}#predictive-search-results{position:relative}#predictive-search-results .item-quantity{display:none}#predictive-search-products-list>li .stock-sku{text-align:right;font-size:.75rem;line-height:1rem;font-weight:600}#predictive-search-products-list>li .stock-sku .stock{font-weight:500;text-decoration-line:underline}#predictive-search-products-list>li:not(.price__sale) .label-hidden{display:flex}#predictive-search-products-list>li:not(.price__sale) .label-hidden .price--compare{padding-left:.5rem;padding-right:.5rem}#predictive-search-articles-list,#predictive-search-pages-list,#predictive-search-collection-list{padding-top:.5rem;padding-bottom:.5rem}#predictive-search-articles-list li a,#predictive-search-pages-list li a,#predictive-search-collection-list li a{overflow-wrap:break-word;padding-left:1.25rem}#predictive-search-collection-list>li,#predictive-search-articles-list>li,#predictive-search-pages-list>li{display:flex;width:-moz-fit-content;width:fit-content}#predictive-search-collection-list>li:hover a,#predictive-search-articles-list>li:hover a,#predictive-search-pages-list>li:hover a{text-decoration-line:underline}#predictive-search-products-list{padding:.5rem}#predictive-search-results:not(:has(.results-wrapper)) #predictive-search-products-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:0}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list{display:block}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link{display:flex;flex-direction:row;gap:.75rem}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-details-wrapper{text-align:left}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-details-wrapper .item-price{justify-content:left}#predictive-search-results:not(:has(.results-wrapper)) #predictive-search-products-list .grid-item{width:50%;min-width:8rem}@media all and (max-width:500px){.search--icon .predictive-search{transform-origin:calc(100% - 1.5rem) -1.5rem}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-image{width:40%}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-details-wrapper{width:60%}}@media all and (min-width:501px){#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-image{width:30%}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item .item-link .item-details-wrapper{width:70%}}@media all and (min-width:640px){#predictive-search-results:not(:has(.results-wrapper)) #predictive-search-products-list .grid-item{width:33%}.predictive-search{transform-origin:calc(100% - 3rem) -1.5rem}}#predictive-search-products-list .item-price{display:block;min-height:auto;width:100%}#predictive-search-products-list squama-item:hover>.item-link .item-title{display:-webkit-box}#predictive-search-products-list .item-price--with-label .label{height:0;overflow:clip;position:absolute;width:0;opacity:0}.predictive-search__heading{position:sticky;top:0;z-index:50;margin-top:0;margin-bottom:0;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:400;background:#fff;border-bottom:.1rem solid var(--color-foreground-8)}.predictive-search__heading .search-result-count{color:var(--color-foreground-75)}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible;transition-delay:0s}predictive-search .spinner{position:absolute;right:.625rem;top:.625rem;height:1.5rem;width:1.5rem}predictive-search:not([loading]) .predictive-search__heading .spinner,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;justify-content:center;padding:1rem}.predictive-search__item{display:block;padding:.5rem;text-decoration:none}.predictive-search__item .price--unit{display:none}.predictive-search__item-content{width:100%}.predictive-search_action-view-all{border-top:.1rem solid var(--color-foreground-8);background-color:var(--color-background);z-index:21;position:sticky;bottom:0;display:flex;justify-content:center}.predictive-search_action-view-all button{display:flex;width:-moz-fit-content;width:fit-content;flex-direction:row;font-size:1rem;line-height:1.5rem;text-decoration-line:none}.predictive-search_action-view-all button:hover,.predictive-search_action-view-all button:focus{box-shadow:none!important}#predictive-search-products-list .item-link{background:transparent}@media all and (max-width:989px){#predictive-search-products-list [data-mode=grid]{flex-wrap:wrap}}@media only screen and (min-width:990px){.logo--left .predictive-search{transform-origin:calc(100% - 1.5rem) -1.5rem}.logo--middle.search-icon__position-left .predictive-search{transform-origin:1.5rem -1.5rem;left:0}.logo--middle .predictive-search{width:clamp(20rem,100vw,34rem)}#predictive-search-results:has(.results-wrapper) #predictive-search-products-list .grid-item{width:100%}#predictive-search-results :is(.results-wrapper){display:flex;width:100%;justify-content:space-between}}@media all and (min-width:1200px){#predictive-search-results:not(:has(.results-wrapper)) #predictive-search-products-list .grid-item{width:25%}}predictive-search[open] .search--collapsed .predictive-search,predictive-search[loading] .search--collapsed .predictive-search{max-width:calc(100vw - 6rem);left:auto;right:0;width:34rem}@media(min-width:990px){predictive-search[open] .search--collapsed .predictive-search,predictive-search[loading] .search--collapsed .predictive-search{width:42rem}}:where(.search-tabs-wrapper){display:flex;gap:.75rem;padding:.5rem 1rem;width:100%;max-width:-moz-fit-content;max-width:fit-content}.search-tabs-wrapper h6{border:none;background:transparent;font-weight:400;font-size:1.25rem}:where(.search-tabs-wrapper :is([role=tab]>label)){position:relative}:where(.search-tabs-wrapper :is([role=tab]>label)):after{content:"";position:absolute;bottom:0;left:0;right:0;width:calc(100% - .75rem);height:1px;margin:0 auto;background-color:var(--color-foreground-50);opacity:0;transition:opacity .3s,transform .3s}:where(.search-tabs-wrapper :is(label)):hover:after,:where(.search-tabs-wrapper :is(label)):focus:after{opacity:1;transform:translate3d(0,1px,0)}:where(.search-tabs-wrapper :is(label)):hover,:where(.search-tabs-wrapper :is(label)):focus{cursor:pointer;opacity:1}:where(.search-tabs-wrapper :is(label:not(.tab-label__active))){opacity:.5}@media all and (max-width:989px){.search-tabs-wrapper{display:none}}@media all and (min-width:990px){search-results-tabs .tab-content~.tab-content{display:none}search-results-tabs .tab-content~.tab-content.tab-content__active{display:block}}:is(.predictive-search__suggestions){background:#f4f4f4;padding:.5rem 1.5rem}:is(.predictive-search__suggestions) h6{font-weight:400;font-size:1.15rem}:is(.predictive-search__suggestions) ul{color:var(--color-foreground)}:is(.predictive-search__suggestions) ul li{word-break:break-all;padding-top:.25rem;padding-bottom:.25rem}:is(.predictive-search__suggestions) ul li a{display:block}@media all and (max-width:989px){:is(.results-wrapper){display:flex;flex-direction:column-reverse}}@media all and (min-width:990px){.results-wrapper:has(.predictive-search__suggestions) search-results-tabs{width:100%}.results-wrapper:has(.predictive-search__suggestions) search-results-tabs squama-item{height:auto!important}.results-wrapper:has(.predictive-search__suggestions) search-results-tabs squama-item:after{content:none}:is(.predictive-search__suggestions){width:100%;max-width:35%;padding:.5rem .75rem}:is(.predictive-search__suggestions) ul{margin-top:2rem}}@media all and (min-width:1200px){:is(.predictive-search__suggestions){padding:.5rem 1.5rem}}filter-category :is(.select__results-options){max-height:20rem;overflow-y:auto}.select__results-options>li:hover,.select__results-options>li:focus{cursor:pointer;background:var(--color-foreground-10)}.search-filter-wrapper>button>span:first-letter{text-transform:capitalize}.search-filter-wrapper>button:focus:not(:focus-visible){box-shadow:none}.select__results-options{width:clamp(13rem,50vw,16rem)}.select__results-options a.active{color:var(--color-link);background:var(--color-foreground-4)}predictive-search{--predictive-search-surface: #ffffff;--predictive-search-text: #000000;--predictive-search-muted: rgba(0, 0, 0, .62);--predictive-search-border: rgba(0, 0, 0, .12);--predictive-search-soft: rgba(0, 0, 0, .04);--predictive-search-stock: #22c55e;--predictive-search-out: #9ca3af}.predictive-search{background:var(--predictive-search-surface);color:var(--predictive-search-text)}.predictive-search__drawer{display:flex;flex-direction:column;min-height:0}.predictive-search__layout{display:grid;gap:1rem;padding:1rem}.predictive-search__main-results,.predictive-search__side-results{min-width:0}.predictive-search__side-results{display:flex;flex-direction:column;gap:1rem}.predictive-search__group{min-width:0}.predictive-search__group+.predictive-search__group{border-top:1px solid var(--predictive-search-border);padding-top:1rem}.predictive-search__group-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.predictive-search__group-header h3{color:var(--predictive-search-text);font-size:1rem;font-weight:400;line-height:1.25;margin:0}.predictive-search__group-header span{color:var(--predictive-search-muted);font-size:.875rem}.predictive-search__heading{align-items:center;background:var(--predictive-search-surface);color:var(--predictive-search-text);display:flex;min-height:2.75rem}.predictive-search__heading .search-result-count{color:var(--predictive-search-text)}.predictive-search__product-list{display:grid;gap:.5rem;margin:0;padding:0}.predictive-search__product-card{align-items:center;background:var(--predictive-search-soft);border:1px solid transparent;border-radius:.25rem;color:var(--predictive-search-text);display:grid;gap:.75rem;grid-template-columns:4.75rem minmax(0,1fr) auto;min-height:5.75rem;padding:.5rem .65rem .5rem .5rem;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.predictive-search__product-card:hover,.predictive-search__product-card:focus,.predictive-search__list-item[aria-selected=true] .predictive-search__product-card{background:#10182412;border-color:var(--predictive-search-border);transform:translateY(-1px)}.predictive-search__product-image{align-items:center;aspect-ratio:1;background:#fff;border-radius:.25rem;display:flex;justify-content:center;overflow:hidden}.predictive-search__product-image :is(img,svg){display:block;height:100%;object-fit:contain;width:100%}.predictive-search__product-content{display:grid;gap:.2rem;min-width:0}.predictive-search__product-vendor{color:var(--predictive-search-muted);font-size:.78rem;line-height:1.1}.predictive-search__product-title{display:-webkit-box;font-size:.98rem;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.predictive-search__product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem .75rem}.predictive-search__stock{align-items:center;color:var(--predictive-search-muted);display:inline-flex;font-size:.78rem;gap:.35rem;line-height:1;white-space:nowrap}.predictive-search__stock>span{background:var(--predictive-search-stock);border-radius:999px;box-shadow:0 0 0 .18rem #22c55e29;height:.45rem;width:.45rem}.predictive-search__stock--out>span{background:var(--predictive-search-out);box-shadow:0 0 0 .18rem #9ca3af2e}.predictive-search__product-price .price{align-items:baseline;display:flex;flex-wrap:wrap;gap:.25rem}.predictive-search__product-price .price>dl,.predictive-search__product-price .price>dl>div{display:contents}.predictive-search__product-price .price--final{color:var(--color-base-accent-1);font-size:.95rem;font-weight:700;line-height:1}.predictive-search__product-price :is(.price--compare,.price--unit,.badge){display:none}.predictive-search__product-action{align-items:center;background:var(--color-base-accent-1);border-radius:.2rem;color:var(--color-base-accent-1-inverse);display:inline-flex;font-size:.82rem;justify-content:center;line-height:1;min-height:2rem;padding:.35rem .65rem;white-space:nowrap}.predictive-search__link-list,.predictive-search__starter-chips{margin:0;padding:0}.predictive-search__link-list{display:grid;gap:.45rem}.predictive-search__link-card{align-items:center;background:var(--predictive-search-soft);border:1px solid transparent;border-radius:.25rem;color:var(--predictive-search-text);display:flex;min-height:2.5rem;padding:.55rem .75rem;text-decoration:none}.predictive-search__link-card:hover,.predictive-search__link-card:focus,.predictive-search__list-item[aria-selected=true] .predictive-search__link-card{border-color:var(--predictive-search-border)}#predictive-search-results.predictive-search__drawer #predictive-search-products-list.predictive-search__product-list{align-items:stretch;display:grid;flex-wrap:initial;gap:.5rem;margin:0;padding:0}#predictive-search-products-list.predictive-search__product-list>.predictive-search__product-item{display:block;min-width:0;width:auto}#predictive-search-collection-list.predictive-search__link-list,#predictive-search-articles-list.predictive-search__link-list,#predictive-search-pages-list.predictive-search__link-list{display:grid;gap:.45rem;padding:0}#predictive-search-collection-list.predictive-search__link-list>.predictive-search__list-item,#predictive-search-articles-list.predictive-search__link-list>.predictive-search__list-item,#predictive-search-pages-list.predictive-search__link-list>.predictive-search__list-item{display:block;width:auto}#predictive-search-collection-list.predictive-search__link-list .predictive-search__link-card,#predictive-search-articles-list.predictive-search__link-list .predictive-search__link-card,#predictive-search-pages-list.predictive-search__link-list .predictive-search__link-card{padding:.55rem .75rem;text-decoration:none}#predictive-search-collection-list.predictive-search__link-list>.predictive-search__list-item:hover .predictive-search__link-card,#predictive-search-articles-list.predictive-search__link-list>.predictive-search__list-item:hover .predictive-search__link-card,#predictive-search-pages-list.predictive-search__link-list>.predictive-search__list-item:hover .predictive-search__link-card{text-decoration:none}.predictive-search__starter-chips{display:flex;flex-wrap:wrap;gap:.5rem}.predictive-search__starter-chip{background:var(--color-base-accent-1);border-radius:999px;color:var(--color-base-accent-1-inverse);display:inline-flex;font-size:.95rem;line-height:1;padding:.65rem .85rem;text-decoration:none}[aria-selected=true]>.predictive-search__starter-chip,.predictive-search__starter-chip:hover,.predictive-search__starter-chip:focus{box-shadow:0 0 0 .2rem rgba(var(--color-base-accent-1-rgb),.2)}.predictive-search__empty{background:var(--predictive-search-soft);border-radius:.25rem;color:var(--predictive-search-text);padding:1rem}.predictive-search__empty h3{color:var(--predictive-search-text);font-size:1rem;font-weight:400;margin:0 0 .25rem}.predictive-search__empty p{color:var(--predictive-search-muted);margin:0}.predictive-search__close{align-items:center;background:transparent;border:0;color:currentColor;display:none;font-size:2rem;height:2.75rem;justify-content:center;line-height:1;min-width:2.75rem;padding:0}.predictive-search__suggestions{background:transparent;padding:0}.predictive-search__suggestions ul{margin:0}.predictive-search__suggestions li a{align-items:center;background:var(--predictive-search-soft);border-radius:.25rem;color:inherit;display:flex;min-height:2.5rem;padding:.55rem .75rem;text-decoration:none}.predictive-search__suggestions li[aria-selected=true] a,.predictive-search__suggestions li a:hover,.predictive-search__suggestions li a:focus{box-shadow:inset 0 0 0 1px var(--predictive-search-border)}.predictive-search_action-view-all{background-color:var(--predictive-search-surface);color:var(--predictive-search-text)}.predictive-search_action-view-all button{color:var(--predictive-search-text)}.predictive-search_action-view-all--mobile{display:none}.predictive-search__suggestions ul{color:var(--predictive-search-text)}@media(prefers-reduced-motion:reduce){.predictive-search{transition-duration:.01ms;transform:none}}@media all and (min-width:990px){.predictive-search{border:1px solid var(--predictive-search-border);border-radius:.25rem;box-shadow:var(--theme-card-box-shadow);left:50%;max-height:calc(100vh - var(--predictive-search-top, 6rem) - 1rem)!important;max-width:1120px;overflow:auto;position:fixed;right:auto;top:var(--predictive-search-top, 6rem);transform:translate(-50%,-.65rem);transform-origin:top center;width:calc(100vw - 2rem)}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{transform:translate(-50%)}.predictive-search__layout{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem)}.predictive-search__main-results{border-right:1px solid var(--predictive-search-border);padding-right:1rem}}@media all and (max-width:989px){predictive-search[open],predictive-search[loading]{background:var(--predictive-search-surface);display:flex;flex-direction:column;height:100vh;height:100dvh;top:0;right:0;bottom:0;left:0;max-height:100vh;max-height:100dvh;overflow:hidden;padding:.75rem;position:fixed;z-index:100}predictive-search[open] form.search,predictive-search[loading] form.search{display:block;flex:1 1 auto;height:100%;margin:0;min-height:0;width:100%}predictive-search[open] form.search .field,predictive-search[loading] form.search .field{align-items:start;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:3rem;width:100%}predictive-search[open] .search__input,predictive-search[loading] .search__input{background:var(--search__background-color, #ffffff);color:#000;grid-column:1;grid-row:1;height:auto;left:auto;max-width:none;min-height:3.25rem;padding:.75rem 1rem;position:static;right:auto;top:auto;visibility:visible;width:100%}predictive-search[open] form.search--icon .search__input,predictive-search[loading] form.search--icon .search__input,predictive-search[open] form.search--icon__mobile-only .search__input,predictive-search[loading] form.search--icon__mobile-only .search__input{height:auto;left:auto;max-width:none;padding:.75rem 1rem;position:static;right:auto;top:auto;visibility:visible;width:100%}predictive-search[open] form.search .search__button,predictive-search[loading] form.search .search__button,predictive-search[open] form.search filter-category,predictive-search[loading] form.search filter-category{display:none}predictive-search[open] .predictive-search__close,predictive-search[loading] .predictive-search__close{background:#071d54;border-radius:.25rem;color:#fff;display:inline-flex;grid-column:2;grid-row:1;height:3.25rem;min-width:3.25rem}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{border:0;border-radius:0;box-shadow:none;display:flex;flex:1 1 auto;flex-direction:column;grid-column:1 / -1;grid-row:2;height:100%;left:auto;max-height:none!important;min-height:0;overflow:hidden;position:static;right:auto;top:auto;transform:none;visibility:visible;width:100%}predictive-search[open] .predictive-search__drawer,predictive-search[loading] .predictive-search__drawer{display:grid;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0}predictive-search[open] form.search--icon .predictive-search,predictive-search[loading] form.search--icon .predictive-search,predictive-search[open] form.search--icon__mobile-only .predictive-search,predictive-search[loading] form.search--icon__mobile-only .predictive-search{max-width:none;width:100%}.predictive-search__layout{flex:1 1 auto;gap:1.25rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:1rem .75rem 2rem}.predictive-search__heading{border-bottom:1px solid var(--predictive-search-border);padding-left:.75rem;padding-right:.75rem}.predictive-search__product-card{grid-template-columns:4.25rem minmax(0,1fr);padding:.5rem}.predictive-search__product-action{grid-column:2;justify-self:start}.predictive-search__starter-chip{font-size:.9rem}.predictive-search_action-view-all{background:var(--predictive-search-surface);border-top:1px solid var(--predictive-search-border);bottom:0;box-shadow:0 -.75rem 1.5rem #ffffffeb;display:flex;flex:0 0 auto;grid-row:3;justify-content:center;margin:0 .75rem;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));position:sticky;z-index:60}.predictive-search_action-view-all--mobile{display:flex}.predictive-search_action-view-all button{align-items:center;color:var(--predictive-search-text);justify-content:center;min-height:2.75rem;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-predictive-search.css.map */