.ss-search,.ss-search-bar{--ss-cta: var(--color-primary-button-background, #2f6fe4);color:var(--ss-ink, #1a1c1d)}.ss-search__inner{width:100%;max-width:var(--page-width, 1400px);margin-inline:auto;padding-inline:var(--page-margin, 16px);box-sizing:border-box}.ss-search--head{padding-block-start:calc(var(--ss-search-pt, 24px) * var(--ss-space, 1))}.ss-search--body{padding-block-end:calc(var(--ss-search-pb, 8px) * var(--ss-space, 1))}.ss-search__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.ss-search__heading{margin:0;color:var(--ss-ink, #1a1c1d);overflow-wrap:anywhere;text-wrap:balance}.ss-search__title.h1{line-height:1}@media(max-width:749px){.ss-search__title.h1{font-size:clamp(1.75rem,8.5vw,2.5rem)}}.ss-search__count{margin:0;font-size:.875rem;font-weight:600;color:var(--ss-mute, #6b6f73)}.ss-search-bar{position:relative;z-index:var(--layer-heightened, 4);padding-block:12px;background:var(--color-background, #fff)}.ss-search-bar--sticky{position:sticky;top:var(--header-height, 0px);box-shadow:0 1px 0 var(--ss-line, #e6e7e9)}.ss-search__field{position:relative;display:block}.ss-search__form{display:flex;align-items:center;gap:8px;margin:0}.ss-search__control{position:relative;flex:1;min-width:0;display:flex;align-items:center}.ss-search__icon{position:absolute;inset-inline-start:14px;width:20px;height:20px;color:var(--ss-mute, #6b6f73);pointer-events:none}.ss-search__icon svg{width:20px;height:20px}.ss-search__input{width:100%;min-width:0;height:48px;padding:0 44px;border:1.5px solid var(--ss-line, #e6e7e9);border-radius:12px;background:var(--ss-mist, #f3f4f5);color:var(--ss-ink, #1a1c1d);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}.ss-search__input::-webkit-search-cancel-button{display:none}.ss-search__input::placeholder{color:var(--ss-mute, #6b6f73);opacity:1}.ss-search__input:focus-visible{outline:none;border-color:var(--ss-cta);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-cta) 22%,transparent)}.ss-search__clear{all:unset;box-sizing:border-box;position:absolute;inset-inline-end:2px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:var(--ss-ink, #1a1c1d)}.ss-search__clear[hidden]{display:none}.ss-search__clear svg{width:14px;height:14px}.ss-search__clear:focus-visible{outline:2px solid var(--ss-cta);outline-offset:-4px}.ss-search__submit{flex:none;min-height:48px;padding-inline:18px}@media(max-width:749px){.ss-search__submit{padding-inline:14px}}.ss-search__suggest{position:absolute;inset-inline:0;top:calc(100% + 8px);max-height:min(70dvh,560px);overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 18px 40px #1a1c1d29,0 0 0 1px var(--ss-line, #e6e7e9);z-index:1}.ss-search__suggest[hidden],.ss-search__suggest-results[hidden],.ss-search__suggest-idle[hidden]{display:none}.ss-search__suggest .predictive-search-results__inner{padding-block:0}.ss-search__suggest .predictive-search-results__resource-header,.ss-search__suggest .predictive-search-results__wrapper{padding-inline:0}@media(prefers-reduced-motion:no-preference){.ss-search__field[data-open] .ss-search__suggest{animation:ss-search-pop .16s var(--ss-ease, ease-out)}}@keyframes ss-search-pop{0%{opacity:0;transform:translateY(-4px)}}.ss-search__group+.ss-search__group{margin-block-start:18px}.ss-search__group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ss-search__label{margin:0 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-mute, #6b6f73)}.ss-search__text-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:0 4px;font-size:.8125rem;font-weight:600;color:var(--ss-ink, #1a1c1d);text-decoration:underline;text-underline-offset:3px}.ss-search__text-btn:focus-visible{outline:2px solid var(--ss-cta);outline-offset:2px}.ss-qchips{margin-block:4px 8px}.ss-qchips+.ss-search__tabs{margin-block-start:0}.ss-qchip{font-family:var(--font-body--family);color:var(--ss-ink, #1a1c1d)}.ss-qchip.is-active{color:var(--color-primary-button-text, #fff)}.ss-qchip__icon{width:16px;height:16px;flex:none}@media(min-width:750px){.ss-qchips .ss-chips--scroll{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}}.ss-search__tabs{margin-block:4px 8px}.ss-search__tabs[hidden]{display:none}.ss-search__state{display:grid;gap:22px;padding-block:16px 8px}@media(max-width:749px){.ss-search__state--empty>.ss-search__heading{text-align:center}}.ss-search__tips{max-width:60ch;color:var(--ss-mute, #6b6f73)}.ss-search__tips>:first-child{margin-top:0}.ss-search__tips>:last-child{margin-bottom:0}.ss-search__state .ss-search__group+.ss-search__group{margin-block-start:0}.ss-search__results{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}.ss-search__result-link{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--ss-mist, #f3f4f5);color:inherit;text-decoration:none}.ss-search__result-link:focus-visible{outline:2px solid var(--ss-cta);outline-offset:2px}.ss-search__result-media{flex:none;width:96px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff}.ss-search__result-img{width:100%;height:100%;object-fit:cover;display:block}.ss-search__result-body{min-width:0}.ss-search__result-title{margin:0 0 4px;font-family:var(--font-heading--family);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.0625rem;line-height:1.1;color:var(--ss-ink, #1a1c1d)}.ss-search__result-text{margin:0;font-size:.875rem;color:var(--ss-mute, #6b6f73)}@media(min-width:750px){.ss-search__result-media{width:160px;aspect-ratio:4 / 3}.ss-search__result-link{padding:18px}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ss-search__result-link{transition:transform .16s var(--ss-ease, ease-out)}.ss-search__result-link:hover{transform:translateY(-2px)}}.ss-search__grid-heading{margin-block-end:16px}
/*# sourceMappingURL=/cdn/shop/t/388/assets/ss-search.css.map */