details[open=false]:not([open=true]) predictive-search[results] .predictive-search,.predictive-search,.popular-searches{visibility:hidden;transform-origin:center top;transform:scaleY(0);transition:transform .2s ease,visibility 0s .2s}.search-popdown--page:focus-within search-form .popular-searches,details[open=true] search-form .popular-searches{visibility:visible;transform:scaleY(1);transition:transform .2s ease .2s,visibility 0s}.search-popdown--page:focus-within predictive-search:not([open]):not([results]).is-searched .popular-searches,details[open=true] predictive-search:not([open]):not([results]).is-searched .popular-searches{transition:none}.search-popdown--page:focus-within predictive-search:not([open]):not([results]) .popular-searches,details[open=true] predictive-search:not([open]):not([results]) .popular-searches{visibility:visible;transform:scaleY(1);transition:transform .2s ease .2s,visibility 0s}.search-popdown--page:focus-within predictive-search:not([open]):not([results]) .predictive-search,details[open=true] predictive-search:not([open]):not([results]) .predictive-search{transition-delay:.1s}predictive-search[open=true][results=true] .predictive-search{transition:none}predictive-search[open=true][results=true].is-searched .predictive-search{visibility:visible;transform:scaleY(1);transition:transform .2s ease .2s,visibility 0s}predictive-search[open=true][results=true] .popular-searches{transition:none}.search-popdown--page:focus-within .search-popdown__body--has-popular-searches predictive-search:not([open]):not([results]) .predictive-search,.search-popdown--page:focus-within .search-popdown__body--has-popular-searches search-form,details[open=true] .search-popdown__body--has-popular-searches predictive-search:not([open]):not([results]) .predictive-search,details[open=true] .search-popdown__body--has-popular-searches search-form{transition-delay:0s}.search-popdown--page:focus-within search-form .predictive-search__heading span,.search-popdown--page:focus-within predictive-search:not([open]):not([results]) .predictive-search__heading span,details[open=true] search-form .predictive-search__heading span,details[open=true] predictive-search:not([open]):not([results]) .predictive-search__heading span,.search-popdown--page:focus-within .search-popdown__body--has-popular-searches predictive-search.reset .predictive-search__heading span,.search-popdown--page:focus-within .search-popdown__body--has-popular-searches predictive-search.reset:not([open]):not([results]) .predictive-search__heading span,details[open=true] .search-popdown__body--has-popular-searches predictive-search.reset .predictive-search__heading span,details[open=true] .search-popdown__body--has-popular-searches predictive-search.reset:not([open]):not([results]) .predictive-search__heading span,predictive-search[open=true][results=true] .predictive-search__heading span,.search-popdown--page:focus-within search-form .predictive-search__list,.search-popdown--page:focus-within predictive-search:not([open]):not([results]) .predictive-search__list,details[open=true] search-form .predictive-search__list,details[open=true] predictive-search:not([open]):not([results]) .predictive-search__list,.search-popdown--page:focus-within .search-popdown__body--has-popular-searches predictive-search.reset .predictive-search__list,.search-popdown--page:focus-within .search-popdown__body--has-popular-searches predictive-search.reset:not([open]):not([results]) .predictive-search__list,details[open=true] .search-popdown__body--has-popular-searches predictive-search.reset .predictive-search__list,details[open=true] .search-popdown__body--has-popular-searches predictive-search.reset:not([open]):not([results]) .predictive-search__list,predictive-search[open=true][results=true] .predictive-search__list{transform:translateY(0);opacity:1;transition:transform .2s .4s,opacity .2s .4s}.search-popdown--page:focus-within predictive-search.reset .predictive-search__heading span,.search-popdown--page:focus-within predictive-search.reset:not([open]):not([results]) .predictive-search__heading span,details[open=true] predictive-search.reset .predictive-search__heading span,details[open=true] predictive-search.reset:not([open]):not([results]) .predictive-search__heading span,details[open=false]:not([open=true]) predictive-search[results] .predictive-search__heading span,.search-popdown--page:focus-within predictive-search.reset .predictive-search__list,.search-popdown--page:focus-within predictive-search.reset:not([open]):not([results]) .predictive-search__list,details[open=true] predictive-search.reset .predictive-search__list,details[open=true] predictive-search.reset:not([open]):not([results]) .predictive-search__list,details[open=false]:not([open=true]) predictive-search[results] .predictive-search__list{opacity:0;transform:translateY(-5px);transition:transform .1s,opacity .1s}.search-popdown__body--fixed .search-form__inner{transform-origin:center top;transform:scaleY(0);visibility:hidden;transition:transform .2s ease .1s,visibility 0s .3s}details:not([open=true]) .search-popdown__body--fixed .search-form__inner{transition:transform .2s ease .4s,visibility 0s .6s}.no-js details[open] .search-popdown__body--fixed .search-form__inner,details[open=true] .search-popdown__body--fixed .search-form__inner{visibility:visible;transform:scaleY(1);transition:transform .2s ease,visibility 0s}.search-popdown__body--fixed .search-form__input-holder{opacity:0;transform:translateY(-10px);transition:transform .2s,opacity .1s}details:not([open=true]) .search-popdown__body--fixed .search-form__input-holder{transition:transform .2s .2s,opacity .1s .2s}.no-js details[open] .search-popdown__body--fixed .search-form__input-holder,details[open=true] .search-popdown__body--fixed .search-form__input-holder{transform:translateY(0);opacity:1;transition:transform .1s .2s,opacity .1s .2s}.search-popdown--page:focus-within predictive-search:not([loading]) .predictive-search__loading-state,.search-popdown--page:focus-within search-form:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search__loading-state,search-form:not([loading]) .predictive-search__loading-state{display:none}.search-popdown--page:focus-within predictive-search[loading] .predictive-search__group,.search-popdown--page:focus-within predictive-search[loading] .predictive-search__actions,.search-popdown--page:focus-within search-form[loading] .predictive-search__group,.search-popdown--page:focus-within search-form[loading] .predictive-search__actions,predictive-search[loading] .predictive-search__group,predictive-search[loading] .predictive-search__actions,search-form[loading] .predictive-search__group,search-form[loading] .predictive-search__actions{display:none}.search-popdown--page:focus-within predictive-search[loading] .predictive-search__loader,.search-popdown--page:focus-within search-form[loading] .predictive-search__loader,predictive-search[loading] .predictive-search__loader,search-form[loading] .predictive-search__loader{opacity:1;visibility:visible}.no-js details[open] .search-popdown__close{display:none}.no-js details[open] .search-popdown__toggle .icon-search{display:none}.no-js details[open] .search-popdown__toggle .icon-close{display:block}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search,.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .popular-searches{transform:scaleY(0);transition:none}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search__heading span,.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .predictive-search__list{opacity:0;transform:translateY(-5px);transition:transform .2s,opacity .1s}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__inner{opacity:0;transition:opacity .3s}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__input-holder{opacity:0;transform:translateY(-10px);transition:none}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__toggle .icon-search{display:block}.nav:has(search-popdown details[open]) .menu__items:hover+.menu__item .search-popdown__toggle .icon-close{display:none}@supports not (selector(:has(*))){.menu__items:hover+.menu__item .predictive-search,.menu__items:hover+.menu__item .popular-searches,.menu__items:hover+.menu__item details[open=true] search-form .popular-searches,.menu__items:hover+.menu__item details[open=true] predictive-search:not([open]):not([results]) .popular-searches,.menu__items:hover+.menu__item predictive-search[open=true][results=true].is-searched .predictive-search{transform:scaleY(0);transition:none}.menu__items:hover+.menu__item .predictive-search__heading span,.menu__items:hover+.menu__item .predictive-search__list,.menu__items:hover+.menu__item details[open=true] search-form .predictive-search__heading span,.menu__items:hover+.menu__item details[open=true] predictive-search:not([open]):not([results]) .predictive-search__heading span,.menu__items:hover+.menu__item predictive-search[open=true][results=true] .predictive-search__heading span,.menu__items:hover+.menu__item details[open=true] search-form .predictive-search__list,.menu__items:hover+.menu__item details[open=true] predictive-search:not([open]):not([results]) .predictive-search__list,.menu__items:hover+.menu__item predictive-search[open=true][results=true] .predictive-search__list{opacity:0;transform:translateY(-5px);transition:transform .2s,opacity .1s}.menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__inner{opacity:0;transition:opacity .3s}.menu__items:hover+.menu__item .search-popdown__body--fixed .search-form__input-holder{opacity:0;transform:translateY(-10px);transition:none}.menu__items:hover+.menu__item .search-popdown__toggle .icon-search{display:block}.menu__items:hover+.menu__item .search-popdown__toggle .icon-close{display:none}}search-popdown{--width: 600px;--icon-size: 26px;--search-popdown-height: 68px;display:flex}search-popdown details>summary:first-of-type{list-style-type:none}.search-popdown--page,.search-popdown--page .search-popdown__body{width:100%}.search-popdown--page .predictive-search,.search-popdown--page .popular-searches{border:var(--BORDER-WIDTH) solid var(--border);border-top:0;max-width:calc(var(--width) - 2px);max-height:calc(100vh - var(--search-popdown-height))}@media only screen and (max-width: 767px){.search-popdown--page .predictive-search,.search-popdown--page .popular-searches{display:none}}@media (pointer: coarse){.search-popdown--page .predictive-search,.search-popdown--page .popular-searches{display:none}}.search-popdown--page .search-popdown__close{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}@media only screen and (max-width: 767px){.search-popdown--page .search-popdown__close{display:none}}@media (pointer: coarse){.search-popdown--page .search-popdown__close{display:none}}[data-search-performed=false] .search-popdown--page .predictive-search,[data-search-performed=false] .search-popdown--page .popular-searches,[data-search-performed=false] .search-popdown--page .search-popdown__close,.no-js .search-popdown--page .popular-searches,.no-js .search-popdown--page .search-popdown__close{display:none}.search-popdown--page:focus-within .search-popdown__close{opacity:1;visibility:visible}.search-popdown__body--fixed{position:fixed;z-index:4;top:100%;left:0;width:100%}@media only screen and (max-width: 767px){.search-popdown__body--fixed{width:100vw}}.search-popdown__results{position:absolute;z-index:4;top:100%;left:0;right:0;width:100%;height:100vh;max-height:calc(100vh - var(--header-height) - var(--search-popdown-height));pointer-events:none}@media only screen and (max-width: 767px){.search-popdown__results{width:100vw}}.search-popdown__results>*{pointer-events:all}.search-popdown__toggle{display:flex;justify-content:center;align-items:center;cursor:pointer}.search-popdown__toggle::-webkit-details-marker{display:none}.search-popdown__toggle .icon-close{display:none}.search-popdown__close{position:absolute;top:50%;right:9px;transform:translateY(-50%);width:44px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;text-decoration:none}@media only screen and (max-width: 767px){.search-popdown__close{right:0;width:40px}}.search-popdown__close .icon{width:calc(var(--icon-size) - 2px);height:calc(var(--icon-size) - 2px);stroke-width:calc(var(--STROKE-WIDTH) - 4px);transition:transform .3s ease;pointer-events:none}.search-popdown__close:hover .icon{transform:rotate(90deg)}predictive-search,search-form{width:100%;display:block}@media only screen and (max-width: 767px){predictive-search,search-form{max-width:none}}predictive-search p,search-form p{margin:0}predictive-search mark,search-form mark{background-color:var(--bg-accent);color:var(--text)}.predictive-search,.popular-searches{--image-size: 30px;--gap-lg: 24px;--gap-sm: 16px;--left-right: var(--gap-lg);--top-bottom: var(--gap-sm);--item-top-bottom: calc(var(--top-bottom) / 2);position:absolute;z-index:4;top:0;right:0;left:0;margin:-11px auto 0;width:100%;max-width:var(--width);max-height:calc(100vh - var(--header-height, 0px) - var(--search-popdown-height));background:var(--bg);overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:smooth;scrollbar-width:none;-ms-overflow-style:none}.predictive-search::-webkit-scrollbar,.popular-searches::-webkit-scrollbar{display:none}@media only screen and (max-width: 767px){.predictive-search,.popular-searches{margin-top:-8px;border-left:0;border-right:0;max-width:none}}.has-scrolled .predictive-search,.has-scrolled .popular-searches{max-height:calc(100vh - var(--header-sticky-height) - var(--search-popdown-height))}.popular-searches .predictive-search__list{padding:var(--item-top-bottom) var(--left-right);display:flex;flex-flow:row wrap}.popular-searches .predictive-search__list:last-child{padding-bottom:0}.popular-searches .predictive-search__group:last-child{padding-bottom:var(--gap-lg)}.popular-searches .predictive-search__item{padding:0 var(--left-right) calc(var(--item-top-bottom) * 1.75) 0}
/*# sourceMappingURL=/cdn/shop/t/93/assets/search-popdown.css.map */
