.help-center-search-bar{padding:2.4rem 0;background-color:rgb(var(--color-white))}.help-center-search-bar.section-0{padding-bottom:1.2rem}@media screen and (min-width:750px){.help-center-search-bar{padding:4.8rem 0}.help-center-search-bar.section-0{padding-top:2rem}}@media screen and (min-width:990px){.help-center-search-bar{padding:4rem 0}.help-center-search-bar.section-0{padding-top:4rem}}.search-bar-container{max-width:117rem;margin:0 auto}.search-bar-title{font-family:Montserrat,sans-serif;font-weight:700;text-align:center;color:rgb(var(--color-dark-grey));margin:0 0 3.2rem;font-size:2.4rem;line-height:2.8rem;letter-spacing:0}@media screen and (min-width:750px){.search-bar-title{font-size:3.2rem;line-height:2.8rem;margin-bottom:4.8rem}}@media screen and (min-width:990px){.search-bar-title{font-size:4rem;line-height:4.8rem;margin-bottom:6rem}}.help-center-search{position:relative;max-width:100%}.help-center-search .ais-SearchBox{position:relative}.help-center-search .ais-SearchBox-form{position:relative;display:flex;align-items:center;margin:0}.help-center-search .ais-SearchBox-input{width:100%!important;font-weight:400;font-size:1.6rem;line-height:2.4rem;letter-spacing:0;color:rgb(var(--color-dark-grey));padding-right:2.4rem!important}@media screen and (min-width:750px){.help-center-search .ais-SearchBox-input{padding-right:4.8rem!important;font-size:1.6rem;line-height:2.4rem}}.help-center-search .ais-SearchBox-input::placeholder{color:#6b7280;opacity:1}.help-center-search .ais-SearchBox-input:focus{border-color:#9ca3af;box-shadow:0 0 0 .3rem #9ca3af1a}.help-center-search .ais-SearchBox-form{position:relative}.help-center-search .search-loading-spinner{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;pointer-events:none;display:none}.help-center-search .ais-SearchBox-form.is-loading .search-loading-spinner{display:block}.help-center-search .ais-SearchBox-form.is-loading .ais-SearchBox-reset{display:none!important}.help-center-search .search-loading-spinner svg{width:100%;height:100%;animation:spin 1s linear infinite}@media screen and (min-width:750px){.help-center-search .search-loading-spinner{right:2.4rem;width:2.4rem;height:2.4rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-error-message{background-color:#fee;border:.1rem solid #fcc;border-radius:.4rem;padding:1.6rem;margin-top:1.6rem;text-align:center}.search-error-message p{font-family:Lato,sans-serif;font-size:1.4rem;line-height:2rem;color:#c00;margin:0 0 1.2rem}.search-error-retry{font-family:Montserrat,sans-serif;font-weight:600;font-size:1.4rem;padding:.8rem 1.6rem;background-color:rgb(var(--color-green-alt));color:rgb(var(--color-white));border:none;border-radius:.4rem;cursor:pointer;transition:opacity .2s ease}.search-error-retry:hover{opacity:.9}.help-center-search .ais-SearchBox-submit{position:static;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;float:none}.help-center-search .ais-SearchBox-submitIcon{width:2rem;height:2rem;fill:#6b7280;position:static!important}@media screen and (min-width:750px){.help-center-search .ais-SearchBox-submitIcon{width:2.4rem;height:2.4rem}}.help-center-search .ais-SearchBox-submit:focus-visible{outline:none}.help-center-search .ais-SearchBox-submit:focus-visible svg{outline:.2rem solid rgb(var(--color-dark-grey));outline-offset:.4rem;border-radius:.4rem}.help-center-search .ais-SearchBox-reset{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .3s ease}.help-center-search .ais-SearchBox-reset:hover{opacity:1}@media screen and (min-width:750px){.help-center-search .ais-SearchBox-reset{right:2.4rem}}.help-center-search .ais-SearchBox-resetIcon{width:1.6rem;height:1.6rem;fill:#6b7280}@media screen and (min-width:750px){.help-center-search .ais-SearchBox-resetIcon{width:2rem;height:2rem}}.autocomplete-wrapper{position:relative}.autocomplete-container{position:absolute;left:0;right:0;top:.4rem;background:rgb(var(--color-white));max-height:40rem;overflow-y:auto;z-index:100}.autocomplete-article-item{display:flex;align-items:flex-start;gap:1.2rem;padding:.8rem 0;cursor:pointer;position:relative}@media screen and (min-width:750px){.autocomplete-article-item{gap:1.6rem}}.autocomplete-article-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:.2rem}.autocomplete-article-icon svg{width:100%;height:100%}.autocomplete-article-icon img{height:2rem;width:2rem}.autocomplete-article-info{flex:1;min-width:0}.autocomplete-article-info a{display:block;font-weight:400;font-size:1.6rem;line-height:2rem;color:rgb(var(--color-dark-grey));text-decoration:none;margin-bottom:.4rem;font-family:Lato,sans-serif;line-height:2.4rem;letter-spacing:0}.autocomplete-article-info a:after{content:"";position:absolute;bottom:0;left:0;right:0;top:0}@media screen and (min-width:750px){.autocomplete-article-info a{font-size:1.6rem;line-height:2.4rem}}.autocomplete-article-info a:hover{text-decoration:underline}.autocomplete-article-type{display:block;font-weight:400;font-size:1.2rem;line-height:1.6rem;color:#6b7280;text-transform:capitalize}@media screen and (min-width:750px){.autocomplete-article-type{font-size:1.4rem;line-height:2rem}}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}#autocomplete input{display:none}.autocomplete-container{width:100%;padding:2.4rem 1.6rem;border:.1rem solid rgb(var(--color-medium-light-grey));border-radius:.4rem;margin-top:.4rem}#view-all-results-link{margin-top:1.6rem}.help-center-search-bar.blog-search-bar{padding:0;background-color:transparent}@media screen and (min-width:990px){.help-center-search-bar.blog-search-bar{min-width:40rem}}.help-center-search-bar.blog-search-bar .search-bar-title{display:none}.ais-SearchBox--focused .field-container{border:.2rem solid rgb(var(--color-medium-dark-grey))}
/*# sourceMappingURL=/cdn/shop/t/465/assets/help-center-search-bar.css.map */