html .brand-search-modal{--search-ink: #232b33;--search-muted: #6c736d;--search-accent: #98533e;--search-line: #e3e4dd;--search-paper: #fbfaf7}html .brand-search-modal *,html .brand-search-modal *:before,html .brand-search-modal *:after{box-sizing:border-box}html .brand-search-modal details:not([open])>.search-modal{display:none}html .brand-search-modal details[open]>.search-modal{opacity:1;animation:none}html .brand-search-modal .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;height:100%;min-height:0;padding:clamp(2rem,8vh,8rem) 2.4rem 2.4rem;background:#232b335e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html .brand-search-modal .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0}html .brand-search-modal .modal-overlay:after{display:none}html .brand-search-modal .search-modal__content{position:relative;top:auto;bottom:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:78rem;height:auto;max-height:calc(100dvh - clamp(2rem,8vh,8rem) - 2.4rem);margin:0;padding:3.2rem 3.2rem 0;overflow:hidden;border:1px solid #ffffffb3;border-radius:1.8rem;background:var(--search-paper);color:var(--search-ink);box-shadow:0 2.4rem 8rem -2rem #18202640;font-family:Archivo,system-ui,sans-serif;letter-spacing:0}html .brand-search-modal .brand-search-heading{flex:0 0 auto;padding-right:4.4rem;margin:0 0 2.4rem}html .brand-search-modal .brand-search-eyebrow{margin:0 0 .8rem;color:var(--search-accent);font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}html .brand-search-modal .brand-search-title{margin:0;color:inherit;font:500 3rem/1.18 Bricolage Grotesque,sans-serif;letter-spacing:-.03em}html .brand-search-modal .brand-search-description{margin:.8rem 0 0;color:var(--search-muted);font-size:1.4rem;line-height:1.6}html .brand-search-modal .search-modal__form{display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;min-height:0;max-width:none;margin:0}html .brand-search-modal .field{position:relative;display:flex;flex:0 0 auto;align-items:center;height:5.8rem;min-height:5.8rem;margin:0 0 2.4rem;border:1px solid #ced1c8;border-radius:1rem;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}html .brand-search-modal .field:before,html .brand-search-modal .field:after{display:none}html .brand-search-modal .field:focus-within{border-color:var(--search-accent);box-shadow:0 0 0 2px #98533e14}html .brand-search-modal .search__input.field__input{height:100%;min-width:0;margin:0;padding:1.4rem 15rem 1.4rem 1.8rem;border:0;border-radius:1rem;background:transparent;color:var(--search-ink);font:400 1.6rem/1.5 Archivo,system-ui,sans-serif;letter-spacing:0}html .brand-search-modal .search__input.field__input:placeholder-shown{padding-right:10.6rem}html .brand-search-modal .search__input.field__input::placeholder{color:#798078;opacity:1}html .brand-search-modal .search__input.field__input:focus,html .brand-search-modal .search__input.field__input:focus-visible{outline:none;outline-offset:0;box-shadow:none}html .brand-search-modal .search__input::-webkit-search-cancel-button{-webkit-appearance:none}html .brand-search-modal .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html .brand-search-modal .search__button.field__button{position:absolute;top:.6rem;right:.6rem;bottom:auto;display:flex;align-items:center;justify-content:center;gap:.8rem;width:9.2rem;height:4.4rem;padding:0 1.2rem;border:0;border-radius:.6rem;background:var(--search-ink);color:#fff;box-shadow:none;font:500 1.3rem/1 Archivo,sans-serif;cursor:pointer}html .brand-search-modal .search__button.field__button:hover{background:#39453f}html .brand-search-modal .reset__button.field__button{top:.6rem;right:10rem;width:4.4rem;height:4.4rem;padding:1.2rem;border:0;border-radius:.6rem;background:transparent;color:#71776f;box-shadow:none}html .brand-search-modal .reset__button.field__button:hover{background:#f0f1eb;color:var(--search-ink)}html .brand-search-modal .reset__button:after{display:none}html .brand-search-modal .search-modal__close-button{position:absolute;top:2rem;right:2rem;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:0;padding:1.2rem;border:0;border-radius:50%;background:transparent;color:#6b726b;cursor:pointer}html .brand-search-modal .search-modal__close-button:hover{background:#efeee7;color:var(--search-ink)}html .brand-search-modal .field__button .icon,html .brand-search-modal .search-modal__close-button .icon{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.6}html .brand-search-modal button:focus-visible,html .brand-search-modal a:focus-visible{outline:2px solid var(--search-accent);outline-offset:3px;box-shadow:none}html .brand-search-modal .brand-search-discover{flex:0 0 auto;margin:0;padding:2rem 0 2.8rem;border-top:1px solid var(--search-line)}html .brand-search-modal .brand-search-discover-label{display:block;margin-bottom:1.2rem;color:var(--search-muted);font-size:1.2rem;line-height:1.5}html .brand-search-modal .brand-search-topics{display:flex;flex-wrap:wrap;gap:.8rem}html .brand-search-modal .brand-search-topics a{display:inline-flex;align-items:center;min-height:4.4rem;padding:.8rem 1.5rem;border:1px solid #dedfd7;border-radius:999px;color:#445044;font-size:1.3rem;text-decoration:none}html .brand-search-modal .brand-search-topics a:hover{border-color:#c4cbbb;background:#f0f1e9}html .brand-search-modal .search-modal__content:has(.search__input:not(:placeholder-shown)) .brand-search-discover{display:none}html .brand-search-modal .predictive-search{position:static;flex:1 1 auto;width:100%;min-height:0;max-width:none;max-height:none!important;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4c9bc transparent;border:0;border-top:1px solid var(--search-line);border-radius:0;background:transparent;box-shadow:none}html .brand-search-modal predictive-search:not([open]):not([loading]) .predictive-search,html .brand-search-modal predictive-search:not([loading]) .predictive-search__loading-state{display:none}html .brand-search-modal predictive-search .spinner{width:1.8rem;height:1.8rem}html .brand-search-modal predictive-search[loading] .predictive-search__loading-state{min-height:7.2rem;align-items:center}html .brand-search-modal .predictive-search__results-groups-wrapper{display:flex;gap:2.8rem;padding:2.4rem 0;border-bottom:0}html .brand-search-modal .predictive-search__result-group{min-width:0;gap:2.4rem}html .brand-search-modal .predictive-search__result-group:first-child{flex:0 0 29%}html .brand-search-modal .predictive-search__result-group:last-child{flex:1 1 0}html .brand-search-modal .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child{flex:1 1 auto}html .brand-search-modal .predictive-search__heading{margin:0 0 1rem;padding:0;border:0;color:#757c73;font:500 1rem/1.5 Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase}html .brand-search-modal .predictive-search__results-list{margin:0;padding:0;list-style:none}html .brand-search-modal .predictive-search__list-item+.predictive-search__list-item{margin-top:.4rem}html .brand-search-modal .predictive-search__item{min-height:4.4rem;padding:1.1rem 1.2rem;border-radius:.8rem;color:var(--search-ink);font-family:Archivo,sans-serif;text-decoration:none;transition:background .16s ease,color .16s ease}html .brand-search-modal .predictive-search__item-heading{margin:0;color:inherit;font:500 1.4rem/1.55 Archivo,sans-serif;letter-spacing:0;overflow-wrap:anywhere}html .brand-search-modal .predictive-search__item-query-result *:not(mark){font-weight:600}html .brand-search-modal .predictive-search__item-query-result mark{background:none;color:inherit;font-weight:400}html .brand-search-modal .predictive-search__item-content{min-width:0}html .brand-search-modal .predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 1.8rem;grid-template-areas:"product-image product-content product-arrow";align-items:center;gap:1.6rem;min-height:8.8rem;padding:1.2rem}html .brand-search-modal .brand-search-product-image{grid-area:product-image;display:grid;place-items:center;width:6.4rem;height:6.4rem;padding:.4rem;overflow:hidden;border:1px solid #e8e6dd;border-radius:.8rem;background:#f0eee7}html .brand-search-modal .brand-search-product-image .predictive-search__image{display:block;grid-area:auto;width:100%;height:100%;max-height:5.6rem;object-fit:contain}html .brand-search-modal .brand-search-product-image svg{width:2.8rem;height:2.8rem;color:#8d9489}html .brand-search-modal .brand-search-product-arrow{grid-area:product-arrow;width:1.8rem;height:1.8rem;color:#868d81;transition:transform .16s ease}html .brand-search-modal .predictive-search__item-vendor{margin-bottom:.3rem;color:var(--search-muted);font-size:1rem}html .brand-search-modal .predictive-search .price{margin-top:.4rem;color:var(--search-accent);font-size:1.25rem}html .brand-search-modal .predictive-search__list-item[aria-selected=true]>*,html .brand-search-modal .predictive-search__item[aria-selected=true],html .brand-search-modal .predictive-search__item:hover{background:#eeeee6;color:var(--search-ink)}html .brand-search-modal .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,html .brand-search-modal .predictive-search__item:hover .predictive-search__item-heading{text-decoration:none}html .brand-search-modal .predictive-search__item:hover .brand-search-product-arrow{transform:translate(2px);color:var(--search-accent)}html .brand-search-modal .predictive-search__search-for-button{position:sticky;bottom:0;padding:1.2rem 0;border-top:1px solid var(--search-line);background:var(--search-paper)}html .brand-search-modal .predictive-search__item--term{min-height:4.8rem;padding:1.2rem 1.6rem;border:1px solid #e0e2d8;border-radius:.8rem;background:#f1f2eb;font-size:1.35rem;font-weight:500;line-height:1.5;word-break:normal;overflow-wrap:anywhere}html .brand-search-modal .predictive-search__item--term .icon-arrow{width:1.6rem;height:1.6rem;margin-left:1.6rem;color:var(--search-accent)}html .brand-search-modal .brand-search-empty{padding:3.2rem 1.2rem;text-align:center}html .brand-search-modal .brand-search-empty p{margin:0 0 .8rem;color:var(--search-ink);font:500 1.6rem/1.5 Archivo,sans-serif;overflow-wrap:anywhere}html .brand-search-modal .brand-search-empty span{color:var(--search-muted);font-size:1.3rem;line-height:1.6}@media(max-width:749px){html .brand-search-modal .search-modal{align-items:flex-end;padding:1.2rem 0 0}html .brand-search-modal .search-modal__content{max-width:none;max-height:calc(100dvh - 1.2rem);padding:2.4rem 2rem max(0px,env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:2rem 2rem 0 0}html .brand-search-modal .brand-search-heading{margin-bottom:2rem}html .brand-search-modal .brand-search-title{font-size:2.6rem}html .brand-search-modal .brand-search-description{font-size:1.3rem}html .brand-search-modal .search-modal__close-button{top:1.2rem;right:1.2rem}html .brand-search-modal .search__button.field__button{width:4.4rem;padding:0}html .brand-search-modal .brand-search-submit-label{display:none}html .brand-search-modal .reset__button.field__button{right:5.2rem}html .brand-search-modal .search__input.field__input{padding-left:1.4rem;padding-right:10rem}html .brand-search-modal .search__input.field__input:placeholder-shown{padding-right:5.8rem}html .brand-search-modal .field{margin-bottom:2rem}html .brand-search-modal .predictive-search__results-groups-wrapper{flex-direction:column;gap:2.4rem;padding-top:2rem}html .brand-search-modal .predictive-search__result-group,html .brand-search-modal .predictive-search__result-group:first-child{flex:0 0 auto;gap:2.4rem}html .brand-search-modal .predictive-search__results-groups-wrapper--no-suggestions .predictive-search__result-group:first-child:not(:only-child){display:none}html .brand-search-modal .predictive-search__item--link-with-thumbnail{grid-template-columns:5.6rem minmax(0,1fr) 1.6rem;min-height:8rem;gap:1.2rem;padding:1.2rem .8rem}html .brand-search-modal .brand-search-product-image{width:5.6rem;height:5.6rem}html .brand-search-modal .brand-search-product-image .predictive-search__image{max-height:4.8rem}html .brand-search-modal .brand-search-product-arrow{width:1.6rem;height:1.6rem}}@media(max-height:650px){html .brand-search-modal .brand-search-heading{margin-bottom:1.6rem}html .brand-search-modal .brand-search-eyebrow,html .brand-search-modal .brand-search-description{display:none}html .brand-search-modal .brand-search-title{font-size:2.4rem}html .brand-search-modal .search-modal__content{padding-top:2.4rem}html .brand-search-modal .field{margin-bottom:1.6rem}}@media(prefers-reduced-motion:reduce){html .brand-search-modal *{transition:none!important;animation:none!important}}predictive-search:not(.search-modal__form) .brand-search-product-image{grid-area:product-image}predictive-search:not(.search-modal__form) .brand-search-product-image>svg{width:3rem;height:3rem}predictive-search:not(.search-modal__form) .brand-search-product-arrow{display:none}
/*# sourceMappingURL=/cdn/shop/t/73/assets/brand-search.css.map */