.search-drawer>drawer-component{--drawer-width: 100%}.search-drawer>drawer-component [drawer-header]{display:none!important}@media(min-width:768px){.search-drawer>drawer-component{z-index:110;inset-block-start:var(--search-flyout-top, var(--header-height, 0px))}.search-drawer>drawer-component .search-drawer__bar{display:none!important}.search-drawer>drawer-component>[drawer-backdrop]{inset-block-start:0}.search-drawer>drawer-component[drawer-position=center]>[drawer-panel]{inset-block-start:0;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:calc(100dvh - var(--search-flyout-top, var(--header-height, 0px)));background:transparent;border-radius:0;transform:translateY(-8px);opacity:0;transition:transform var(--dur-menu-out) var(--ease-menu),opacity var(--dur-menu-out) var(--ease-menu),visibility var(--dur-menu-out);pointer-events:none}.search-drawer>drawer-component .search-drawer__wrap{max-inline-size:var(--page-width);margin-inline:auto;block-size:auto;pointer-events:auto}}@media(min-width:768px)and (min-width:1024px){.search-drawer>drawer-component .search-drawer__wrap{margin-block-start:8px}}@media(min-width:768px)and (min-width:1024px){.search-drawer>drawer-component .search-drawer__wrap{background-color:transparent;pointer-events:none}.search-drawer>drawer-component .search-drawer__wrap .search-drawer__bar,.search-drawer>drawer-component .search-drawer__wrap .search-drawer__inner{pointer-events:auto}}@media(min-width:768px)and (min-width:1024px){.search-drawer>drawer-component .search-drawer__inner{border:1px solid var(--color-border);border-radius:var(--border-radius-cards, 0);overflow:hidden}}@media(min-width:768px){.search-drawer>drawer-component[drawer-position=center]>[drawer-panel]:not(:has(.search-drawer__wrap--no-idle .search-drawer__results[hidden])){block-size:calc(100dvh - var(--search-flyout-top, var(--header-height, 0px)))}}@media(min-width:768px)and (min-width:1024px){.search-drawer>drawer-component[drawer-position=center]>[drawer-panel]:not(:has(.search-drawer__wrap--no-idle .search-drawer__results[hidden])){block-size:auto}}@media(min-width:768px){.search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel]{transform:translateY(0);opacity:1;visibility:visible;transition:transform var(--dur-menu-in) var(--ease-menu),opacity var(--dur-menu-in) var(--ease-menu),visibility var(--dur-menu-in);background:var(--color-bg)}}@media(min-width:768px)and (min-width:1024px){.search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel]{background:unset}}@media(min-width:768px){.search-drawer>drawer-component .search-drawer__inner{padding-inline:40px}}body:has(.header--standard) .search-drawer>drawer-component{z-index:110;inset-block-start:var(--search-flyout-top, var(--header-height, 0px))}body:has(.header--standard) .search-drawer>drawer-component .search-drawer__bar{display:none!important}body:has(.header--standard) .search-drawer>drawer-component>[drawer-backdrop]{inset-block-start:0}body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center]>[drawer-panel]{inset-block-start:0;inset-inline:0;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:calc(100dvh - var(--search-flyout-top, var(--header-height, 0px)));background:transparent;border-radius:0;transform:translateY(-8px);opacity:0;transition:transform var(--dur-menu-out) var(--ease-menu),opacity var(--dur-menu-out) var(--ease-menu),visibility var(--dur-menu-out);pointer-events:none}body:has(.header--standard) .search-drawer>drawer-component .search-drawer__wrap{max-inline-size:var(--page-width);margin-inline:auto;block-size:auto;pointer-events:auto}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component .search-drawer__wrap{margin-block-start:8px}}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component .search-drawer__wrap{background-color:transparent;pointer-events:none}body:has(.header--standard) .search-drawer>drawer-component .search-drawer__wrap .search-drawer__bar,body:has(.header--standard) .search-drawer>drawer-component .search-drawer__wrap .search-drawer__inner{pointer-events:auto}}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component .search-drawer__inner{border:1px solid var(--color-border);border-radius:var(--border-radius-cards, 0);overflow:hidden}}body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center]>[drawer-panel]:not(:has(.search-drawer__wrap--no-idle .search-drawer__results[hidden])){block-size:calc(100dvh - var(--search-flyout-top, var(--header-height, 0px)))}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center]>[drawer-panel]:not(:has(.search-drawer__wrap--no-idle .search-drawer__results[hidden])){block-size:auto}}body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel]{transform:translateY(0);opacity:1;visibility:visible;transition:transform var(--dur-menu-in) var(--ease-menu),opacity var(--dur-menu-in) var(--ease-menu),visibility var(--dur-menu-in);background:var(--color-bg)}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel]{background:unset}}body:has(.header--standard) .search-drawer>drawer-component .container{background:var(--color-bg) var(--gradient-background) no-repeat 100%}@media(min-width:768px){body:has(.header--standard) .search-drawer>drawer-component .container{background:transparent}}body:has(.header--standard) .search-drawer>drawer-component .search-drawer__inner{padding-inline:0}@media(min-width:1024px){body:has(.header--standard) .search-drawer>drawer-component .search-drawer__inner{border:1px solid var(--color-border);padding-inline:40px}}@media(min-width:768px){body:has(.header--standard) .search-drawer>drawer-component .predictive-search__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){body:has(.header--compact) .search-drawer>drawer-component{z-index:110;inset-block-start:var(--search-takeover-top, 0px)}body:has(.header--compact) .search-drawer>drawer-component>[drawer-backdrop],body:has(.header--compact) .search-drawer>drawer-component[drawer-position=center]>[drawer-panel]{inset-block-start:0;max-block-size:calc(100dvh - var(--search-takeover-top, 0px))}body:has(.header--compact) .search-drawer>drawer-component .search-drawer__wrap{max-inline-size:100%;margin-inline:0;margin-block-start:0;border:0;border-radius:0}}@media(min-width:768px)and (min-width:1024px){body:has(.header--compact) .search-drawer>drawer-component .search-drawer__wrap{background:transparent}}@media(min-width:768px){body:has(.header--compact) .search-drawer>drawer-component .search-drawer__bar{display:flex!important;justify-content:center;gap:16px;min-block-size:var(--search-takeover-bar, auto);margin-block-end:8px}body:has(.header--compact) .search-drawer>drawer-component .search-drawer__form{flex:0 1 600px;max-inline-size:600px;margin-inline:0}}.search-drawer__wrap{block-size:100%;--dur-wave: var(--dur-menu-content)}.search-drawer__wrap--no-idle .search-drawer__body:has(.search-drawer__results[hidden]){display:none}.search-drawer>drawer-component:has(.search-drawer__wrap--no-idle .search-drawer__results[hidden])>[drawer-backdrop]{opacity:0}.search-drawer__bar{position:sticky;inset-block-start:0;z-index:2;gap:12px;padding-block:12px;padding-inline:clamp(16px,4vw,48px);border-block-end:1px solid var(--color-border)}.search-drawer__form{gap:0;max-inline-size:720px;margin-inline:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-inputs, 4px);overflow:hidden}.search-drawer__form:focus-within{border-color:var(--color-input-border-focus, var(--color-text))}.search-drawer__scope{inline-size:122px;min-block-size:40px;color:var(--color-input-text);padding-inline:8px}.search-drawer__scope svg{--color-icon: var(--color-input-text);position:absolute;inset-inline-end:8px;inset-block-start:50%;transform:translateY(-50%);pointer-events:none}body:has(.header--no-category-filter) .search-drawer__scope{display:none!important}.search-drawer__select{-webkit-appearance:none;appearance:none;min-block-size:40px;max-inline-size:122px;padding-inline-end:24px;background:transparent;border:0;color:inherit}.search-drawer__select:focus{outline:none}.search-drawer__field{gap:4px;padding-inline:16px 8px;border-inline-start:1px solid var(--color-border);background-color:var(--color-input-bg, var(--color-bg))}.search-drawer__input{min-inline-size:0;min-block-size:40px;background:none;border:0;color:var(--color-input-text)}.search-drawer__input:focus{outline:none}.search-drawer__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-drawer__field:has(.search-drawer__ph) .search-drawer__input::placeholder{color:transparent}.search-drawer__ph{position:absolute;inset-block:0;inset-inline:16px 48px;display:flex;overflow:hidden;white-space:nowrap}.search-drawer__input:not(:placeholder-shown)~.search-drawer__ph{display:none}.search-drawer__ph-viewport{display:block;block-size:1lh;overflow:hidden}.search-drawer__ph-track{transform:translateY(calc(var(--ph-index, 0) * -1lh));transition:transform var(--dur-base, .5s) var(--ease-smooth)}@media(prefers-reduced-motion:reduce){.search-drawer__ph-track{transition:none}}.search-drawer__ph-word{block-size:1lh}.search-drawer__submit{padding:4px;background:none;border:0}.search-drawer__clear{padding:4px 8px;background:none;border:0}.search-drawer__wrap:not(.has-value) .search-drawer__clear{display:none}.search-drawer__wrap.has-value .search-drawer__submit{display:none}[header-drawer-search-mount] .search-drawer__wrap:not(.has-value):not(:focus-within) .search-drawer__close{display:none}.search-drawer__close{inline-size:2.25rem;block-size:2.25rem;padding:0;background:transparent;border:0}.search-drawer__close:hover{color:var(--color-text-subdued)}[header-drawer-search-mount] .search-drawer__wrap{block-size:auto}[header-drawer-search-mount] .search-drawer__wrap:not(.has-value):not(:focus-within) .search-drawer__idle{display:none}[header-drawer-search-mount] .search-drawer__inner{padding:12px var(--page-margin);margin-inline:calc(-1 * var(--page-margin));border-block-start:1px solid var(--color-border)}[header-drawer-search-mount] .search-drawer__bar{padding-inline:var(--page-margin);border-block-end:0}[header-drawer-search-mount] .search-drawer__wrap:not(.has-value):not(:focus-within) .search-drawer__body:has(.search-drawer__results[hidden]){display:none}.search-drawer .search-tags,[header-drawer-search-mount] .search-tags{margin-block-start:0}.search-drawer .search-tags__heading,[header-drawer-search-mount] .search-tags__heading{margin-block-end:12px;font-size:var(--font-body-size);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing);color:var(--color-text)}.search-drawer .search-tags__list,[header-drawer-search-mount] .search-tags__list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;margin:0;padding-inline-start:0;list-style:none;scrollbar-width:none}.search-drawer .search-tags__list::-webkit-scrollbar,[header-drawer-search-mount] .search-tags__list::-webkit-scrollbar{display:none}@media(min-width:1024px){.search-drawer .search-tags__list,[header-drawer-search-mount] .search-tags__list{flex-wrap:wrap;overflow-x:visible}}.search-drawer .search-tags__list li,[header-drawer-search-mount] .search-tags__list li{flex-shrink:0}.search-drawer .search-tags__chip,[header-drawer-search-mount] .search-tags__chip{padding:4px 8px;color:var(--color-accent-text);background-color:var(--color-accent);border:0;border-radius:var(--border-radius-inputs, 4px);text-decoration:none;font-size:var(--font-body-size);line-height:var(--font-body-line-height);letter-spacing:var(--font-body-letter-spacing)}.search-drawer .search-tags__chip:hover,.search-drawer .search-tags__chip:focus-visible,[header-drawer-search-mount] .search-tags__chip:hover,[header-drawer-search-mount] .search-tags__chip:focus-visible{opacity:.9}.search-drawer__popular{margin-block-start:20px}.search-drawer__popular-title{margin-block-end:12px}.search-drawer__popular-layout{display:grid;gap:16px}.search-drawer__grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:1024px){.search-drawer__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}#search-drawer-results .predictive-search__grid{--color-bg: var(--card-color-bg, var(--color-bg));--color-text: var(--card-color-text, var(--color-text));--color-text-subdued: var(--card-color-text-subdued, var(--color-text-subdued));--color-border: var(--card-color-border, var(--color-border));--color-price-sale: var(--card-color-price-sale, var(--color-price-sale));--color-offer-text: var(--card-color-offer-text, var(--color-offer-text));--gradient-background: var(--card-gradient-background, var(--gradient-background))}.search-drawer__wrap .mc-card__media img{block-size:100%;object-fit:cover}:is(.search-drawer__wrap,.search__predictive-panel) .mc-card[reveal] .mc-card__media :is(img:not(.blur-image),.placeholder-svg){transform:scale(calc(var(--media-park, 1) * var(--media-zoom, 1)))}@media not (prefers-reduced-motion:reduce){.js-reveal :is(.search-drawer__wrap,.search__predictive-panel) .mc-card[reveal]:not(.is-revealed) .mc-card__media :is(img:not(.blur-image),.placeholder-svg){--media-park: 1.08;transition:none}}:is(.search-drawer__wrap,.search__predictive-panel) .mc-card[reveal].is-revealed .mc-card__media :is(img:not(.blur-image),.placeholder-svg){transition:transform var(--dur-media) var(--ease-smooth);transition-delay:var(--media-delay, var(--reveal-delay, 0ms))}.search-drawer__results .is-highlighted,.search__predictive-panel .is-highlighted{outline:2px solid var(--color-indicator, var(--color-text));outline-offset:-2px;border-radius:var(--border-radius-inputs, 4px);background-color:transparent}.predictive-search__inner{gap:16px}.predictive-search__divider{block-size:1px;background-color:var(--color-border)}.predictive-search__divider--no-suggestions{display:none}.predictive-search__top-row{flex-direction:column;gap:12px}.predictive-search__suggest{gap:12px}.predictive-search__top-divider{inline-size:100%;block-size:1px;background-color:var(--color-border)}@media(min-width:1024px){.predictive-search__suggest-label{padding-inline-end:12px;border-inline-end:1px solid var(--color-border)}}.search__predictive-panel .predictive-search__suggest-label{padding-inline-end:0;border-inline-end:0}.predictive-search__chips{gap:8px;flex:1 1 100%;min-inline-size:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.predictive-search__chips::-webkit-scrollbar{display:none}.predictive-search__chips>li{flex-shrink:0}.predictive-search__chip{padding:4px 8px;color:var(--color-accent-text);background-color:var(--color-accent);border:0;border-radius:var(--border-radius-inputs, 4px);text-decoration:none}.predictive-search__chip mark{background:none;color:inherit;font-weight:700}.predictive-search__tabs{gap:8px;padding-block-end:16px;border-block-end:1px solid var(--color-border)}.predictive-search__tabbar{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none}.predictive-search__tabbar::-webkit-scrollbar{display:none}.predictive-search__tabbar .predictive-search__tab{flex:1 0 auto}.search-drawer__results .predictive-search__tabbar{position:sticky;inset-block-start:calc(var(--search-tabs-top, 0px) - 1px);z-index:1;padding-block-start:17px;background:var(--color-bg) var(--gradient-background) no-repeat 100%}@media(min-width:1024px){.search-drawer__results .predictive-search__tabbar{position:static;padding-block-start:0}}.search-drawer__results .predictive-search__tabs .predictive-search__secondary{display:contents}@media(min-width:1024px){.search-drawer__results .predictive-search__tabs .predictive-search__secondary{display:flex}}.predictive-search__tab{gap:8px;padding:0;border:0;background:transparent}.search-drawer__inner.is-morphing{overflow:hidden;transition:block-size var(--dur-menu-content) var(--ease-menu)}.predictive-search__tab-label{padding-inline:16px;opacity:.7;white-space:nowrap;transition:opacity var(--dur-fast) var(--ease-smooth)}.predictive-search__tab-underline{align-self:stretch;block-size:4px;background-color:var(--color-text);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-underline) var(--ease-smooth)}:dir(rtl) .predictive-search__tab-underline{transform-origin:right center}.predictive-search__tab.is-active .predictive-search__tab-label{opacity:1}.predictive-search__tab.is-active .predictive-search__tab-underline{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.predictive-search__tab-underline{transform:scaleX(1);opacity:0;transition:opacity var(--dur-base) ease}.predictive-search__tab:is(.is-active,[search-secondary-default]) .predictive-search__tab-underline{opacity:1}}.predictive-search__panel[hidden]{display:none}.predictive-search__secondary{gap:8px;min-inline-size:0}.predictive-search__panel-title{display:none;margin:0 0 12px}.predictive-search__tabs--single .predictive-search__panel-title{display:block}@media(min-width:1024px){#search-drawer{--search-column-max-height: 324px }#search-drawer .predictive-search__panel[search-panel=products] .predictive-search__panel-title{display:block}#search-drawer .predictive-search__tab[search-tab=products]{display:none}#search-drawer .predictive-search__panel[search-panel=products][hidden],#search-drawer .predictive-search__panel[search-secondary-default][hidden]{display:block!important}#search-drawer .predictive-search__tab[search-secondary-default] .predictive-search__tab-label{opacity:1}#search-drawer .predictive-search__tab[search-secondary-default] .predictive-search__tab-underline{transform:scaleX(1)}#search-drawer .predictive-search__tabbar{gap:32px}#search-drawer .predictive-search__tab{flex:0 0 auto;align-items:flex-start}#search-drawer .predictive-search__tab-label{padding-inline:0}#search-drawer .predictive-search__tabs:has([search-panel=products]):has(.predictive-search__secondary){flex-direction:row;align-items:stretch;gap:24px}#search-drawer .predictive-search__tabs:has([search-panel=products]):has(.predictive-search__secondary) .predictive-search__panel[search-panel=products]{order:-1;flex:2.2 1 0;min-inline-size:0}#search-drawer .predictive-search__tabs:has([search-panel=products]):has(.predictive-search__secondary) .predictive-search__secondary{flex:1 1 0;padding-inline-start:24px;border-inline-start:1px solid var(--color-border)}#search-drawer .predictive-search__grid,#search-drawer .predictive-search__secondary .predictive-search__panel{max-block-size:var(--search-column-max-height);overflow-y:auto;padding-inline-end:8px;padding-block-end:16px;margin-inline-end:-8px}}.predictive-search__link{display:block;padding-block:6px;text-decoration:none}@media(hover:hover)and (pointer:fine){.predictive-search__link:hover .link-underline{background-size:100% 1px}}.predictive-search__view-all{gap:8px;text-decoration:none}.predictive-search__view-all-term{color:var(--color-indicator, var(--color-text));text-decoration:underline}.predictive-search__grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:1024px){.search-drawer>drawer-component .predictive-search__top-row{flex-direction:row;align-items:center;flex-wrap:wrap}.search-drawer>drawer-component .predictive-search__suggest{order:1}.search-drawer>drawer-component .predictive-search__view-all{order:2;margin-inline-start:auto}.search-drawer>drawer-component .predictive-search__top-divider{display:none}.search-drawer>drawer-component .predictive-search__divider--no-suggestions{display:block}.search-drawer>drawer-component .predictive-search__chips{flex:0 1 auto;min-inline-size:auto;flex-wrap:wrap;overflow-x:visible}.search-drawer>drawer-component .predictive-search__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-drawer>drawer-component .predictive-search__tabs:not(:has([search-panel=collections])):not(:has([search-panel=blogs])) .predictive-search__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:1336px){.search-drawer>drawer-component .predictive-search__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.search-drawer>drawer-component .predictive-search__tabs:not(:has([search-panel=collections])):not(:has([search-panel=blogs])) .predictive-search__grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.predictive-search__empty-text{font-size:var(--font-h6-size);line-height:var(--font-h6-line-height);letter-spacing:var(--font-h6-letter-spacing)}.predictive-search__empty-link{color:var(--color-indicator, var(--color-text));text-decoration:underline}.search-drawer__results .search-tags,.search__predictive-panel .search-tags{margin-block-start:24px;padding-block-start:24px;border-block-start:1px solid var(--color-border)}.search__predictive-panel .search-tags__list{justify-content:flex-start}@media(prefers-reduced-motion:reduce){.search-drawer>drawer-component[drawer-position=center]>[drawer-panel],.search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel],body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center]>[drawer-panel],body:has(.header--standard) .search-drawer>drawer-component[drawer-position=center][open]>[drawer-panel]{transform:none;transition:opacity var(--dur-base) ease,visibility var(--dur-base)}.search-drawer__inner.is-morphing{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/search-drawer.css.map */