.nav-search{--s-ink: #000;--s-line: #ccc;--s-grey-400: #aaa;--s-grey-600: #707070;--s-grey-bg: #eee;--s-cream: #faf4ee;--s-teal: #0c7b90;--s-display: "Syne", var(--FONT-STACK-HEADING, "Helvetica Neue"), Helvetica, Arial, sans-serif;--s-body: "Poppins", var(--FONT-STACK-BODY, "Helvetica Neue"), Helvetica, Arial, sans-serif;--s-top: 123px;--s-ease: cubic-bezier(.22, .61, .36, 1)}.nav-search{position:fixed;top:var(--s-top);left:0;right:0;bottom:0;height:auto;width:100%;padding:0;background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;transition:opacity .32s ease,visibility 0s linear .54s}.nav-search--is-visible{transition:opacity .32s ease,visibility 0s}.nav-search .nav-search__scroller{position:absolute;top:0;left:0;right:0;bottom:auto;width:100%;margin:0;max-height:0;overflow:hidden;background:#fff;border-top:1px solid var(--s-line);box-shadow:none;transition:max-height .54s var(--s-ease)}.nav-search--is-visible .nav-search__scroller{max-height:min(620px,calc(100vh - var(--s-top) - 16px));max-height:min(620px,calc(100dvh - var(--s-top) - 16px));overflow-y:auto}.nav-search .nav-search__container{background:#fff;width:100%}.nav-search .nav-search__container>.wrapper,.nav-search .wrapper{max-width:none;margin:0;padding:20px 48px 32px;width:100%;box-sizing:border-box}.nav-search .search-form{margin:0;padding:0;position:static}.nav-search .nav-search__input-group{position:relative;display:flex;align-items:center;gap:14px;height:auto;margin:0;padding:0 0 12px;border-bottom:1px solid var(--s-ink);border-radius:0;background:transparent}.nav-search .nav-search__submit{order:-1;position:static;flex-shrink:0;width:24px;height:24px;padding:0;margin:0;border:none;background:transparent;color:var(--s-ink);display:inline-flex;align-items:center;justify-content:center}.nav-search .nav-search__submit svg{width:22px;height:22px}.nav-search .nav-search__input{flex:1;min-width:0;width:auto;font-family:var(--s-display);font-size:22px;letter-spacing:-.02em;border:none;outline:none;background:transparent;color:var(--s-ink);padding:8px 0;height:auto}.nav-search .nav-search__input::placeholder{color:var(--s-grey-400)}.nav-search .nav-search__input::-webkit-search-cancel-button{display:none}.nav-search .nav-search__clear{flex-shrink:0;border:none;background:transparent;cursor:pointer;padding:4px 2px;font-family:var(--s-body);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--s-grey-600)}.nav-search .nav-search__clear:hover{color:var(--s-ink)}.nav-search .nav-search__clear[hidden]{display:none!important}.nav-search .nav-search__close{position:static;flex-shrink:0;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid var(--s-line);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--s-ink);transition:background .22s ease}.nav-search .nav-search__close:hover{background:var(--s-cream)}.nav-search .nav-search__close:hover .icon-close{transform:none}.nav-search .nav-search__close svg{width:14px;height:14px}.nav-search .nav-search__submit:focus-visible,.nav-search .nav-search__clear:focus-visible,.nav-search .nav-search__close:focus-visible{outline:2px solid var(--s-teal);outline-offset:2px}.nav-search .results-popular{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.nav-search .results-popular+.results-popular{margin-top:18px}.nav-search .results-popular__title{font-family:var(--s-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-grey-600);margin:0 4px 0 0}.nav-search .results-popular__links{display:contents;list-style:none;padding:0;margin:0}.nav-search .results-popular__links li{margin:0;display:inline-flex}.nav-search .results-popular__links li a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1px solid var(--s-line);font-family:var(--s-body);font-size:13px;background:#fff;color:var(--s-ink);text-decoration:none;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease}.nav-search .results-popular__links li a:hover,.nav-search .results-popular__links li a:focus-visible{background:var(--s-ink);color:#fff;border-color:var(--s-ink)}@keyframes sda-chip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-search .results-popular__links li a{opacity:0}.nav-search--is-visible .results-popular__links li a{animation:sda-chip-in .42s var(--s-ease) forwards}.nav-search--is-visible .results-popular__links li:nth-child(1) a{animation-delay:0ms}.nav-search--is-visible .results-popular__links li:nth-child(2) a{animation-delay:50ms}.nav-search--is-visible .results-popular__links li:nth-child(3) a{animation-delay:.1s}.nav-search--is-visible .results-popular__links li:nth-child(4) a{animation-delay:.15s}.nav-search--is-visible .results-popular__links li:nth-child(5) a{animation-delay:.2s}.nav-search--is-visible .results-popular__links li:nth-child(6) a{animation-delay:.25s}.nav-search--is-visible .results-popular__links li:nth-child(7) a{animation-delay:.3s}.nav-search--is-visible .results-popular__links li:nth-child(8) a{animation-delay:.35s}.nav-search--is-visible .results-popular__links li:nth-child(n+9) a{animation-delay:.4s}.nav-search .nav-search__container.push-up .results-popular{display:none}.nav-search .sda-search-cols{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.nav-search .sda-search-cols[hidden]{display:none}.nav-search #search-results{margin-top:0}.nav-search .nav-search__container.push-up #search-results{margin-top:16px}.nav-search .results__list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.nav-search .result{display:flex;align-items:center;gap:14px;margin:0;padding:10px 8px;border:0;border-radius:10px;transition:background .16s ease}.nav-search .result:hover{background:var(--s-grey-bg)}.nav-search .result__image{flex-shrink:0;width:46px;padding:0;margin:0}.nav-search .result__image-link{display:block;width:46px;height:46px;border-radius:8px;overflow:hidden;background:var(--s-grey-bg)}.nav-search .result__image .product__media__outer,.nav-search .result__image .product__media__inner,.nav-search .result__image .product__media__container{width:100%;height:100%;padding:0}.nav-search .result__image .result__image-img,.nav-search .result__image img{background-size:contain;background-position:center;background-color:var(--s-grey-bg)}.nav-search .result__title{flex:1;min-width:0;text-align:left;margin:0;padding:0}.nav-search .result__title a{display:flex;flex-direction:column;gap:1px;color:inherit;text-decoration:none}.nav-search .result__name{font-family:var(--s-display);font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--s-ink)}.nav-search .result__meta{font-family:var(--s-body);font-size:12px;line-height:1.4;color:var(--s-grey-600)}.nav-search .result__price{flex-shrink:0;font-family:var(--s-display);font-size:14px;font-weight:600;color:var(--s-ink)}.nav-search .result--full{display:block;padding:8px 0 4px}.nav-search .result--full .result__title{flex:none}.nav-search .result--full .result__title,.nav-search .result--full .result__name{font-family:var(--s-display);font-size:16px;font-weight:400;color:var(--s-ink)}.nav-search .pagination--search{margin:12px 0 0;text-align:left}.nav-search .pagination--search .btn{display:inline-flex;align-items:center;padding:0;border:0;border-radius:0;background:none;color:var(--s-teal);font-family:var(--s-body);font-size:13px;font-weight:600;text-transform:none;text-decoration:none}.nav-search .pagination--search .btn:after{content:" \2192";margin-left:4px}.nav-search .pagination--search .btn:hover{text-decoration:underline}.nav-search .pagination__loading{display:none;margin:8px auto;width:40px;height:40px;padding:0;background-size:32px;background-position:center}.nav-search .is-searching .pagination__loading{display:block}@media(max-width:749px){.nav-search{--s-top: 96px}.nav-search--is-visible .nav-search__scroller{max-height:min(80vh,calc(100vh - var(--s-top) - 8px));max-height:min(80dvh,calc(100dvh - var(--s-top) - 8px))}.nav-search .nav-search__container>.wrapper,.nav-search .wrapper{padding:16px 20px 24px}.nav-search .nav-search__input{font-size:18px}.nav-search .nav-search__close{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.nav-search,.nav-search .nav-search__scroller,.nav-search .nav-search__close,.nav-search .results-popular__links li a{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sda-search.css.map */