.section-search-bar{position:relative;border-bottom:1px solid #DFDFDF;padding:16px 0}.search-bar__form{position:relative;max-width:60rem;margin:0 auto}.search-bar__input-wrap{position:relative;display:flex;align-items:center}.search-bar__input{width:100%;padding:1.4rem 5rem 1.4rem 2rem;border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:10rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;outline:none;transition:border-color var(--duration-default);-webkit-appearance:none;appearance:none}.search-bar__input::placeholder{color:rgba(var(--color-foreground),.5)}.search-bar__input:focus{border-color:rgb(var(--color-foreground))}.search-bar__icon{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.6);pointer-events:none;width:2rem;height:2rem}.search-bar__icon svg{width:100%;height:100%}.search-bar__clear{position:absolute;right:4.4rem;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;background:none;border:none;padding:.4rem;cursor:pointer;color:rgba(var(--color-foreground),.5);transition:color var(--duration-default)}.search-bar__clear:hover{color:rgb(var(--color-foreground))}.search-bar__clear svg{width:1.6rem;height:1.6rem}.search-bar__clear.is-visible{display:flex}.search-bar__results{position:absolute;top:calc(100% + .8rem);left:0;right:0;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-border),var(--alpha-border));border-radius:1.2rem;box-shadow:0 .8rem 2.4rem #00000014;z-index:10;max-height:48rem;overflow-y:auto;display:none}.search-bar__results.is-open{display:block}.search-bar__results-group{padding:1.6rem}.search-bar__results-group+.search-bar__results-group{border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.search-bar__results-title{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-foreground),.5);margin:0 0 1.2rem}.search-bar__results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.search-bar__result-item{display:flex;align-items:center;gap:1.2rem;padding:.8rem;border-radius:.8rem;text-decoration:none;color:inherit;transition:background-color var(--duration-default)}.search-bar__result-item:hover{background-color:rgba(var(--color-foreground),.04)}.search-bar__result-image{width:4.8rem;height:4.8rem;border-radius:.6rem;overflow:hidden;flex-shrink:0;background-color:rgba(var(--color-foreground),.05)}.search-bar__result-image img{width:100%;height:100%;object-fit:cover}.search-bar__result-info{flex:1;min-width:0}.search-bar__result-name{font-size:1.4rem;font-weight:500;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-bar__result-meta{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:0;line-height:1.4}.search-bar__result-price{font-size:1.3rem;font-weight:500;flex-shrink:0;text-align:right}.search-bar__result-price--compare{color:rgba(var(--color-foreground),.5);font-weight:400;font-size:1.2rem}.search-bar__no-results{padding:2.4rem 1.6rem;text-align:center;color:rgba(var(--color-foreground),.6);font-size:1.4rem}.search-bar__loading{padding:2.4rem 1.6rem;text-align:center;color:rgba(var(--color-foreground),.5);font-size:1.4rem}.search-bar__view-all{display:block;text-align:center;padding:1.2rem 1.6rem;border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border));font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;transition:opacity var(--duration-default)}.search-bar__view-all:hover{opacity:.7}.search-bar__results-products{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media screen and (max-width:749px){.search-bar__results-products{grid-template-columns:repeat(2,1fr)}.search-bar__form{max-width:100%}}@media screen and (min-width:750px){.search-bar__input{font-size:1.5rem;padding:1.6rem 5.6rem 1.6rem 2.4rem}.search-bar__icon{right:2rem;width:2.2rem;height:2.2rem}.search-bar__clear{right:5rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-search-bar.css.map */