:root{--js-mobile: (max-width: 719.9px);--js-tablet: (min-width: 720px);--js-below-small-desktop: (max-width: 1023.9px);--js-small-desktop: (min-width: 1024px);--js-desktop: (min-width: 1440px);--js-max-page-width: (min-width: 1600px)}@keyframes search_drawer_content_appear{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes search_drawer_content_hide{0%{opacity:0}to{opacity:1}}.drawer[data-fluco-dialog=predictiveSearchDrawer]{--drawer-width: 100vw;background:var(--color-background, #ffffff);color:var(--color-text, #27291f);border-radius:0!important;box-shadow:none!important}@media(min-width:1024px){.drawer[data-fluco-dialog=predictiveSearchDrawer]{--drawer-width: 375px;transition:width var(--animation-timing-300) var(--ease-out-quart)}.drawer[data-fluco-dialog=predictiveSearchDrawer]:has(predictive-search-drawer[data-displayed-state=loading],predictive-search-drawer[data-displayed-state=results],predictive-search-drawer[data-displayed-state=empty]){--drawer-width: 720px}}.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-header,.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-content,.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-footer{padding:0;background:transparent;box-shadow:none!important}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer__header-content{display:flex;align-items:center;padding:64px 16px 0 6px}.predictive-search-drawer__close-form{flex:0 0 auto;margin:0;padding:0;line-height:0}.predictive-search-drawer__close-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:0;border-radius:36px;color:var(--color-text, #27291f);cursor:pointer;outline:none;transition:background-color var(--animation-timing-200) var(--ease-out-quart)}.predictive-search-drawer__close-button:hover{background-color:var(--color-text-alpha-05, rgba(39, 41, 31, .06))}.predictive-search-drawer__close-button:focus-visible{outline:2px solid rgba(39,41,31,.6);outline-offset:2px}.predictive-search-drawer__close-button svg{width:16px;height:16px;display:block}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer__form{flex:1 1 auto;margin:10px 0 10px 14px;position:relative}.predictive-search-drawer__search-input{position:relative;display:block;width:100%}.predictive-search-drawer__input{width:100%;height:60.5px;padding:0 88px 0 16px;background:var(--color-text-alpha-05, #f7f7f5);border:1px solid rgba(39,41,31,.4);border-radius:8px;color:var(--color-text, #27291f);font-family:var(--spring-ff-brand);font-weight:var(--spring-fw-regular);font-size:16.6px;line-height:26.5px;-webkit-appearance:none;appearance:none;outline:none;transition:border-color var(--animation-timing-200) var(--ease-out-quart)}.predictive-search-drawer__input::placeholder{color:var(--color-text-alpha-60, rgba(39, 41, 31, .6));opacity:1}.predictive-search-drawer__input:focus{border-color:#27291fb3}.predictive-search-drawer__input::-webkit-search-cancel-button,.predictive-search-drawer__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.predictive-search-drawer__clear-button{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;transition:opacity var(--animation-timing-200) var(--ease-out-quart)}.predictive-search-drawer__search-input:has(input:placeholder-shown) .predictive-search-drawer__clear-button{opacity:0;pointer-events:none}.predictive-search-drawer__clear-button .search-input__clear-button-disc{width:16px;height:16px;border-radius:50%;background:var(--color-text, #27291f);color:var(--color-background, #ffffff);display:inline-flex;align-items:center;justify-content:center}.predictive-search-drawer__submit-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:0;color:var(--color-text, #27291f);cursor:pointer;transition:opacity var(--animation-timing-200) var(--ease-out-quart)}.predictive-search-drawer__submit-icon svg{width:20px;height:20px;display:block}.predictive-search-drawer__submit-icon:hover{opacity:.7}.predictive-search-drawer__search-input.in-progress .predictive-search-drawer__submit-icon{opacity:.3;pointer-events:none}.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-content{padding:36.5px 16px 64px}@media(min-width:1024px){.drawer[data-fluco-dialog=predictiveSearchDrawer]:has(predictive-search-drawer[data-displayed-state=loading],predictive-search-drawer[data-displayed-state=results],predictive-search-drawer[data-displayed-state=empty]) .drawer-content{padding-left:32px;padding-right:32px;padding-top:var(--spacing-200)}}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set{margin:0;display:flex;flex-direction:column;gap:12px}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set__heading{font-family:var(--spring-ff-brand)!important;font-weight:var(--spring-fw-light)!important;font-size:var(--spring-fs-overline)!important;line-height:var(--spring-lh-flat)!important;letter-spacing:var(--spring-ls-overline, .12em)!important;text-transform:uppercase;color:var(--color-overline, var(--color-text-alpha-70, rgba(0, 0, 0, .7)));margin:0}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set__results--text-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set__result{margin:0;padding:0}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set__results--text-items a{display:inline-block;margin:0;padding:0;border-radius:0;background:transparent;min-height:0;color:var(--color-text, #27291f);text-decoration:none;font-family:var(--spring-ff-brand);font-weight:var(--spring-fw-light);font-size:var(--spring-fs-h3);line-height:var(--spring-lh-heading);transition:opacity var(--animation-timing-200) var(--ease-out-quart)}.drawer[data-fluco-dialog=predictiveSearchDrawer] .predictive-search-drawer_default-state .predictive-search__result-set__results--text-items a:hover{background:transparent;opacity:.6}predictive-search-drawer[data-displayed-state=results] .predictive-search-drawer_default-state{display:none}predictive-search-drawer[data-displayed-state=default] .predictive-search-drawer_results-container{pointer-events:none;animation:search_drawer_content_hide var(--animation-timing-200) var(--ease-out-quart)}predictive-search-drawer[data-displayed-state=empty] .predictive-search-drawer_default-state{display:none}predictive-search-drawer[data-displayed-state=empty] .drawer-content,predictive-search-drawer[data-displayed-state=empty] .predictive-search-drawer_results-container{height:100%;min-height:100%}predictive-search-drawer[data-displayed-state=loading] .drawer-footer,predictive-search-drawer[data-displayed-state=default] .drawer-footer,predictive-search-drawer[data-displayed-state=empty] .drawer-footer{opacity:0}predictive-search-drawer[data-displayed-state=loading] .predictive-search-drawer_default-state,predictive-search-drawer[data-displayed-state=loading] .predictive-search__empty-state{display:none}predictive-search-drawer[data-displayed-state=results] .predictive-search-drawer_results-container{animation:search_drawer_content_appear var(--animation-timing-200) var(--ease-out-quart)}.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-viewport{padding-bottom:85px}.drawer[data-fluco-dialog=predictiveSearchDrawer] .drawer-footer{background:linear-gradient(to bottom,transparent,var(--color-background, #ffffff));position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-150) 16px var(--spacing-200)}.predictive-search-drawer__submit-button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.predictive-search-drawer__submit-button.hidden{opacity:0;pointer-events:none}.predictive-search-drawer_results-container .predictive-search__result-set{margin-top:var(--spacing-200);margin-bottom:var(--spacing-400)}@media(min-width:1024px){.predictive-search-drawer_results-container .predictive-search__result-set{margin-bottom:var(--spacing-600)}}.predictive-search-drawer_results-container .predictive-search__result-set__heading{color:var(--color-text-alpha-70, rgba(39, 41, 31, .7));margin-bottom:var(--spacing-200)}@media(min-width:1024px){.predictive-search-results:not([data-total-result-count="0"]):has(aside){display:flex;flex-direction:row;gap:var(--spacing-700);align-items:flex-start;justify-content:flex-start}.predictive-search-results:not([data-total-result-count="0"]):has(aside) aside{width:190px;position:sticky;top:0;flex-shrink:0}.predictive-search-results:not([data-total-result-count="0"]):has(aside) section{flex-grow:1}}.predictive-search-results[data-total-result-count="0"]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.predictive-search-drawer_results-container .predictive-search__result-set__results--text-items a{display:block;margin-left:calc(var(--spacing-125) * -1);margin-right:calc(var(--spacing-125) * -1);padding-left:var(--spacing-125);padding-right:var(--spacing-125);padding-top:var(--spacing-125);padding-bottom:var(--spacing-125);border-radius:var(--radius-button-within-drawer);text-decoration:none;min-height:46px;transition:background-color var(--animation-timing-100) var(--ease-out-quart)}@media(min-width:1024px){.predictive-search-drawer_results-container .predictive-search__result-set__results--text-items a{margin-left:calc(var(--spacing-150) * -1);margin-right:calc(var(--spacing-150) * -1);padding-left:var(--spacing-150);padding-right:var(--spacing-150)}}.predictive-search-drawer_results-container .predictive-search__result-set__results--text-items a:hover{background-color:var(--color-text-alpha-10, rgba(39, 41, 31, .1))}.predictive-search__result-set--type-queries mark{background-color:transparent;font-weight:700;color:var(--color-accent, var(--color-text, #27291f))}.predictive-search__result-set--type-products .predictive-search__result-set__results{display:flex;flex-direction:column;gap:var(--spacing-200)}@media(min-width:1024px){.predictive-search__result-set--type-products .predictive-search__result-set__results{gap:var(--spacing-250)}}@media(min-width:720px){.predictive-search__result-set--type-products .product-item-minimal .image{width:80px}}@media(min-width:1024px){.predictive-search__result-set--type-products .product-item-minimal .image{width:102px}}.predictive-search__result-set--type-products .product-item-minimal .product-item-minimal__content{justify-content:center}.predictive-search__result-set--type-products .product-item-minimal__content-main__title_and_price{display:flex;flex-direction:column;gap:var(--spacing-50)}.predictive-search__empty-state{text-align:center;gap:var(--spacing-100);display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-predictive-search-drawer.css.map */