.autocomplete{--color-foreground: #000;--color-background: #fff;display:grid;width:100%;max-width:40rem;margin-left:auto;border-radius:var(--border-radius-base);border:.1rem solid var(--color-foreground);background-color:var(--color-background)}.autocomplete__form{grid-column:1/-1}.autocomplete__field{display:grid;grid-template-columns:1fr 6rem}.autocomplete__input,.autocomplete__button{padding:0;border-radius:0;border:0;background:none}.autocomplete__input{padding-inline:var(--spacer-xs);font-size:2rem}.autocomplete__button{display:grid;place-items:center;width:6rem;height:6rem}.autocomplete__button svg{display:block}.autocomplete__scroll{display:none;grid-template-columns:1fr 34rem}.autocomplete__facet{padding-block:var(--spacer)}.autocomplete__facet__heading{margin-bottom:1.6rem;line-height:1;font-size:1.4rem;font-weight:var(--font-weight-bold)}.autocomplete__facet a{transition-property:all;transition-duration:var(--transition-duration-short)}.autocomplete__facet__heading--vendors{margin-top:2rem}.autocomplete__facet__items--vendors{display:flex;column-gap:var(--spacer);align-items:center}.autocomplete__facet__items--vendors a:focus{overflow:hidden;transform:scale(1.2);box-shadow:var(--shadow);border-radius:var(--border-radius-base)}.autocomplete__tip{grid-column:1/-1;display:none;gap:1rem;margin-inline:calc(var(--spacer)*-1);padding:.5rem 2rem;background-color:rgba(var(--color-rgb-body), 0.03);color:rgba(var(--color-rgb-body), 0.4)}.autocomplete__tip svg{display:block;pointer-events:all;cursor:help}.autocomplete.loading .autocomplete__form{border:0}.autocomplete.loading .autocomplete__scroll,.autocomplete.loading .autocomplete__tip{display:none}.autocomplete__facet--suggestions{padding-right:var(--spacer)}.autocomplete__facet--suggestions :not([class*="--vendors"]) a{display:block;margin-left:-0.9rem;padding-left:.7rem;border-radius:var(--border-radius-base);line-height:4rem;color:rgba(var(--color-rgb-body), 0.5)}.autocomplete__facet--suggestions :not([class*="--vendors"]) a svg{vertical-align:middle}.autocomplete__facet--suggestions :not([class*="--vendors"]) a b{color:var(--color-foreground)}.autocomplete__facet--suggestions :not([class*="--vendors"]) a:active,.autocomplete__facet--suggestions :not([class*="--vendors"]) a:focus{background-color:rgba(var(--color-rgb-body), 0.05);color:var(--color-foreground)}@media(hover: hover){.autocomplete__facet--suggestions :not([class*="--vendors"]) a:hover{background-color:rgba(var(--color-rgb-body), 0.05);color:var(--color-foreground)}}.autocomplete--trending .autocomplete__facet--suggestions :not([class*="--vendors"]) a{color:var(--color-foreground)}@media(hover: hover){.autocomplete__facet--suggestions [class*="--vendors"] a:hover{transform:scale(1.2)}}.tcard{display:grid;grid-template:2.5rem 2rem 1fr/8rem auto 1fr;align-items:center;column-gap:var(--spacer-xs);margin-top:var(--spacer-xs);padding-right:var(--spacer-xs);overflow:hidden;border-radius:var(--border-radius-base);border:1px solid rgba(var(--color-rgb-brand-2), 0.2);line-height:2rem;font-size:1.4rem;color:var(--color-foreground)}.tcard *{pointer-events:none}.tcard__image{grid-column:1/2;grid-row:1/-1;position:relative;padding:.4rem}.tcard__image::after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-color:rgba(var(--color-rgb-brand-2), 0.04)}.tcard__title,.tcard__price,.tcard__option{grid-column:2/-1}.tcard__title{align-self:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcard__price{font-weight:var(--font-weight-bold)}.tcard__price b{font-size:1.6rem}.tcard__price del{-webkit-text-decoration:none;text-decoration:none;font-weight:normal;font-size:1.2rem;color:rgba(var(--color-rgb-body), 0.5)}.tcard__badge{width:9rem;border-radius:1rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:1rem}.tcard__reviews{display:flex;font-size:1.2rem}.tcard__reviews svg{fill:var(--color-star-ratings)}.tcard__badge:not([hidden])+.tcard__options,.tcard__reviews:not([hidden])+.tcard__options{display:none}.tcard__options{font-size:1.2rem}.tcard:active,.tcard:focus{box-shadow:0 1px 6px rgba(0,0,0,.25);border-color:rgb(var(--color-rgb-brand-2))}@media(hover: hover){.tcard:hover{box-shadow:0 1px 6px rgba(0,0,0,.25);border-color:rgb(var(--color-rgb-brand-2))}}.autocomplete--open{max-width:66rem;padding:0 1.9rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.autocomplete--open .autocomplete__form{border-bottom:var(--border-base);transition:var(--transition-slow);transition-property:border-color}.autocomplete--open .autocomplete__form:focus-within{border-color:var(--color-foreground)}.autocomplete--open .autocomplete__button{order:-1;width:auto}.autocomplete--open .autocomplete__scroll{display:block}.autocomplete--no-suggestions.autocomplete--no-products .autocomplete__form{border:0}.autocomplete--no-suggestions.autocomplete--no-products .autocomplete__scroll,.autocomplete--no-suggestions.autocomplete--no-products .autocomplete__tip{display:none}@media screen and (max-width: 767px){.autocomplete__scroll{grid-template-columns:1fr}.autocomplete__facet--suggestions .autocomplete__facet__heading{margin-bottom:1.3rem}.autocomplete__facet--suggestions .autocomplete__facet__items a:nth-child(5),.autocomplete__facet--suggestions .autocomplete__facet__items a:nth-child(6){display:none}.autocomplete__facet--products{padding-top:0}.autocomplete--open{box-shadow:none}}@media screen and (max-width: 1023px){.autocomplete{grid-template:auto 1fr/1fr;width:100vw;max-width:none;padding:0;border:0;border-radius:0}.autocomplete__scroll{display:none;padding-inline:var(--spacer)}.autocomplete__form{padding-top:.1rem;padding-left:4.4rem}.autocomplete--open .autocomplete__button{order:unset}.autocomplete__facet--suggestions{padding-right:0}}@media screen and (min-width: 1024px){.autocomplete__field{grid-template-columns:1fr 4.4rem}.autocomplete__input{font-size:1.6rem}.autocomplete__button{width:4.2rem;height:4.2rem}.autocomplete--open .autocomplete__field{grid-template-columns:auto 1fr}.autocomplete--open .autocomplete__input{font-size:2rem}.autocomplete--open .autocomplete__button{height:6rem}.autocomplete--open .autocomplete__tip{display:flex}.autocomplete--open .autocomplete__scroll{display:grid}}