.figma-v2 #SearchDrawer{width:min(1029.6px,calc(100% - 48px));right:max(24px,calc((100vw - 1440px)/2 + 42.4px));left:auto;height:auto;max-height:calc(100dvh - var(--tg-header-height,0px) - var(--tg-announcement-bar-height,0px));border:0;border-top:1.6px solid #a4a4a4;background:#fbfaf7;color:#000;box-shadow:12.8px 11.2px 8.64px #00000014;letter-spacing:0}.figma-v2 #SearchDrawer.is-searching{width:min(1040px,calc(100% - 48px));right:max(24px,calc((100vw - 1440px)/2 + 78px));border-top:0}html.SearchDrawerOpen .Drawer__Backdrop{background:#000}html.SearchDrawerOpen .Drawer__Backdrop.Show{opacity:.28}.figma-v2 #SearchDrawer .Drawer__Header{flex-shrink:0;max-width:none;margin:0;padding:20px 48px 12px}.figma-v2 #SearchDrawer .Drawer__Body{flex:0 1 auto;min-height:0;padding:0 48px 20px}.figma-v2 #SearchDrawer.is-searching .Drawer__Header{padding:24px 60px 12px}.figma-v2 #SearchDrawer.is-searching .Drawer__Body{padding:0 60px 60px}.figma-v2 #SearchDrawer .SearchDrawer__Form{width:100%;min-width:0;gap:10px;border:1px solid #4f4f4d;background:#fffcfb;padding:0 8px 0 14px}.figma-v2 #SearchDrawer .v2-search-overlay__field{display:flex;flex:1;align-items:center;min-width:0;gap:10px}.figma-v2 #SearchDrawer .SearchDrawer__InputIconWrapper{display:block;position:static;width:14px;height:14px;flex:none;color:#000}.figma-v2 #SearchDrawer .SearchDrawer__InputIconWrapper .v2-icon{display:block;width:14px;height:14px}.figma-v2 #SearchDrawer .SearchDrawer__Input{min-width:0;width:100%;height:40px;min-height:0;padding:10px 0;font:400 12px/17.4px var(--v2-sans);color:#000;letter-spacing:0;background:transparent;border:0;box-shadow:none}.figma-v2 #SearchDrawer .SearchDrawer__Input::placeholder{color:#888;opacity:1}.figma-v2 #SearchDrawer .SearchDrawer__Input:focus{outline:0;box-shadow:none}.figma-v2 #SearchDrawer .SearchDrawer__Form:focus-within{outline:2px solid var(--v2-brand-dark);outline-offset:-2px}.figma-v2 #SearchDrawer .v2-search-overlay__close{width:32px;height:32px;min-height:0;padding:8px;border:0;background:transparent;color:#000;flex:none}.figma-v2 #SearchDrawer .v2-search-overlay__close .v2-icon{width:12px;height:12px}.figma-v2 #SearchDrawer .PredictiveSearch__Results{padding:0}.figma-v2 #SearchDrawer .v2-search-start{margin:0}.figma-v2 #SearchDrawer :is(.v2-search-start h2,.v2-search-products h2,.v2-search-group header h2){font:900 14px/16.8px var(--v2-sans);letter-spacing:0;text-transform:none;margin:0;color:#727272}.figma-v2 #SearchDrawer .v2-search-start__links{display:flex;flex-wrap:wrap;gap:8px 9.6px;margin:12.8px 0 0}.figma-v2 #SearchDrawer .v2-search-start__links a{padding:7.2px 14.4px;border:1.2px solid #868686;background:#fff;color:#868686;font:400 12px/17.4px var(--v2-sans);letter-spacing:0;text-decoration:none}.figma-v2 #SearchDrawer .v2-search-start__categories{margin-top:12px;padding-top:12px;border-top:1px solid #e0ded6}.figma-v2 #SearchDrawer .v2-search-start__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19.2px;margin-top:9.6px}.figma-v2 #SearchDrawer .v2-search-category{display:flex;flex-direction:column;gap:12.8px;min-width:0;color:#000;text-decoration:none}.figma-v2 #SearchDrawer .v2-search-category__media{display:block;height:168px;width:100%;overflow:hidden;border-radius:1.6px}.figma-v2 #SearchDrawer .v2-search-category__media img{display:block;width:100%;height:100%;object-fit:cover}.figma-v2 #SearchDrawer .v2-search-category__copy{display:flex;flex-direction:column;gap:6.4px;min-width:0}.figma-v2 #SearchDrawer .v2-search-category .v2-title{margin:0;font:italic 100 25.6px/1 var(--v2-serif);letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-category__copy>span:last-child{font:400 13px/17.68px var(--v2-sans);color:#939598;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-category__arrow{display:flex;justify-content:flex-end;margin-top:-6.4px;color:#4f4f4d}.figma-v2 #SearchDrawer .v2-search-category__arrow .v2-icon{width:17.6px;height:17.6px}.figma-v2 #SearchDrawer :is(.v2-search-products header,.v2-search-group header){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.figma-v2 #SearchDrawer :is(.v2-search-products h2,.v2-search-group header h2){font-size:12px;line-height:14px;letter-spacing:.72px}.figma-v2 #SearchDrawer :is(.v2-search-products header,.v2-search-group header) .v2-link{min-height:0;font:400 14px/19.6px var(--v2-sans);letter-spacing:0;color:#000;gap:6px}.figma-v2 #SearchDrawer .v2-search-products__grid{display:flex;justify-content:space-between;gap:16px;list-style:none;margin:0;padding:0}.figma-v2 #SearchDrawer .v2-search-products__grid li{width:190px;min-width:0}.figma-v2 #SearchDrawer .v2-search-product{display:flex;flex-direction:column;gap:10px;color:#000;text-decoration:none;min-width:0}.figma-v2 #SearchDrawer .v2-search-product__media{display:block;width:100%;height:181.063px;overflow:hidden;border-radius:2px}.figma-v2 #SearchDrawer .v2-search-product__media img{display:block;width:100%;height:100%;object-fit:cover}.figma-v2 #SearchDrawer .v2-search-product__copy{display:flex;flex-direction:column;gap:3px;min-width:0}.figma-v2 #SearchDrawer .v2-search-product__title{font:400 13px/17.68px var(--v2-sans);letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-product__type{font:400 14px/19.6px var(--v2-sans);color:#939598;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-product__arrow{display:none}.figma-v2 #SearchDrawer .v2-search-group{padding:12px 0 0;margin:12px 0 0;border-color:#e0ded6}.figma-v2 #SearchDrawer .v2-search-group__cards{gap:20px}.figma-v2 #SearchDrawer .v2-search-group__cards>a{display:block;min-width:0}.figma-v2 #SearchDrawer .v2-search-group__cards img{height:170px;aspect-ratio:auto;border-radius:2px;margin:0 0 10px}.figma-v2 #SearchDrawer .v2-search-group--collections img{height:236.024px}.figma-v2 #SearchDrawer .v2-search-group__cards h3{font:400 12px/17.4px var(--v2-sans);margin:0 0 8px;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-group__cards h3.v2-title{font:italic 100 26px/26px var(--v2-serif)}.figma-v2 #SearchDrawer .v2-search-group__cards p{font:400 12px/17.4px var(--v2-sans);color:#939598;margin:0;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-group--collections p{font-size:14px;line-height:19.6px}@media(min-width:1008px){.figma-v2 #SearchDrawer .v2-search-group[aria-labelledby=SearchDrawerInspiration] .v2-search-group__cards{gap:16px}.figma-v2 #SearchDrawer .v2-search-products header .v2-link{display:none}.figma-v2 #SearchDrawer .v2-search-group--collections p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}}.figma-v2 #SearchDrawer .v2-search-overlay__empty{padding:16px 0}.figma-v2 #SearchDrawer .v2-search-overlay__empty h2{font:400 16px/22px var(--v2-sans);margin:0 0 8px;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-overlay__empty p{font:400 13px/18px var(--v2-sans);color:#888;margin:0 0 12px}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo{display:block;width:100%;min-height:0;max-width:none;margin:20px 0 0;border-top:1px solid #e0ded6;background:transparent}.figma-v2 #SearchDrawer.is-searching .SearchDrawerNeroPromo{display:none}.figma-v2 #SearchDrawer .v2-search-campaign__summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font:400 14px/20px var(--v2-sans);list-style:none;cursor:pointer;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-campaign__summary::-webkit-details-marker{display:none}.figma-v2 #SearchDrawer .v2-search-campaign__summary .v2-icon{width:16px;height:16px;transform:rotate(90deg)}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo[open] .v2-search-campaign__summary .v2-icon{transform:rotate(270deg)}.figma-v2 #SearchDrawer .v2-search-campaign__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#f3f0eb}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Content{padding:24px}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Heading{font-size:26px;line-height:1.1;letter-spacing:0}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Body{font-size:14px;line-height:1.4;margin-top:12px}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Media{min-height:0}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Button{min-width:0;font-size:12px;margin-top:16px;padding:12px 16px}@media(hover:hover)and (pointer:fine){.figma-v2 #SearchDrawer :is(.v2-search-category,.v2-search-product,.v2-search-group__cards>a):hover :is(.v2-title,.v2-search-product__title,h3){text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.figma-v2 #SearchDrawer .v2-search-start__links a:hover{background:var(--v2-warm);color:#000;border-color:var(--v2-brand-dark)}.figma-v2 #SearchDrawer :is(.v2-search-category,.v2-search-product):hover .v2-hover-media>img{transform:scale(var(--v2-hover-scale,1.025))}}@media(max-width:1007px){.figma-v2 #SearchDrawer,.figma-v2 #SearchDrawer.is-searching{width:100%;right:0;border-top:0;box-shadow:none}.figma-v2 #SearchDrawer .Drawer__Header,.figma-v2 #SearchDrawer.is-searching .Drawer__Header{padding:24px 18px 28px}.figma-v2 #SearchDrawer .Drawer__Body,.figma-v2 #SearchDrawer.is-searching .Drawer__Body{padding:0 18px 58px}.figma-v2 #SearchDrawer.is-searching .Drawer__Header{padding-bottom:20px}.figma-v2 #SearchDrawer .SearchDrawer__Form{border:0;padding:0;gap:12px;background:transparent}.figma-v2 #SearchDrawer .v2-search-overlay__field{gap:12px;min-height:48px;padding:0 16px;background:#fff;border:1px solid #e0ded6;border-radius:4px}.figma-v2 #SearchDrawer .SearchDrawer__Input{height:46px;font-size:16px;line-height:22px}.figma-v2 #SearchDrawer .SearchDrawer__InputIconWrapper{color:#939598}.figma-v2 #SearchDrawer .SearchDrawer__Form:focus-within{outline:0}.figma-v2 #SearchDrawer .v2-search-overlay__field:focus-within{outline:2px solid var(--v2-brand-dark);outline-offset:-2px}.figma-v2 #SearchDrawer .v2-search-overlay__close{width:32px;height:44px;padding:8px}.figma-v2 #SearchDrawer .v2-search-overlay__close .v2-icon{width:16px;height:16px}.figma-v2 #SearchDrawer .v2-search-start h2{color:#000}.figma-v2 #SearchDrawer .v2-search-start__links{margin-top:16px;gap:6px}.figma-v2 #SearchDrawer .v2-search-start__links a{padding:6px 12px;font-size:12px}.figma-v2 #SearchDrawer .v2-search-start__categories{margin-top:28px;padding-top:28px}.figma-v2 #SearchDrawer .v2-search-start__grid{display:flex;flex-direction:column;gap:0;margin-top:20px}.figma-v2 #SearchDrawer .v2-search-category{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e0ded6}.figma-v2 #SearchDrawer .v2-search-category:first-child{padding-top:0}.figma-v2 #SearchDrawer .v2-search-category:last-child{border-bottom:0;padding-bottom:0}.figma-v2 #SearchDrawer .v2-search-category__media{width:72px;height:72px;border-radius:2px}.figma-v2 #SearchDrawer .v2-search-category .v2-title{font-size:29.6px;line-height:1.26}.figma-v2 #SearchDrawer .v2-search-category__copy>span:last-child{font-size:12px;line-height:16.32px;color:#5e5e5e}.figma-v2 #SearchDrawer .v2-search-category__arrow{margin:0}.figma-v2 #SearchDrawer :is(.v2-search-products h2,.v2-search-group header h2){font:400 16px/22px var(--v2-sans);letter-spacing:0;color:#000}.figma-v2 #SearchDrawer :is(.v2-search-products header,.v2-search-group header){margin-bottom:14px}.figma-v2 #SearchDrawer :is(.v2-search-products header,.v2-search-group header) .v2-link{font-size:12px;white-space:nowrap}.figma-v2 #SearchDrawer .v2-search-products__grid{display:flex;flex-direction:column;gap:0}.figma-v2 #SearchDrawer .v2-search-products__grid li{width:100%;border-bottom:1px solid #e0ded6;padding:14px 0}.figma-v2 #SearchDrawer .v2-search-products__grid li:first-child{padding-top:0}.figma-v2 #SearchDrawer .v2-search-product{display:grid;grid-template-columns:61px minmax(0,1fr) 15px;gap:15px;align-items:center}.figma-v2 #SearchDrawer .v2-search-product__media{width:61px;height:61px}.figma-v2 #SearchDrawer .v2-search-product__title{font-size:14px;line-height:16.8px;text-transform:uppercase}.figma-v2 #SearchDrawer .v2-search-product__type{font-size:13px;line-height:17.68px}.figma-v2 #SearchDrawer .v2-search-product__arrow{display:block;color:#4f4f4d}.figma-v2 #SearchDrawer .v2-search-product__arrow .v2-icon{display:block;width:15px;height:15px}.figma-v2 #SearchDrawer .v2-search-group{margin-top:20px;padding:0;border:0}.figma-v2 #SearchDrawer .v2-search-group__cards{display:flex;flex-direction:column;gap:0}.figma-v2 #SearchDrawer .v2-search-group__cards>a{display:grid;grid-template-columns:61px minmax(0,1fr) 15px;gap:3px 15px;align-items:center;padding:14px 0;border-bottom:1px solid #e0ded6}.figma-v2 #SearchDrawer .v2-search-group__cards>a:first-child{padding-top:0}.figma-v2 #SearchDrawer .v2-search-group__cards>a:after{content:"\2192";grid-column:3;grid-row:1/3;color:#4f4f4d}.figma-v2 #SearchDrawer .v2-search-group__cards img,.figma-v2 #SearchDrawer .v2-search-group--collections img{width:61px;height:61px;margin:0;grid-row:1/3;grid-column:1}.figma-v2 #SearchDrawer .v2-search-group__cards :is(h3,h3.v2-title){grid-column:2;grid-row:1;font:400 14px/16.8px var(--v2-sans);text-transform:uppercase;margin:0;letter-spacing:0}.figma-v2 #SearchDrawer .v2-search-group__cards h3:last-child{grid-row:1/3}.figma-v2 #SearchDrawer .v2-search-group__cards p{grid-column:2;grid-row:2;font-size:13px;line-height:17.68px;margin:0}.figma-v2 #SearchDrawer .v2-search-group__cards>a:not(:has(img)){grid-template-columns:minmax(0,1fr) 15px}.figma-v2 #SearchDrawer .v2-search-group__cards>a:not(:has(img)) :is(h3,p){grid-column:1}.figma-v2 #SearchDrawer .v2-search-group__cards>a:not(:has(img)):after{grid-column:2}.figma-v2 #SearchDrawer .v2-search-campaign__details{grid-template-columns:1fr}.figma-v2 #SearchDrawer .SearchDrawerNeroPromo__Media{height:180px}}
/*# sourceMappingURL=/cdn/shop/t/94/assets/v2-search-overlay.css.map */