.search-modal__content.brand-search-modal--skin{--brand-search-stone: #eeebe6;--brand-search-forest: #2f4a3d;--brand-search-cream: #f3efeb;--brand-search-street-blue: #0875e8;--brand-search-ink: 42 43 41;--brand-search-divider: rgb(var(--brand-search-ink) / .1);border:1px solid rgb(var(--brand-search-ink) / .12);border-radius:2px;box-shadow:0 18px 48px rgb(var(--brand-search-ink) / .12),0 4px 12px rgb(var(--brand-search-ink) / .06);overflow:hidden}.search-modal__content.brand-search-modal--skin .predictive-search{background-color:var(--brand-search-stone)}.search-modal__content.brand-search-modal--skin .predictive-search-form__header{background-color:var(--brand-search-stone);border-bottom:1px solid var(--brand-search-forest);padding:clamp(.75rem,2vw,1rem) clamp(.875rem,2.5vw,1.25rem)}.search-modal__content.brand-search-modal--skin .predictive-search-form__header-inner{--brand-search-icon-inset: 1rem;--brand-search-icon-gap: .625rem;position:relative;border:2px solid rgb(var(--color-foreground-rgb));border-radius:2px;background-color:#fff}.search-modal__content.brand-search-modal--skin .predictive-search-form__header-inner:focus-within,.search-modal__content.brand-search-modal--skin .predictive-search-form__header-inner:has(.search-input:is(:focus,:focus-visible)){border-color:var(--brand-search-street-blue)!important;outline:2px solid var(--brand-search-street-blue);outline-offset:2px;box-shadow:none}.search-modal__content.brand-search-modal--skin .predictive-search__icon{left:var(--brand-search-icon-inset);display:flex;align-items:center;justify-content:center;width:var(--icon-size-md);height:100%;inset-block:0;top:0;color:rgb(var(--color-foreground-rgb) / .55)}.search-modal__content.brand-search-modal--skin .search-input{font-family:Overpass Mono,ui-monospace,monospace;font-weight:600;font-size:.875rem;letter-spacing:.04em;background:transparent;padding-inline-start:calc(var(--brand-search-icon-inset) + var(--icon-size-md) + var(--brand-search-icon-gap))}.search-modal__content.brand-search-modal--skin .search-input::placeholder{color:rgb(var(--color-foreground-rgb) / .48);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}@media screen and (min-width:750px){.search-modal__content.brand-search-modal--skin .predictive-search-form__header-inner{--brand-search-icon-inset: 1.125rem;--brand-search-icon-gap: .75rem}}.search-modal__content.brand-search-modal--skin .predictive-search__reset-button{font-family:Overpass Mono,ui-monospace,monospace;font-weight:600;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.search-modal__content.brand-search-modal--skin .predictive-search__reset-button:hover,.search-modal__content.brand-search-modal--skin .predictive-search__reset-button:focus-visible{opacity:1;color:var(--brand-search-forest)}.search-modal__content.brand-search-modal--skin .predictive-search__close-modal-button{opacity:.72;transition:opacity .125s ease-in-out,color .125s ease-in-out}.search-modal__content.brand-search-modal--skin .predictive-search__close-modal-button:hover,.search-modal__content.brand-search-modal--skin .predictive-search__close-modal-button:focus-visible{opacity:1;color:var(--brand-search-forest)}.search-modal__content.brand-search-modal--skin .predictive-search-form__content,.search-modal__content.brand-search-modal--skin .predictive-search-form__content-wrapper{background-color:var(--brand-search-stone)}.search-modal__content.brand-search-modal--skin .predictive-search-form__content{padding-block-start:clamp(.75rem,2vw,1rem)}.search-modal__content.brand-search-modal--skin .predictive-search-results__title{font-family:Overpass Mono,ui-monospace,monospace;font-weight:600;font-size:.6875rem;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb));padding-bottom:.35rem;border-bottom:2px solid var(--brand-search-forest);width:fit-content;max-width:100%}.search-modal__content.brand-search-modal--skin .predictive-search-results__clear{font-family:Overpass Mono,ui-monospace,monospace;font-weight:600;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;border:none;opacity:.62}.search-modal__content.brand-search-modal--skin .predictive-search-results__clear:hover,.search-modal__content.brand-search-modal--skin .predictive-search-results__clear:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:.18em}.search-modal__content.brand-search-modal--skin .resource-card__title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 400);font-size:clamp(.8125rem,2vw,.9375rem);line-height:1.06;letter-spacing:0;text-transform:uppercase}.search-modal__content.brand-search-modal--skin .resource-card__content .price{font-family:var(--font-body--family);font-weight:var(--font-body--weight);font-variant-numeric:tabular-nums}.search-modal__content.brand-search-modal--skin .predictive-search-results__card--product:hover{background-color:rgb(var(--brand-search-ink) / .035);border-radius:2px}.search-modal__content.brand-search-modal--skin .predictive-search-results__pill{font-family:Overpass Mono,ui-monospace,monospace;font-weight:600;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--brand-search-divider);border-radius:2px;background-color:#fff}.search-modal__content.brand-search-modal--skin .predictive-search-results__pill:hover,.search-modal__content.brand-search-modal--skin .predictive-search-results__pill:focus,.search-modal__content.brand-search-modal--skin .predictive-search-results__card--query:is([aria-selected=true],:focus-within) .predictive-search-results__pill{background-color:rgb(var(--brand-search-ink) / .04);border-color:rgb(var(--brand-search-ink) / .2);transform:none;box-shadow:none}.search-modal__content.brand-search-modal--skin .predictive-search-results__no-results{font-family:var(--font-body--family);font-size:1rem;line-height:1.62;color:rgb(var(--color-foreground-rgb) / .78)}.search-modal__content.brand-search-modal--skin .predictive-search-form__footer{background-image:linear-gradient(to top,var(--brand-search-stone) 0%,rgb(238 235 230 / .96) 55%,transparent 100%)}.search-modal__content.brand-search-modal--skin .predictive-search__search-button{--sign-bg: var(--brand-search-forest);--sign-fg: var(--brand-search-cream);--sign-radius-outer: 10px;--sign-inner-gap: 3px;--sign-inner-ring: 2px;position:relative;isolation:isolate;min-height:2.75rem;padding-block:.55em;padding-inline:1.35em;font-family:Overpass,system-ui,sans-serif;font-weight:800;font-size:.9375rem;line-height:1;letter-spacing:.03em;text-transform:none;color:var(--sign-fg);background-color:var(--sign-bg);border:none;border-radius:var(--sign-radius-outer);box-shadow:none;transform:none;transition:background-color .125s ease-in-out,color .125s ease-in-out}.search-modal__content.brand-search-modal--skin .predictive-search__search-button:before{content:"";position:absolute;inset:var(--sign-inner-gap);box-sizing:border-box;border:var(--sign-inner-ring) solid var(--sign-fg);border-radius:calc(var(--sign-radius-outer) - var(--sign-inner-gap));pointer-events:none;z-index:0}.search-modal__content.brand-search-modal--skin .predictive-search__search-button:hover,.search-modal__content.brand-search-modal--skin .predictive-search__search-button:focus-visible{--sign-bg: var(--brand-search-street-blue);--sign-fg: #ffffff;transform:none;box-shadow:none}.search-modal__content.brand-search-modal--skin .predictive-search__search-button:focus-visible{outline:3px solid var(--sign-fg);outline-offset:3px}@media screen and (min-width:750px){.search-modal__content.brand-search-modal--skin .predictive-search__search-button{--sign-radius-outer: 12px;min-height:3rem}}@media screen and (max-width:749px){.search-modal__content.brand-search-modal--skin{border-radius:0;border-inline:none;border-top:none}}@media(prefers-contrast:more){.search-modal__content.brand-search-modal--skin .predictive-search__search-button:hover,.search-modal__content.brand-search-modal--skin .predictive-search__search-button:focus-visible{--sign-bg: #005a9e}}@media(forced-colors:active){.search-modal__content.brand-search-modal--skin .predictive-search__search-button:hover,.search-modal__content.brand-search-modal--skin .predictive-search__search-button:focus-visible{--sign-bg: LinkText;--sign-fg: Canvas}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brand-search-modal.css.map */