.search-modal{position:absolute;z-index:-1;top:100%;right:0;left:0;visibility:hidden;overflow:hidden;width:100vw;height:calc(100dvh - 50px);transition:background-color .3s ease,zIndex .3s .3s ease,visibility .3s .3s ease;background-color:#0000;clip-path:inset(0 0 0 0)}.search-modal.js-search-modal-open{z-index:50;visibility:visible;transition:background-color .3s ease;background-color:#0006}.search-modal.js-search-modal-open .search-modal__inner{transform:translateY(0);background-color:var(--color-white, #fff)}.search-modal__inner{display:flex;overflow-x:hidden;flex-flow:column;justify-content:flex-start;height:100%;padding-bottom:100px;transition:transform .3s .1s ease,background-color .3s ease;transform:translateY(-100vh);background-color:var(--color-white, #fff)}@media (min-width: 1024px){.search-modal__inner{height:auto;border-top:1.2px solid var(--strokes-brown-gray, #F4EEEB);padding:38px 32px 24px}}.search-modal predictive-search{background-color:var(--color-white, #fff);padding:var(--spacing-2x) var(--spacing-3x);border-bottom:1.2px solid var(--strokes-brown-gray, #F4EEEB);position:sticky;top:0;z-index:20}@media (min-width: 1024px){.search-modal predictive-search{padding:0;border-bottom:none;max-width:668px;width:100%;margin:0 auto}}.search-modal predictive-search form{position:relative;display:flex;flex-flow:row}.search-modal predictive-search .search__icon{background-color:var(--strokes-light-gray, #F6F6F6);border-radius:.8rem 0 0 .8rem;padding:6px 8px}.search-modal predictive-search .input-search{font-family:Chivo;font-size:1.8rem;font-style:normal;line-height:2.8rem;font-size:16px;margin-right:8px;font-weight:400;line-height:26px;position:relative;flex:1;padding:11px var(--spacing-2x);color:var(--color-darkgray);border-radius:0 .8rem .8rem 0;background:var(--strokes-light-gray, #F6F6F6)}.search-modal predictive-search .input-search::-webkit-search-decoration,.search-modal predictive-search .input-search::-webkit-search-cancel-button,.search-modal predictive-search .input-search::-webkit-search-results-button,.search-modal predictive-search .input-search::-webkit-search-results-decoration{-webkit-appearance:none}.search-modal predictive-search .search__clear-button{position:relative;display:flex;margin-left:8px;height:32px;width:32px;align-self:center}.search-modal .predictive-search-results{padding-bottom:100px}@media (min-width: 1024px){.search-modal .predictive-search-results{padding-bottom:0}}.search-modal predictive-search-navigation{display:flex}.search-modal predictive-search-navigation .predictive-search-content{width:100%;height:100svh;background-color:#fff}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content{height:auto}}.search-modal predictive-search-navigation .predictive-search-content .no-results{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;padding:var(--spacing-5x) var(--spacing-3x)}.search-modal predictive-search-navigation .predictive-search-content .no-results .no-results-content{display:flex;align-items:center;flex-direction:column;gap:32px;justify-content:center;text-align:center}.search-modal predictive-search-navigation .predictive-search-content .no-results .no-results-content h2{font-family:Chivo;font-size:3.6rem;font-size:2rem;font-style:normal;color:var(--fonts-black, #373737);font-weight:600;line-height:normal}.search-modal predictive-search-navigation .predictive-search-content .no-results .no-results-content p{font-family:Chivo;color:var(--fonts-black, #373737);font-size:1.8rem;font-style:normal;font-weight:400;line-height:2.8rem}.search-modal predictive-search-navigation .predictive-search-content .no-results .no-results-content a{font-family:Chivo;font-size:1.8rem;font-style:normal;font-size:1.5rem;font-weight:400;line-height:2.8rem;margin:0 auto;color:#fff}.search-modal predictive-search-navigation .predictive-search-content .no-results .no-results-content__search-terms{display:flex;flex-flow:row wrap;gap:16px}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups{display:flex;flex-flow:column;max-width:1440px;margin:0 auto;padding:24px 16px}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto auto;gap:24px;grid-auto-flow:dense}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder{padding:24px 0;display:flex;flex-flow:column;gap:var(--spacing-3x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder{padding:0}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title{font-family:Chivo;font-size:1.8rem;font-weight:400;line-height:2.8rem;color:var(--fonts-black, #373737);font-size:2rem;font-style:normal;font-weight:600;line-height:normal;display:flex;flex-flow:row;align-items:center;justify-content:space-between}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title{font-size:2.4rem;font-style:normal;font-weight:600}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title .button{border-color:transparent}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title .button:hover{text-decoration:none;color:var(--fonts-black, #373737);border:1px solid var(--fonts-black, #373737);border-radius:.8rem;background:#fff}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title .button:active{text-decoration:none;border:1px solid var(--fonts-black, #373737);border-radius:.8rem;color:#fff;background:var(--fonts-black, #373737)}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__title .button:active svg path{fill:#fff}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--collections{grid-column:1;grid-row:1;padding-top:24px}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--collections .group-holder__items{display:flex;flex-flow:row;scroll-snap-type:x mandatory}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--collections .group-holder__items{flex-flow:row wrap;gap:12px;align-items:flex-start}}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--products{grid-column:2;grid-row:1/3}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--products .group-holder__items{display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--products .group-holder__items{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--products .group-holder__items product-button:nth-child(4){display:none}}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--articles{grid-column:1;grid-row:span 1}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder--articles .group-holder__items{display:flex;gap:24px;flex-flow:column}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__items .collection-item{flex:0 0 auto}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-results__groups .group-holder__items .article-item{font-family:Chivo;color:var(--fonts-black, #373737);font-size:1.8rem;font-style:normal;font-weight:400;line-height:2.8rem}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header{display:flex;justify-content:space-between;width:100%;margin-top:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header{margin-top:0}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header__all-results{font-family:Chivo;font-size:1.8rem;font-style:normal;font-size:1.5rem;font-weight:400;line-height:2.8rem;position:fixed;bottom:10px;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:unset;padding:14px 30px;cursor:pointer;color:#333;border-top:1px solid #EBEBEB;border-radius:0;background-color:#fffdfb}@media (min-width: 768px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header__all-results{padding:var(--spacing-1x) var(--spacing-2x);border:1px solid #EBEBEB;border-radius:100px;gap:var(--spacing-1x)}}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header__all-results{position:relative;top:unset;bottom:unset;left:unset;width:auto;padding:6px 16px}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header .header-filter{display:flex;justify-content:space-between;width:100%;margin-bottom:-1px;padding:0 var(--spacing-3x);border-bottom:1px solid var(--color-lightestgrey);gap:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header .header-filter{width:auto;padding:0;gap:32px}}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header .header-filter .search-title{font-family:Chivo;font-weight:600;line-height:normal;font-size:1.8rem;font-weight:300;font-style:normal;line-height:2.6rem;margin-bottom:-1px;cursor:pointer;transition:color .3s ease,border-botom .3s ease;text-align:center;color:var(--font-light-gray-blue, #858B92);border-bottom:2px solid transparent}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-header .header-filter .js-selected{color:#333;border-bottom:2px solid #333333}.search-modal predictive-search-navigation .predictive-search-content .predictive-search-label{font-family:Chivo;font-size:1.8rem;font-style:normal;font-size:1.5rem;font-weight:400;line-height:2.8rem;display:none;margin:var(--spacing-3x) 0;color:#626262}@media (min-width: 768px){.search-modal predictive-search-navigation .predictive-search-content .predictive-search-label{display:block}}.search-modal predictive-search-navigation .predictive-search-content .content-group{display:none;flex-direction:column;width:100%;margin:var(--spacing-2x) 0;padding:0 var(--spacing-3x);gap:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .content-group{flex-flow:row;padding:0}}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item{display:flex;justify-content:flex-start;width:100%;gap:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item{flex-flow:column}}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item svg,.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item img{min-width:80px;max-width:80px;min-height:80px;max-height:80px;aspect-ratio:192/192;object-fit:cover}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item svg,.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item img{width:100%;min-width:unset;max-width:unset;min-height:unset;max-height:192px;aspect-ratio:192/192;object-fit:cover}}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item .text-holder{display:flex;flex-direction:column;justify-content:center}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item .text-holder .title{font-family:Chivo;font-size:1.8rem;line-height:2.8rem;font-size:1.5rem;font-weight:400;font-style:normal;line-height:150%;color:var(--color-font-black, #333)}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item .text-holder .description{font-family:Chivo;font-size:1.8rem;line-height:2.8rem;font-size:1.3rem;font-weight:400;font-style:normal;line-height:2.1rem;color:var(--color-font-gray, #626262)}.search-modal predictive-search-navigation .predictive-search-content .product-group .product-item .text-holder .price{font-family:Chivo;font-size:1.8rem;line-height:2.8rem;font-size:1.3rem;font-weight:400;font-style:normal;line-height:2.1rem;margin-top:var(--spacing-1x);color:var(--color-font-gray, #626262)}.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item{display:flex;justify-content:flex-start;width:100%;gap:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item{flex-flow:column}}.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item svg,.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item img{min-width:80px;max-width:80px;min-height:80px;max-height:80px;aspect-ratio:192/192;object-fit:cover}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item svg,.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item img{width:100%;min-width:unset;max-width:unset;min-height:unset;max-height:192px;object-fit:cover}}.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item .text-holder{display:flex;flex-direction:column;justify-content:center}.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item .text-holder .description{font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:1.3rem;line-height:2.1rem;margin:var(--spacing-1x) 0 0 0;color:#626262}.search-modal predictive-search-navigation .predictive-search-content .collections-group .collection-item .text-holder .title{font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:1.5rem;line-height:2.25rem;text-transform:capitalize;color:#333}.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item{display:flex;justify-content:flex-start;width:100%;gap:var(--spacing-2x)}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item{flex-flow:column}}.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item svg,.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item img{min-width:80px;max-width:80px;min-height:80px;max-height:80px;aspect-ratio:192/192;object-fit:cover}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item svg,.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item img{width:100%;min-width:unset;max-width:unset;min-height:unset;max-height:192px;object-fit:cover}}.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item .text-holder{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-1x)}.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item .text-holder .description{font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:1.3rem;line-height:2.1rem;margin:var(--spacing-1x) 0 0 0;color:#626262}.search-modal predictive-search-navigation .predictive-search-content .article-group .article-item .text-holder .title{font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem;font-size:1.5rem;line-height:2.2rem;text-transform:capitalize;color:#333}.search-modal predictive-search-navigation .predictive-search-content .js-selected-group{display:flex}@media (min-width: 1024px){.search-modal predictive-search-navigation .predictive-search-content .js-selected-group{display:grid;grid-template-columns:repeat(4,1fr)}}.search-modal predictive-search-navigation .predictive-search-content .show-more{font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-2x) 0;color:#333;border-top:1px solid #ebebeb;font-family:Chivo;font-size:1.8rem;font-weight:400;font-style:normal;line-height:2.8rem}.search-modal__zero-state,.search-modal .zero-state{display:flex;flex-flow:column;padding:var(--spacing-1x) var(--spacing-3x);gap:var(--spacing-1x)}@media (min-width: 1024px){.search-modal__zero-state,.search-modal .zero-state{gap:24px}}@media (min-width: 1024px){.search-modal__zero-state,.search-modal .zero-state{justify-content:center;max-width:816px;margin:0 auto;padding:0}}.search-modal__zero-state__title,.search-modal .zero-state__title{font-family:Chivo;font-size:1.8rem;line-height:2.8rem;font-size:1.5rem;font-weight:400;font-style:normal;line-height:190%}@media (min-width: 1024px){.search-modal__zero-state__title,.search-modal .zero-state__title{text-align:center}}.search-modal__zero-state__search-terms,.search-modal .zero-state__search-terms{display:flex;flex-wrap:wrap;gap:6px}@media (min-width: 1024px){.search-modal__zero-state__search-terms,.search-modal .zero-state__search-terms{justify-content:center}}.search-modal__zero-state__search-terms a,.search-modal .zero-state__search-terms a{font-family:Chivo;font-size:1.8rem;font-style:normal;line-height:2.8rem;font-size:1.3rem;font-weight:400;line-height:26px;width:fit-content;padding:6px 16px;color:var(--color-darkgray);border:1px solid #ebebeb;border-radius:100px;background-color:#fffdfb}
