.usf-search{--usf-h: 4.6rem;--usf-line: #cfcfcf;--usf-soft: #f2f2f2;--usf-accent: rgb(var(--color-button));--usf-accent-text: rgb(var(--color-button-text));position:relative;grid-area:search;width:100%;max-width:76rem;justify-self:center;font-size:1.5rem}.usf-search__form{display:flex;height:var(--usf-h);border:1px solid var(--usf-line);background:#fff;transition:border-color .15s,box-shadow .15s}.usf-search__form:focus-within{border-color:var(--usf-line);box-shadow:none}.usf-search__input:focus,.usf-search__input:focus-visible,.usf-search__cat select:focus,.usf-search__cat select:focus-visible{outline:none!important;box-shadow:none!important}.usf-search__cat{position:relative;display:flex;align-items:center;gap:.8rem;padding:0 1.4rem;background:var(--usf-soft);border-right:1px solid var(--usf-line);color:#222;white-space:nowrap;flex:none;max-width:22rem}.usf-search__cat select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;font-size:1.6rem}.usf-search__cat-label{overflow:hidden;text-overflow:ellipsis}.usf-search__input{flex:1;min-width:0;border:0;padding:0 1.4rem;font:inherit;font-size:1.6rem;color:#111;background:transparent;outline:none;-webkit-appearance:none;appearance:none}.usf-search__input::placeholder{color:#8a8a8a}.usf-search__input::-webkit-search-cancel-button{cursor:pointer}.usf-search__btn{flex:none;width:5.6rem;border:0;background:var(--usf-accent);color:var(--usf-accent-text);display:grid;place-items:center;cursor:pointer;transition:filter .15s}.usf-search__btn:hover{filter:brightness(.92)}.usf-search__btn:focus-visible{outline:2px solid #111;outline-offset:-4px}.usf-search__panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:30;background:#fff;color:#111;border:1px solid #e3e3e3;box-shadow:0 12px 32px #0000001f;max-height:min(70vh,56rem);overflow-y:auto}.usf-search__panel[hidden]{display:none}.usf-search__panel.is-loading{opacity:.6}.usf-sr__heading{margin:0;padding:1.2rem 1.6rem .4rem;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#777}.usf-sr__list{list-style:none;margin:0;padding:.4rem 0}.usf-sr__item{display:flex;align-items:center;gap:1.4rem;padding:.8rem 1.6rem;color:inherit;text-decoration:none}.usf-sr__item:hover,.usf-sr__item[aria-selected=true]{background:#f6f6f6}.usf-sr__img{flex:none;width:6.4rem;height:6.4rem;border:1px solid #eee;background:#fff;display:grid;place-items:center;overflow:hidden}.usf-sr__img img{width:100%;height:100%;object-fit:contain}.usf-sr__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.usf-sr__vendor{font-size:1.2rem;color:#777;text-transform:uppercase;letter-spacing:.06em}.usf-sr__title{font-size:1.4rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.usf-sr__price{flex:none;text-align:right;font-weight:600;font-size:1.5rem;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.usf-sr__price s{font-weight:400;font-size:1.2rem;color:#888}.usf-sr__all{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.2rem;border-top:1px solid #eee;color:var(--usf-accent);font-weight:600;text-decoration:none}.usf-sr__all:hover,.usf-sr__all[aria-selected=true]{background:#fbf3f2}.usf-sr__empty{margin:0;padding:1.6rem;color:#555;font-size:1.4rem}.usf-sr__empty a{color:inherit;font-weight:600}.header.header--usf-search{grid-template-areas:"left-icons heading icons" "search search search";row-gap:1rem}.header--usf-search .header__icons .header__search{display:none}@media screen and (min-width:990px){.header.header--usf-search.header--middle-left{grid-template-areas:"heading search icons" "heading navigation icons";grid-template-columns:auto minmax(0,1fr) auto;column-gap:5rem;row-gap:.4rem;padding-top:1.6rem;padding-bottom:.4rem}.header--usf-search.header--middle-left .header__heading,.header--usf-search.header--middle-left>.header__heading-link{justify-self:start;align-self:start}.header--usf-search.header--middle-left .header__icons{justify-self:end;align-self:start;height:4.6rem;align-items:center}.header--usf-search.header--middle-left .usf-search{align-self:end;max-width:none}.header--usf-search.header--middle-left .header__inline-menu{margin-left:0;align-self:start}.header--usf-search.header--middle-left .header__inline-menu>.list-menu--inline{margin-left:-1.2rem}}@media screen and (max-width:749px){.header.header--usf-search{padding:10px}.usf-search{--usf-h: 4.4rem}.usf-search__cat{padding:0 1rem;max-width:12.5rem;font-size:1.3rem}.usf-search__btn{width:4.8rem}.usf-sr__img{width:5.2rem;height:5.2rem}.usf-sr__item{gap:1rem;padding:.8rem 1.2rem}}.header--middle-left .header__heading-link,.header--top-left .header__heading-link{margin-left:-.75rem;margin-top:-8px}.header__icon,.header__icon--cart .icon{height:4.4rem;width:4.4rem;padding:0;margin-top:-8px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/usf-search.css.map */
