:root{--ease-out-quint: cubic-bezier(.23, 1, .32, 1)}.search-panel{position:fixed;inset-inline:0;top:var(--search-panel-top, var(--header-height, 109px));height:auto;z-index:97;overflow:hidden;pointer-events:none}.search-panel[open]{border-top:1px solid #000;pointer-events:auto}.search-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--search-panel-top, var(--header-height, 109px));background:transparent;z-index:-1}.search-panel__content{width:100%;height:auto;max-height:calc(100dvh - var(--search-panel-top, var(--header-height, 109px)));background-color:#e5e3dc;padding-block:20px env(safe-area-inset-bottom,0px);overflow-y:auto;overscroll-behavior:contain;touch-action:manipulation;display:flex;flex-direction:column;transform:translateY(-12px);opacity:0;will-change:transform,opacity;transition:none}.search-panel.search-panel--ready .search-panel__content{transition:transform .25s var(--ease-out-quint),opacity .25s var(--ease-out-quint)}.search-panel.search-panel--ready[open] .search-panel__content{transition:transform .3s var(--ease-out-quint),opacity .3s var(--ease-out-quint)}.search-panel[open] .search-panel__content{transform:translateY(0);opacity:1}.site-header{transition:background-color .25s var(--ease-out-quint)}.site-header.site-header--search-open{background-color:#e5e3dc!important;transition:background-color .3s var(--ease-out-quint)!important}@media(max-width:767.98px){.site-header{transition:background-color .2s var(--ease-out-quint)}.site-header.site-header--search-open{transition:background-color .25s var(--ease-out-quint)!important}}@media(prefers-reduced-motion:reduce){.search-panel .search-panel__content,.search-panel.search-panel--ready .search-panel__content,.search-panel.search-panel--ready[open] .search-panel__content{transition:none;transform:none}.search-panel[open] .search-panel__content{opacity:1}.search-panel:not([open]) .search-panel__content{opacity:0}.site-header.site-header--search-open{transition:none!important}}.search-panel__header{grid-area:header;padding:0 3rem 30px}.search-panel__form{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.search-panel__close{position:absolute!important;inset-block-start:0;inset-inline-end:2rem;z-index:2;background:none;border:none;cursor:pointer}.search-panel__close svg{width:24px;height:24px}.search-panel predictive-search{display:flex;flex-direction:column;flex:1;min-height:0;text-align:start}.f-search-drawer__field{position:relative}.f-search-drawer__field:before{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:1px;background:var(--color-border)}.f-search-drawer__field-icon{position:absolute;inset-inline-start:0;inset-block-start:36%;transform:translateY(-50%);display:inline-flex;width:23px;height:25.76px;pointer-events:none}.f-search-drawer__field-icon svg{width:100%;height:100%;max-width:21px}.f-search-drawer__field .input-focus-border{width:0;height:1px;background-color:var(--color-text-body);position:absolute;inset-block-end:0;inset-inline-start:0;transition:.25s all ease-in-out}.f-search-drawer__field input{border:none;border-radius:0;padding:8px 30px 20px 53px;background:none;line-height:24px}.f-search-drawer__input{font-size:15px;font-weight:600}.f-search-drawer__field input::placeholder{color:#a9a9a9}.f-search-drawer__field input:focus~.input-focus-border{width:100%}.search-panel .f-predictive-search__block{position:relative;padding:2.4rem 2rem}.search-panel .f-predictive-search__block:before{content:"";position:absolute;inset-block-start:0;inset-inline:2rem;height:1px;background:var(--color-border);z-index:-1}.f-predictive-search{display:none;padding:0 2rem}.search-panel .f-predictive-search{height:auto}.f-predictive-search__heading{display:flex;align-items:center;justify-content:space-between;gap:0 1rem}.f-predictive-search__results-list{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem}.f-predictive-search__results-list li{margin:0;padding:0}.f-predictive-search__block-products .f-predictive-search__heading,.f-predictive-search__block-products .f-predictive-search__subheading{margin-block-end:1.3rem}.f-predictive-search__block-products .f-predictive-search__results-list{flex-direction:column;gap:2rem}.f-predictive-search__block-products .f-predictive-search__results-list>li{min-width:0;max-width:100%;overflow:hidden}.f-predictive-search__item{display:flex;align-items:center;gap:0 1.2rem;transition:.3s all}.f-predictive-search__item-image{width:8rem;flex:0 0 auto}.f-predictive-search__item-heading{margin-bottom:4px;color:var(--color-text-body)}.f-predictive-search__block-products .f-predictive-search__item-heading{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-predictive-search__item-heading:hover{color:var(--color-link-hover)}.f-predictive-search__item-content{flex:1;min-width:0;max-width:100%}.f-predictive-search__item--term{width:100%;justify-content:flex-start!important;font-weight:500}.f-predictive-search__item--term:hover{color:var(--color-link-hover)}.f-predictive-search__item--term svg{width:1.8rem;height:1.8rem}.f-predictive-search__item-query-result mark{background:none;color:var(--color-text-body)}.f-predictive-search li[aria-selected=true]>.f-predictive-search__item>.f-predictive-search__item--link>p,.f-predictive-search li:hover>.f-predictive-search__item--link>p{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.2em}.f-predictive-search__heading,.f-predictive-search__subheading{text-transform:uppercase;font-size:1.6rem;line-height:2.6rem;margin-block-start:0;margin-block-end:1.2rem}.f-predictive-search__keywords ul{gap:.4rem}.f-predictive-search__keywords a{color:var(--color-text-body)}.f-predictive-search__keywords a:hover{color:var(--color-link-hover)}.f-predictive-search__keywords li:not(:last-child) a:after{content:","}.f-predictive-search__result-group{padding:0;border-top:none}predictive-search:not([loading]) .f-predictive-search__heading .f-spinner-icon,predictive-search:not([loading]) .f-predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading,predictive-search[loading] .f-predictive-search__heading~.f-predictive-search__loading-state,predictive-search[loading] .f-predictive-search__results-list:first-child,predictive-search[results=true] .f-predictive-search__keywords,predictive-search[loading] .f-predictive-search__keywords,predictive-search[loading] .f-predictive-search__empty{display:none}predictive-search[loading] .f-predictive-search__loading-state{display:flex;justify-content:center;padding:1.6rem}.search-panel predictive-search:is([results=true],[loading]):has(.f-predictive-search__result-products) .f-predictive-search__recommendations{display:none}predictive-search[loading] .f-predictive-search,predictive-search[open] .f-predictive-search{display:block}.search-panel predictive-search[results=true] .f-predictive-search{display:block}.f-search-no-js{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;background:var(--color-header-bg);z-index:1;display:flex;justify-content:center;color:var(--color-header-text)}.f-search-no-js__form{width:400px;align-self:center}.f-search-no-js__field{position:relative;max-width:calc(100% - 30px);margin:0 auto}.f-search-no-js__field button{position:absolute;inset-inline-end:0;inset-block-start:0;height:100%;padding:0 .625rem!important}@media(max-width:639.98px){.f-search-no-js__field{max-width:calc(100% - 65px);margin:0 auto 0 15px}}.header-search-form details[open] summary{z-index:5;position:absolute;inset-inline-end:1.6rem;inset-block-start:50%;transform:translateY(-50%)}.header-search-form details[open] summary .btn{display:none}.header-search-form details[open] .f-icon-close{display:block;width:2.4rem;height:2.4rem;color:var(--color-header-text)}.f-search-drawer__grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;grid-template-areas:"header right" "left   right";flex:1}@media(min-width:768px){.search-panel__content{overflow:hidden}.f-search-drawer__grid{min-height:0;grid-template-rows:auto minmax(0,1fr)}.f-search-drawer__col-left,.f-search-drawer__col-right{min-height:0;overflow-y:auto;overscroll-behavior:contain}}@media(min-width:768px){.f-search-drawer__col-right .f-predictive-search__recommendations.f-predictive-search__block-products{padding-block-end:calc(43px + 1.3rem)}}@media(min-width:1600px){.f-search-drawer__col-right .f-predictive-search__item-heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.f-search-drawer__col-right .f-predictive-search__recommendations.f-predictive-search__block-products{padding-block-end:calc(23px + 1.3rem)}.f-search-drawer__col-right .f-predictive-search__item-image{max-height:300px}}.f-search-drawer__col-left{grid-area:left;min-width:0;border-inline-end:none;padding:0 3rem 3rem}.f-search-drawer__col-left .f-predictive-search__block{padding:0}.f-search-drawer__col-left .f-predictive-search__block:before{display:none}.f-search-drawer__col-left .f-predictive-search__result-seggestions{margin-block-start:0}.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__heading{font-family:var(--font-heading-family, "Victor Serif", serif)!important;font-size:32px;font-weight:var(--font-heading-weight)!important;font-style:normal!important;text-transform:none;line-height:1.2;margin-block-end:1.3rem}.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__results-list{display:flex;flex-direction:column;gap:1.8125rem}.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__item-heading{font-family:var(--font-body-family, "Stabil Grotesk", sans-serif);font-size:16px;text-transform:uppercase;font-weight:600}.f-search-drawer__col-right{grid-area:right;min-width:0;padding:0 3rem 2.4rem}.f-search-drawer__col-right .f-predictive-search__block{padding:0}.f-search-drawer__col-right .f-predictive-search__block:before{display:none}.f-search-drawer__col-right .f-predictive-search__heading{font-family:var(--font-heading-family, "Victor Serif", serif)!important;font-size:32px;font-weight:var(--font-heading-weight)!important;font-style:normal!important;text-transform:none;line-height:1.2}.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__results-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.f-search-drawer__col-right .f-predictive-search__item{flex-direction:column;align-items:stretch;gap:1.5625rem 0;min-width:0}.f-search-drawer__col-right .f-predictive-search__item-content{min-width:0}.f-search-drawer__col-right .f-predictive-search__item-image{width:100%;aspect-ratio:260 / 336;overflow:hidden}.f-search-drawer__col-right .f-predictive-search__item-image img{width:100%;height:100%;object-fit:cover}.f-search-drawer__col-right .f-predictive-search__item-heading{font-size:15px}@media(min-width:768px){.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__heading,.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__subheading{margin-block-end:20px;line-height:46px;font-size:24px}.f-search-drawer__col-right .f-predictive-search__item-content{display:flex;flex-direction:column;gap:8px}.f-search-drawer__col-right .f-predictive-search__item-heading{margin-bottom:0;line-height:20px;letter-spacing:.45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.f-search-drawer__col-right .f-predictive-search__item .f-price{line-height:20px;letter-spacing:.45px}.f-search-drawer__col-left .f-predictive-search__keywords .f-search-drawer__heading,.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__heading{line-height:46px;margin-block-end:20px;font-size:24px}.f-search-drawer__col-left .f-search-drawer__keywords-list a{line-height:23px;letter-spacing:.26px}}.f-search-drawer__heading{font-family:var(--font-heading-family, "Victor Serif", serif);font-size:32px;font-weight:var(--font-heading-weight);text-transform:none;line-height:1.2;letter-spacing:.01em}ul.f-search-drawer__keywords-list{display:flex;flex-direction:column;gap:1.3rem;padding:0;margin:0}.f-search-drawer__keywords-list a{font-family:var(--font-body-family, "Stabil Grotesk", sans-serif);font-size:14px;text-transform:uppercase;font-weight:600;color:var(--color-text-body)}.f-search-drawer__keywords-list li:not(:last-child) a:after{content:none}#f-predictive-search-option-search-keywords{display:none}.f-predictive-search__view-all{display:inline-block;color:#000;font-family:var(--font-body-family, "Stabil Grotesk", sans-serif);font-size:16px;font-style:normal;font-weight:600;line-height:23px;letter-spacing:.26px;text-transform:uppercase;text-decoration:underline;text-underline-offset:.2em;margin-block-end:1.3rem}.f-search-drawer__col-right .f-predictive-search__view-all{display:block;width:fit-content}.f-search-drawer__col-right .f-predictive-search__item-content{text-align:left}.f-search-drawer__col-right .f-predictive-search--drawer{padding:0;overflow-x:auto;overflow-y:hidden}.f-search-drawer__scrollbar{display:none}@media(max-width:767.98px){.search-panel{height:calc(100vh - var(--search-panel-top, var(--header-height, 109px)))}@supports (height: 100dvh){.search-panel{height:calc(100dvh - var(--search-panel-top, var(--header-height, 109px)))}}.search-panel__content,.search-panel .f-predictive-search{height:100%;max-height:none}@supports (-webkit-touch-callout: none){html.search-panel-open,html.search-panel-open body{height:100%;overflow:hidden}}.search-panel,.search-panel[open]{border-top:none}.search-panel.search-panel--ready .search-panel__content{transition:transform .2s var(--ease-out-quint),opacity .2s var(--ease-out-quint)}.search-panel.search-panel--ready[open] .search-panel__content{transition:transform .25s var(--ease-out-quint),opacity .25s var(--ease-out-quint)}.search-panel__content{transform:translateY(-8px);padding-block-start:0}.search-panel__header{max-width:100%;position:sticky;top:0;z-index:1;background:#e5e3dc;padding:4px 1.8rem 6px}.f-search-drawer__field input{padding-bottom:16px;padding-inline-start:34px}.f-search-drawer__field-icon{inset-block-start:40%}.search-panel .f-search-drawer__input{font-size:16px}.f-search-drawer__grid{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"header" "left" "right";min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-block-end:calc(3rem + env(safe-area-inset-bottom,0px))}.f-search-drawer__col-left{border-inline-end:none;border-block-end:none;padding:10px 1.8rem 0}.f-search-drawer__col-left .f-predictive-search__keywords .f-search-drawer__heading{line-height:46px;margin-block-end:15px}.f-search-drawer__col-right{padding:1.8rem}.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__results-list{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__results-list::-webkit-scrollbar{display:none}.f-search-drawer__col-right .f-predictive-search__block-products .f-predictive-search__results-list>li{flex:0 0 calc(50% - 5px);min-width:0;scroll-snap-align:start}.f-search-drawer__col-right .f-predictive-search__recommendations .f-search-drawer__scrollbar{display:block;position:relative;width:100%;height:3px;margin-top:16px;background:#d9d9d9;overflow:hidden}.f-search-drawer__col-right .f-predictive-search__recommendations .f-search-drawer__scrollbar[hidden]{display:none}.f-search-drawer__scrollbar-thumb{position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:40px;background:#000;will-change:transform,width}.search-panel__close{inset-block-start:.6rem;inset-inline-end:1rem}.search-panel__close:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.search-panel__close:active svg{transform:scale(.92)}.f-search-drawer__heading,.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__heading,.f-search-drawer__col-right .f-predictive-search__heading{font-size:20px}ul.f-search-drawer__keywords-list{gap:.9375rem}.f-search-drawer__keywords-list a{font-size:14px;line-height:23px;letter-spacing:.26px}.f-search-drawer__col-right .f-predictive-search__item{gap:.75rem 0}.f-search-drawer__col-right .f-predictive-search__item .f-price,.f-search-drawer__col-right .f-predictive-search__item-heading{font-size:12px}.f-predictive-search__view-all{font-size:15px}.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__results-list{gap:.9375rem}}@media(hover:hover)and (pointer:fine){.f-search-drawer__col-right .f-predictive-search__item:hover .f-predictive-search__item-heading{text-decoration:underline;text-underline-offset:.18em}.f-search-drawer__col-left .f-predictive-search__result-seggestions .f-predictive-search__item:hover .f-predictive-search__item-heading,.f-search-drawer__keywords-list a:hover{text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.2em}.f-predictive-search__view-all:hover{color:var(--color-link-hover)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/search-drawer.css.map */