.search-modal{background:rgb(var(--color-background));border-bottom:2px solid #000}details[open] .modal-overlay:after{background:#0000006b}.search-modal .field:before,.search-modal .field:after{display:none}.search-modal .field__label{display:none}.search-modal .search__input.field__input{height:4.4rem;min-height:0;padding:0 9.4rem 0 2.2rem;border:2px solid #000;border-radius:99px;background:#fff;box-shadow:none;font-family:var(--font-body-family);font-size:1.6rem;color:#000;transition:box-shadow .15s ease}.search-modal .search__input.field__input::placeholder{opacity:1;color:#0000008c}.search-modal .search__input.field__input:hover{box-shadow:none}.search-modal .search__input.field__input:focus,.search-modal .search__input.field__input:focus-visible{outline:none;box-shadow:0 0 0 4px #a09eff}.search-modal .search__input::-webkit-search-cancel-button{display:none}.search-modal .search__button,.search-modal .reset__button{top:50%;transform:translateY(-50%);border-radius:50%;color:#000}.search-modal .search__button{right:.5rem;width:3.4rem;height:3.4rem;background:#a09eff;transition:background .15s ease}.search-modal .search__button:hover,.search-modal .search__button:focus-visible{background:#f1ff4a}.search-modal .search__button:not(:focus-visible):not(.focused){background:#a09eff;box-shadow:none}.search-modal .search__button:not(:focus-visible):not(.focused):hover{background:#f1ff4a}.search-modal .search__button .svg-wrapper,.search-modal .reset__button .svg-wrapper,.search-modal .search__button .icon{width:2rem;height:2rem}.search-modal .reset__button{right:4.6rem;width:3.4rem;height:3.4rem;background:transparent}.search-modal .reset__button:after{display:none!important}.search-modal .reset__button .icon.icon-close{width:2rem;height:2rem;stroke-width:2}.search-modal .reset__button:hover{background:#00000012}.search-modal__close-button{width:4.4rem;height:4.4rem;border:2px solid #000;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;transition:background .15s ease}.search-modal__close-button:hover{background:#f1ff4a}.search-modal__close-button .icon{width:2rem;height:2rem}.search-modal .predictive-search--header,.search-modal .jv-popular{position:absolute;top:calc(100% + 1.2rem);left:0;right:0;width:auto;border:2px solid #000;border-radius:28px;background:#fff;box-shadow:-5px 6px #000;overflow-x:hidden}.search-modal .predictive-search--header{padding:.8rem;max-height:calc(100vh - 16rem);overflow-y:auto}.search-modal .predictive-search__results-groups-wrapper{border-bottom:0;padding-bottom:.4rem}.search-modal .predictive-search__heading{margin:0;padding:1.4rem 1.6rem .6rem;border:0;font:700 1.2rem/1.2 var(--font-body-family);letter-spacing:.08em;text-transform:uppercase;color:var(--jv-indigo-deep)}.search-modal .predictive-search__item{padding:.9rem 1.2rem;border-radius:18px}.search-modal .predictive-search__list-item[aria-selected=true] .predictive-search__item,.search-modal .predictive-search__list-item:hover .predictive-search__item,.search-modal .predictive-search__item[aria-selected=true],.search-modal .predictive-search__item:hover{background:#feae2e;color:#000}.search-modal .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.search-modal .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.search-modal .predictive-search__item-heading{font:600 1.6rem/1.3 var(--font-body-family);color:#000}.search-modal .predictive-search__item-query-result mark{color:var(--jv-indigo-deep)}.search-modal .predictive-search__item--link-with-thumbnail{grid-template-columns:6.4rem 1fr;grid-column-gap:1.6rem;align-items:center}.search-modal .predictive-search__image{width:6.4rem;height:6.4rem;object-fit:cover;border:2px solid #000;border-radius:16px;background:#f4ecdd}.search-modal .predictive-search__item .price{color:#000;font-size:1.4rem}.search-modal .predictive-search__item .price-item--sale,.search-modal .predictive-search__item .price--on-sale .price-item--sale{color:var(--jv-orange-deep);font-weight:600}.search-modal .predictive-search__search-for-button{padding:.4rem .4rem 0}.search-modal .predictive-search__item--term{justify-content:space-between;margin:.4rem 0 0;padding:1.3rem 2.4rem;border-radius:99px;background:#000;color:#f9f8f4;font:600 1.6rem/1.2 var(--font-body-family)}.search-modal .predictive-search__item--term:hover,.search-modal .predictive-search__item--term[aria-selected=true]{background:#000;color:#f1ff4a}.search-modal .predictive-search__item--term .icon-arrow{width:2rem;height:2rem;margin-left:1.6rem;color:#f1ff4a}.search-modal .predictive-search__item--term .svg-wrapper{display:inline-flex}.search-modal predictive-search .spinner{color:var(--jv-indigo-deep)}.search-modal .jv-popular{display:none;padding:2rem 2.2rem 2.2rem}.search-modal .field:has(.search__input:placeholder-shown)~.jv-popular{display:block}.search-modal .jv-popular__label{margin:0 0 1.2rem;font:700 1.2rem/1.2 var(--font-body-family);letter-spacing:.08em;text-transform:uppercase;color:var(--jv-indigo-deep)}.search-modal .jv-popular__list{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.search-modal .jv-popular__chip{display:inline-block;padding:.8rem 1.8rem;border:2px solid #000;border-radius:99px;background:#fff;color:#000;font:600 1.5rem/1.2 var(--font-body-family);text-decoration:none;transition:background .15s ease}.search-modal .jv-popular__chip:hover,.search-modal .jv-popular__chip:focus-visible{background:#f1ff4a;text-decoration:none}@media screen and (max-width:749px){.search-modal__content{padding:0 1.6rem;gap:1rem}.search-modal__close-button{position:static;flex:none;margin:0;width:4rem;height:4rem}.search-modal__form,.search-modal__form form,.search-modal predictive-search{position:static}.search-modal .predictive-search--header,.search-modal .jv-popular{top:calc(100% + 1rem);left:1.6rem;right:1.6rem;max-height:calc(100dvh - 22rem)}}.search-modal .predictive-search__item:hover mark,.search-modal .predictive-search__item[aria-selected=true] mark{color:#000}.search-modal .predictive-search__list-item>*,.search-modal .predictive-search__list-item product-component{display:block;border-radius:18px;background:transparent}
/*# sourceMappingURL=/cdn/shop/t/9/assets/joyvo-search.css.map */