details[open] .search-modal.modal__content{top:66px;height:fit-content;border-bottom:3px solid;transition:top .5s ease;z-index:-1;min-height:60px}@media only screen and (min-width:769px){details[open] .search-modal.modal__content{top:73px}}details[open] .search-modal.modal__content .search-modal__content{max-width:100%;padding:0}details[open] .search-modal.modal__content .search-modal__content predictive-search{display:flex;align-items:center}details[open] .search-modal.modal__content .search-modal__content predictive-search .modal__close-button{background:none;border:none;padding:6px 6px 6px 18px}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__button{border-radius:0;aspect-ratio:1}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__button path{stroke:#ffe845}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__button:hover{background-color:#000}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__button:hover path{fill:#000}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__input{border-bottom:0px;padding:23px 60px 23px 18px;font-family:Pitch Sans}@media only screen and (min-width:769px){details[open] .search-modal.modal__content .search-modal__content predictive-search .search__input{font-size:20px}}details[open] .search-modal.modal__content .search-modal__content predictive-search .search__input:focus-visible,details[open] .search-modal.modal__content .search-modal__content predictive-search .search__input:focus{outline:none}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search{display:none;position:absolute;top:calc(100% + 3px);z-index:3;left:0;background-color:#ffe845;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2;width:100%;border-bottom:3px solid}@media only screen and (min-width:769px){details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search-results{display:flex;align-items:center;gap:0 15px;justify-content:space-between;flex-wrap:wrap;margin:0 20px}}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search #predictive-search-option-search-keywords{margin:18px 18px 18px 0;padding:0}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item{display:flex;margin:2rem 0;text-align:left;text-decoration:none;max-width:100%}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--link{display:flex;gap:1rem;align-items:center;justify-content:center;max-width:286px}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--link .predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column;gap:10px}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--link .predictive-search__item-content .price{color:#000;font-size:1.2rem}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--link .predictive-search__item-heading{font-size:18px;letter-spacing:-.18px}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--link .predictive-search__item-type{font-size:16px;font-family:Pitch Sans}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--term{justify-content:space-between;align-items:center;padding:1.3rem 2rem;word-break:break-all}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__item--term .icon-arrow{width:22px;height:22px;flex-shrink:0;margin-left:20px;color:#000}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__list-item .predictive-search__image{width:110px;border-radius:20px;aspect-ratio:120/140;border:3px solid;height:100%;object-fit:cover;background-color:#fbfaf2}@media only screen and (min-width:769px){details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__results-list{display:flex;flex-wrap:wrap;gap:20px}}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__results-list .predictive-search__no-results{padding:18px}details[open] .search-modal.modal__content .search-modal__content predictive-search .predictive-search .predictive-search__all-results{background:none;border:none;font-family:Pitch Sans;color:#000;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;padding:0;letter-spacing:0}details[open] .search-modal.modal__content .search-modal__content predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0;margin:0 .2rem 0 2rem}details[open] .search-modal.modal__content .search-modal__content predictive-search[open] .predictive-search,details[open] .search-modal.modal__content .search-modal__content predictive-search[loading] .predictive-search{display:block}details[open] .search-modal.modal__content .search-modal__content predictive-search:not([loading]) .predictive-search-status__loading,details[open] .search-modal.modal__content .search-modal__content predictive-search:not([loading]) .predictive-search__loading-state,details[open] .search-modal.modal__content .search-modal__content predictive-search:not([loading]) .spinner{display:none}details[open] .search-modal.modal__content .search-modal__content predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}details[open] .search-modal.modal__content .search-modal__content predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,details[open] .search-modal.modal__content .search-modal__content predictive-search[loading] .predictive-search__results-list:first-child{display:none}.search-trigger details:not([open]) .modal__content{top:-100%;transition:top .5s ease}
/*# sourceMappingURL=/cdn/shop/t/64/assets/component-predictive-search.css.map */