#search-modal{--joa-search-popup-padding: 24px;background:transparent}#search-modal .search-modal__content{--joa-search-popup-gap: clamp(12px, calc(var(--joa-search-viewport-height, 100dvh) * .06), 56px);--joa-search-popup-height: calc(var(--joa-search-viewport-height, 100dvh) - var(--joa-search-popup-gap) * 2);position:fixed;inset:calc(var(--joa-search-viewport-top, 0px) + var(--joa-search-popup-gap)) 0 auto;width:min(560px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);height:auto;max-height:var(--joa-search-popup-height);margin:0 auto;padding:0;overflow:hidden;border:1px solid #aaa79f;border-radius:6px;background:#090909;color:#f3f1ed;box-shadow:0 20px 70px #00000073}#search-modal .search-modal__content::backdrop{display:block;background:#000000a3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#search-modal .search-modal__content[open]{display:flex;animation:joa-search-popup-in .18s ease-out both}#search-modal .search-modal__content.dialog-closing{animation:joa-search-popup-out .14s ease-in both}#search-modal .predictive-search{display:block;min-height:0;width:100%;background:#090909;color:#f3f1ed}#search-modal .predictive-search-form{display:flex;flex-direction:column;max-height:calc(var(--joa-search-popup-height) - 2px);min-height:0;margin:0;padding:var(--joa-search-popup-padding)}#search-modal .joa-search-popup__intro{position:relative;flex:0 0 auto;margin-bottom:22px;padding-right:28px}#search-modal .joa-search-popup__intro h2{margin:0;font-size:36px;font-weight:400;line-height:1.08;letter-spacing:-.035em;color:#f3f1ed}#search-modal .joa-search-popup__intro p{margin:10px 0 0;color:#aaa8a2;font-size:13px;line-height:1.5}#search-modal .predictive-search__close-modal-button{position:absolute;top:-10px;right:-12px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;color:#aaa8a2;box-shadow:none}#search-modal .predictive-search__close-modal-button :is(.svg-wrapper,svg){width:18px;height:18px}#search-modal .predictive-search-form__header{position:relative;flex:0 0 auto;width:100%;padding:0;border:0;border-bottom:1px solid #8b8983;border-radius:0;background:transparent;box-shadow:none}#search-modal .predictive-search-form__header:before{content:none}#search-modal .predictive-search-form__header-inner{position:relative;min-width:0;border:0;border-radius:0;background:transparent}#search-modal input.search-input{min-width:0;min-height:46px;padding:10px 4px 10px 32px;border-radius:0;color:#f3f1ed;font-size:16px;line-height:1.4}#search-modal input.search-input::placeholder{color:#93938e;opacity:1}#search-modal .predictive-search__icon{left:0;width:21px;height:21px;color:#93938e}#search-modal .predictive-search__icon svg{width:21px;height:21px}#search-modal .predictive-search__reset-button{flex:0 0 auto;min-width:44px;height:44px;margin:0;color:#c5c2bb;font-size:12px}#search-modal .predictive-search__reset-button[hidden]{display:none}#search-modal .predictive-search-form__content-wrapper{position:static;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;height:auto;max-height:none;overflow:hidden;border:0;border-radius:0;transform:none}#search-modal .predictive-search-form__content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:16px 0 8px;background:transparent;scrollbar-width:thin;scrollbar-color:#56534c transparent}#search-modal .predictive-search-results__inner{padding:0;overflow:visible}#search-modal .predictive-search-results__products{padding:0}#search-modal .predictive-search-results__title{margin:0 6px 6px;width:auto;color:#aaa8a2;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.035em;text-transform:none}#search-modal .predictive-search-results__clear{min-height:32px;font-size:11px}#search-modal .predictive-search-results__wrapper-products{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;overflow:visible}#search-modal .recently-viewed-wrapper{margin-bottom:14px}#search-modal .predictive-search-results__card--product,#search-modal .predictive-search-results__card--product:is(:hover,:active,:focus-visible,[aria-selected=true]){width:100%;margin:0;padding:0;border:0;border-radius:3px;outline:none;background:transparent;transform:none;box-shadow:none}.joa-search-product{display:block}.joa-search-product__link{display:grid;grid-template-columns:56px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:72px;padding:8px 6px;border-radius:3px;color:#eeece7;text-decoration:none;transition:background-color .14s ease}.joa-search-product__link:hover,#search-modal .predictive-search-results__card--product[aria-selected=true] .joa-search-product__link{background:#302b21;color:#f3f1ed}.joa-search-product__image{display:block;width:56px;height:56px;overflow:hidden;background:#111}.joa-search-product__image img{display:block;width:100%;height:100%;object-fit:cover}.joa-search-product__copy{display:grid;gap:4px;min-width:0}.joa-search-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:1.35}.joa-search-product__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 4px;color:#b9b6ad;font-size:12px;line-height:1.4}.joa-search-product__price>div{display:inline-flex;flex-wrap:wrap;gap:6px;width:auto}.joa-search-product__price .price{color:inherit;font-size:inherit;font-weight:400}.joa-search-product__arrow{width:18px;height:18px;color:#b9b6ad}#search-modal .predictive-search-results__no-results{margin:0 6px 14px;color:#aaa8a2;font-size:13px;line-height:1.5;text-align:left}#search-modal .predictive-search-form__footer{position:static;display:flex;flex-direction:column;flex:0 0 auto;gap:12px;width:100%;padding:0;background:transparent}#search-modal .predictive-search__search-button{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:44px;width:100%;margin:0;padding:8px 0;border:0;border-bottom:1px solid #66645f;border-radius:0;background:transparent;color:#eeece7;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:normal;text-align:left;text-transform:none;box-shadow:none;transform:none}#search-modal .predictive-search__search-button svg{width:19px;height:19px}#search-modal .joa-search-popup__request{margin:0;padding:0;border:0;border-radius:0;background:#20201e}#search-modal .joa-search-popup__request>a{display:grid;gap:7px;padding:12px 14px;text-decoration:none}#search-modal .joa-search-popup__request-prompt{color:#d0cec8;font-size:12px;line-height:1.4}#search-modal .joa-search-popup__request-link{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d5b76d;font-size:13px;line-height:1.4}#search-modal .joa-search-popup__request-link svg{flex:0 0 18px;width:18px;height:18px}#search-modal .joa-search-popup__request:hover{background:#292823}#search-modal :is(.joa-search-product__link,.predictive-search__close-modal-button,.predictive-search__search-button,.joa-search-popup__request>a):focus-visible{outline:1px solid #ddc7a4;outline-offset:-2px}@media(max-width:749px){#search-modal{--joa-search-popup-padding: 16px}#search-modal .joa-search-popup__intro h2{font-size:32px}#search-modal .joa-search-popup__intro p{font-size:12px}#search-modal .joa-search-popup__intro{margin-bottom:18px}.joa-search-product__link{grid-template-columns:52px minmax(0,1fr) 16px;gap:10px;min-height:66px;padding-block:7px}.joa-search-product__image{width:52px;height:52px}.joa-search-product__title{font-size:13px}}#search-modal .joa-search-popup--short .joa-search-popup__intro{margin-bottom:8px}#search-modal .joa-search-popup--short .joa-search-popup__intro h2{font-size:26px}#search-modal .joa-search-popup--short .joa-search-popup__intro p{display:none}#search-modal .joa-search-popup--short .predictive-search-form{padding:12px 16px}#search-modal .joa-search-popup--short .predictive-search-form__footer{gap:6px}#search-modal .joa-search-popup--short .joa-search-popup__request>a{gap:4px;padding-block:8px}@keyframes joa-search-popup-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes joa-search-popup-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){#search-modal .search-modal__content[open],#search-modal .search-modal__content.dialog-closing{animation-duration:1ms}.joa-search-product__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/joa-search-popup.css.map */