predictive-search-modern{display:block;width:100%}.predictive-search-modern{position:relative;width:100%;margin-top:48px}.predictive-search-modern__empty-state{display:flex;gap:64px;align-items:flex-start;width:100%;opacity:0;transform:translateY(-10px);transition:opacity .35s ease-out,transform .35s ease-out}.predictive-search-modern__empty-state.is-visible{opacity:1;transform:translateY(0)}.predictive-search-modern__popular{flex:0 0 220px;display:flex;flex-direction:column;gap:32px}.predictive-search-modern__popular h3{font-family:var(--font-Eina03),sans-serif;font-size:18px;font-weight:600;color:#344e62;margin:0;line-height:1.5;letter-spacing:.0828px}.predictive-search-modern__popular ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.predictive-search-modern__popular li{margin:0}.predictive-search-modern__popular a{font-family:var(--font-Eina03),sans-serif;font-size:16px;font-weight:400;color:#344e62;text-decoration:none;display:block;transition:color .2s ease;line-height:1.5}.predictive-search-modern__popular a.na-link{display:block;width:fit-content}.predictive-search-modern__popular a:hover{color:#1a2833}.predictive-search-modern__collections{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.predictive-search-modern__collection-card{text-decoration:none;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.predictive-search-modern__collection-card:hover{transform:translateY(-4px);opacity:.9}.predictive-search-modern__collection-card .image-wrapper{width:100%;padding-bottom:100%;position:relative;border-radius:8px;overflow:hidden;background:#3f3f3f}.predictive-search-modern__collection-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.predictive-search-modern__collection-card:hover img{transform:scale(1.05)}.predictive-search-modern__collection-card p{font-family:var(--font-Eina03),sans-serif;font-size:16px;font-weight:600;color:#344e62;margin:0;text-align:center;line-height:1.5;width:100%}.predictive-search-modern__results{opacity:0;transform:translateY(-10px);transition:opacity .35s ease-out,transform .35s ease-out}.predictive-search-modern__results.is-visible{opacity:1;transform:translateY(0)}predictive-search-modern+.search-modal__close-button{position:absolute;right:24px;top:24px;z-index:10}details[open] .search-modal .search-modal__content{display:block;position:relative;align-items:flex-start;justify-content:flex-start}predictive-search-modern .search-modal__form{max-width:unset}predictive-search-modern .search-modal__form .field{background-color:#f8f7f3;border-radius:4px;padding:4px 8px 4px 16px;display:flex!important;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:590px;margin:0 auto;position:relative;border:none;box-shadow:none;visibility:visible!important;opacity:1!important}predictive-search-modern .search-modal__form .field:hover{box-shadow:none}predictive-search-modern .search-modal__form .field__input{font-family:var(--font-Eina03),sans-serif!important;font-size:14px!important;font-weight:400!important;color:#4b4b4b!important;background:transparent!important;border:none!important;padding:4px 0!important;margin:0!important;flex-grow:1;min-height:24px;height:auto;box-shadow:none!important;line-height:normal;visibility:visible!important;opacity:1!important}predictive-search-modern .search-modal__form .field__input:hover,predictive-search-modern .search-modal__form .field__input:focus{outline:none;box-shadow:none!important;font-weight:400!important}predictive-search-modern .search-modal__form .field__input::placeholder{color:#4b4b4b!important;opacity:1!important;font-size:14px!important;font-weight:400!important;line-height:normal!important}predictive-search-modern .search-modal__form .field__label{display:none!important}predictive-search-modern .search-modal__form .search__button,predictive-search-modern .search-modal__form .reset__button,predictive-search-modern .search-modal__form .field__button{background:transparent;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;left:auto;right:auto;top:auto}predictive-search-modern .search-modal__form .search__button svg,predictive-search-modern .search-modal__form .reset__button svg,predictive-search-modern .search-modal__form .field__button svg{width:24px;height:24px}predictive-search-modern .search-modal__form .search__button .svg-wrapper,predictive-search-modern .search-modal__form .reset__button .svg-wrapper,predictive-search-modern .search-modal__form .field__button .svg-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.predictive-search-modern .loading__spinner{display:flex;justify-content:center;align-items:center;padding:0;min-height:unset;position:absolute;left:50%;top:150px;transform:translate(-50%);z-index:10}.predictive-search-modern .loading__spinner.hidden{display:none!important}.predictive-search-modern .loading__spinner .spinner{width:44px;height:44px;animation:rotator 1.4s linear infinite}.predictive-search-modern .loading__spinner .spinner .path{stroke:#344e62;stroke-width:4;stroke-linecap:round;stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}.predictive-search-modern[loading] .predictive-search-modern__empty-state,.predictive-search-modern[loading] .predictive-search-modern__results{opacity:.4;pointer-events:none}@media screen and (min-width: 750px) and (max-width: 989px){.predictive-search-modern__empty-state{flex-direction:column;gap:32px}.predictive-search-modern__popular{width:100%;flex:none}.predictive-search-modern__collections{grid-template-columns:repeat(4,1fr);gap:16px}.predictive-search-modern{margin-top:32px}}@media screen and (max-width: 749px){.predictive-search-modern{margin-top:20px;overflow-x:visible;width:100%;max-width:100%}.predictive-search-modern__empty-state{flex-direction:column;gap:20px}.predictive-search-modern__popular{width:100%;flex:none;gap:12px}.predictive-search-modern__popular h3{font-size:14px;font-weight:600;margin:0}.predictive-search-modern__popular ul{gap:10px}.predictive-search-modern__popular a{font-size:14px}.predictive-search-modern__collections{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;margin-left:0;padding-left:0;touch-action:pan-x;width:100%;padding-right:16px}.predictive-search-modern__collections::-webkit-scrollbar{display:none}.predictive-search-modern__collection-card{flex:0 0 140px;scroll-snap-align:start;min-width:140px}.predictive-search-modern__collection-card p{font-size:13px}.predictive-search-modern__collection-card .image-wrapper{width:140px;height:140px;padding-bottom:0}.predictive-search-modern__collection-card .image-wrapper img{width:100%;height:100%;object-fit:cover}}.predictive-search-modern__results .predictive-search__results-groups-wrapper{display:flex;gap:32px;border-bottom:none;padding-bottom:0}.predictive-search-modern__results .predictive-search__result-group:first-child{flex:0 0 280px;max-width:280px}.predictive-search-modern__results .predictive-search__result-group:last-child{flex:1}.predictive-search-modern__results .predictive-search__heading{font-family:var(--font-Eina03),sans-serif;font-size:16px;font-weight:600;color:#344e62;border-bottom:1px solid rgba(52,78,98,.1);margin:0 0 16px;padding:0 0 8px}.predictive-search-modern__results .predictive-search__item{padding:12px 16px;border-radius:4px;transition:background-color .2s ease-out}.predictive-search-modern__results .predictive-search__item:hover{background-color:#344e620a}.predictive-search-modern__results .predictive-search__item-heading{font-family:var(--font-Eina03),sans-serif;font-size:14px;font-weight:500;color:#344e62}.predictive-search__product-card-item{list-style:none;margin:0;padding:0}.predictive-search__product-card-item product-card{display:block}.predictive-search__product-card-item .card-wrapper{max-width:280px;margin:0 auto}#predictive-search-results-products-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:20px 0 0}.predictive-search__no-results{padding:0;margin-bottom:0}.predictive-search__no-results-message{font-family:var(--font-Eina03),sans-serif;font-size:24px;font-weight:400;color:#344e62;margin:0 0 8px;text-align:left;line-height:1.5;padding-bottom:26px;letter-spacing:.1104px}.predictive-search__search-term{font-weight:600}.predictive-search__no-results:after{content:"";display:block;width:100%;height:1px;background:#344e621a;margin:0 0 32px}.predictive-search__search-for-button{margin-top:32px;padding:0;border-top:none;display:flex;align-items:center;justify-content:center}.predictive-search__search-for-button button{width:100%;text-align:center;font-family:var(--font-Eina03),sans-serif;font-size:14px;font-weight:600;border:1px solid rgba(52,78,98,.2);padding:14px 24px;cursor:pointer;transition:all .2s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}.predictive-search__search-for-button button:hover{background:#344e620a;border-color:#344e62}.predictive-search__search-for-button button .svg-wrapper{display:inline-flex;width:16px;height:16px}.predictive-search__search-for-button button .svg-wrapper svg{width:100%;height:100%}@media screen and (min-width: 750px) and (max-width: 989px){#predictive-search-results-products-list{grid-template-columns:repeat(2,1fr);gap:16px}.predictive-search-modern__results .predictive-search__result-group:first-child{flex:0 0 240px;max-width:240px}}@media screen and (max-width: 749px){.predictive-search-modern__results{overflow-x:hidden;width:100%}#predictive-search-results-products-list{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;margin:20px 0 0}#predictive-search-results-products-list::-webkit-scrollbar{display:none}.predictive-search__product-card-item{flex:0 0 auto!important;scroll-snap-align:start;min-width:45%}.predictive-search-modern__results .predictive-search__results-groups-wrapper{flex-direction:column;gap:24px;overflow-x:hidden}.predictive-search-modern__results .predictive-search__result-group{overflow-x:hidden;width:100%}.predictive-search-modern__results .predictive-search__result-group:first-child{flex:1;max-width:100%}.predictive-search__search-for-button button{font-size:13px;padding:12px 20px}.predictive-search-modern .loading__spinner{top:100px}.predictive-search-modern .loading__spinner .spinner{width:36px;height:36px}.predictive-search__no-results{padding:0;margin-bottom:0}.predictive-search__no-results-message{font-size:18px;margin:0 0 8px;padding-bottom:16px}.predictive-search__no-results:after{margin:0 0 24px}}.predictive-search-modern__empty-state,.predictive-search-modern__results{will-change:opacity,transform}@media screen and (min-width: 990px){.header__search details[open] .search-modal{background:transparent;opacity:1;position:fixed;top:0;left:0;right:0;width:100%;height:auto;border:none;z-index:100}.header__search .search-modal.gradient{background:transparent!important}.header__search details[open] .search-modal .search-modal__content{display:block;padding:24px 64px 80px;position:absolute;top:var(--header-height, 100px);height:auto;min-height:auto;background:#fff;max-height:calc(100vh - var(--header-height, 100px));overflow-y:auto;border-bottom:1px solid rgba(52,78,98,.1);box-shadow:0 4px 24px #00000014;z-index:2}.header__search .search-modal__close-button{position:absolute;top:32px;right:32px;z-index:3;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#344e62}.header__search .search-modal .modal-overlay{display:block;position:fixed;top:120px;left:0;right:0;bottom:0;background:#0000004d;z-index:1}}@media screen and (min-width: 750px) and (max-width: 989px){.header__search details[open] .search-modal{background:transparent;opacity:1;position:absolute;top:0;left:0;right:0;width:100%;height:auto;border:none;z-index:100}.header__search .search-modal.gradient{background:transparent!important}.header__search details[open] .search-modal .search-modal__content{padding:32px 40px 48px;background:#fff;max-height:85vh;overflow-y:auto;box-shadow:0 4px 20px #00000014;z-index:2}.header__search .search-modal__close-button{position:absolute;top:24px;right:24px;z-index:3;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#344e62}.header__search .search-modal .modal-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:1}}@media screen and (max-width: 749px){.header__search details[open] .search-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:#fff;opacity:1;z-index:100;overflow-y:auto}.header__search .search-modal.gradient{background:#fff!important}.header__search details[open] .search-modal .search-modal__content{padding:20px 0 48px 16px;min-height:100vh;background:#fff;position:relative;z-index:2;overflow:hidden}.header__search .search-modal__close-button{position:fixed;top:24px;right:16px;z-index:3;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#344e62}.header__search .search-modal .modal-overlay{display:none}.predictive-search-modern__results .predictive-search__results-list{display:flex;flex-direction:column;gap:16px}.predictive-search-modern__results .predictive-search__item-heading{margin:0}.predictive-search__result-group a.predictive-search__item{padding:0}.predictive-search__result-group .price-item{font-size:14px!important}predictive-search-modern .search-modal__form .field{max-width:90%;margin-left:0}.predictive-search-modern .search-modal__form{margin-top:4px}}.header__search .search-modal__close-button .svg-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.header__search .search-modal__close-button svg{width:24px;height:24px}.predictive-search__item-view-all-results{width:auto!important}.header__search details[open] .search-modal .search-modal__content .product-tag{padding:0!important}
/*# sourceMappingURL=/cdn/shop/t/415/assets/predictive-search-modern.css.map */