.search-bar__results-title{font-size:var(--body-s);font-family:var(--font-family-body);font-weight:400;line-height:1.1;letter-spacing:0em}.search-bar__results-categories a{font-size:var(--body-xs);font-family:var(--font-family-body);font-weight:400;line-height:1.5;letter-spacing:0em}.search-bar__form input::-moz-placeholder{font-size:var(--body-xs);font-family:var(--font-family-body);font-weight:400;line-height:1.1;letter-spacing:0em}.search-bar__form input:-ms-input-placeholder{font-size:var(--body-xs);font-family:var(--font-family-body);font-weight:400;line-height:1.1;letter-spacing:0em}.search-bar__form input::placeholder,.search-bar__form input{font-size:var(--body-xs);font-family:var(--font-family-body);font-weight:400;line-height:1.1;letter-spacing:0em}.search-bar__results-element-title{font-size:var(--body-2xs);font-family:var(--font-family-body);font-weight:400;line-height:1.1;letter-spacing:0em}.search-bar__container{width:100%}.search-bar__form{position:relative;max-width:300px;display:flex;align-items:stretch;justify-content:flex-start;gap:8px;margin:0 auto}.search-bar__form.loading{pointer-events:none}.search-bar__form.loading .btn span{color:#0000}.search-bar__form.loading .btn span.icon>svg [fill]:not([fill=none]){fill:#0000}.search-bar__form.loading .btn span.icon>svg [stroke]:not([stroke=none]){stroke:#0000}.search-bar__form.loading .btn:before{opacity:.3}.search-bar__form.loading .btn:after{opacity:1}.search-bar__form input{padding:4px 0;flex-grow:1}.search-bar__form input:focus-visible{padding:4px 0 3px}.search-bar__form input::-moz-placeholder{color:var(--light_text-text);opacity:.2}.search-bar__form input:-ms-input-placeholder{color:var(--light_text-text);opacity:.2}.search-bar__form input::placeholder{color:var(--light_text-text);opacity:.2}.search-bar__form .btn{position:relative;flex-shrink:0}.search-bar__form .btn:before,.search-bar__form .btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;aspect-ratio:1;width:auto;height:50%;border-radius:100%;opacity:0;transition:opacity .35s}.search-bar__form .btn:before{border:2px solid currentColor}.search-bar__form .btn:after{border:2px solid rgba(0,0,0,0);border-top:2px solid currentColor;animation:spinCentered infinite linear 1s}.search-bar__results{scrollbar-base-color:var(--dark_ui-element-invert);scrollbar-face-color:var(--dark_ui-element-invert);scrollbar-3dlight-color:var(--dark_ui-element-invert);scrollbar-highlight-color:var(--dark_ui-element-invert);scrollbar-track-color:var(--dark_ui-element-invert);scrollbar-arrow-color:var(--dark_ui-element-invert);scrollbar-shadow-color:var(--dark_ui-element-invert);scrollbar-dark-shadow-color:var(--dark_ui-element-invert);position:absolute;top:100%;left:0;width:100%;max-height:69vh;overflow:hidden auto;background-color:var(--light_ui-background);display:flex;flex-direction:column;-moz-column-gap:20px;column-gap:20px;row-gap:16px;padding:24px var(--page-margin)}.search-bar__results::-webkit-scrollbar{width:2px;height:2px}.search-bar__results::-webkit-scrollbar-button{width:0px;height:0px}.search-bar__results::-webkit-scrollbar-thumb{background:var(--dark_ui-element-invert);border:0px none var(--dark_ui-element-invert);border-radius:0}.search-bar__results::-webkit-scrollbar-thumb:hover{background:var(--dark_ui-element-invert)}.search-bar__results::-webkit-scrollbar-thumb:active{background:var(--dark_ui-element-invert)}.search-bar__results::-webkit-scrollbar-track{background:var(--dark_text-dark-grey);border:0 none rgba(0,0,0,0);border-radius:0}.search-bar__results::-webkit-scrollbar-track:hover{background:var(--dark_text-dark-grey)}.search-bar__results::-webkit-scrollbar-track:active{background:var(--dark_text-dark-grey)}.search-bar__results::-webkit-scrollbar-corner{background:#0000}@media screen and (min-width: 768px){.search-bar__results{display:grid;grid-template-columns:286px repeat(3,1fr);padding:56px var(--page-margin);max-height:75vh}.search-bar__results:has(.search-bar__results-categories.hidden){grid-template-columns:repeat(3,1fr)}}.search-bar__results-categories{display:flex;flex-direction:column;gap:32px}.search-bar__results-categories.hidden{display:none}.search-bar__results-categories a{padding:8px 0}.search-bar__results-categories .search-bar__results-list{flex-direction:column;gap:0px}.search-bar__results-group{display:none}.search-bar__results-group[data-type=product]{grid-column:span 3}.search-bar__results-group[data-type=product] .search-bar__results-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--banner-gap)}@media screen and (min-width: 768px){.search-bar__results-group[data-type=product] .search-bar__results-list{display:flex}}.search-bar__results-group[data-type=product] .search-bar__results-title{display:flex;align-items:center;justify-content:space-between}.search-bar__results-group[data-type=product] .search-bar__results-title a{display:flex;align-items:center;gap:8px}.search-bar__results-group[data-type=product] .search-bar__results-title a svg{width:var(--s_icon-size);height:auto}@media screen and (min-width: 768px){.search-bar__results-group[data-type=product] .search-bar__results-element{max-width:33.3333333333%}}@media screen and (min-width: 1024px){.search-bar__results-group[data-type=product] .search-bar__results-element{max-width:25%}}.search-bar__results-group[data-type=query]{grid-column:span 4}.search-bar__results-group[data-type=query] .search-bar__results-element-title{flex-direction:row;gap:0}.search-bar__results-title{padding:var(--padding-xs) 0;margin-bottom:8px;font-weight:700;line-height:1}.search-bar__results-list{display:flex;gap:var(--banner-gap)}.search-bar__results-element{width:100%}.search-bar__results-element a{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px}.search-bar__results-element[data-template]{display:none}.search-bar__results-element-image{width:100%;flex-shrink:0}.search-bar__results-element-image .media__container{position:relative;overflow:hidden;padding-top:133.3333333333%;width:100%}.search-bar__results-element-image .media__container>img,.search-bar__results-element-image .media__container>video,.search-bar__results-element-image .media__container>model-viewer{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.search-bar__results-element-title mark{background-color:var(--light_brand-primary)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/snippets.search-bar.css.map */