faq-search-bar{display:block}.faq-search-bar{--faq-search-max-width: 560px;--faq-search-height: 56px;--faq-search-radius: 0px;--faq-search-border-width: 2px;--faq-search-font-size: 15px;--faq-search-font-weight: 500;--faq-search-bg: var(--color-background, #fff);--faq-search-text: var(--color-foreground, #0e0e10);--faq-search-placeholder: rgb(var(--color-foreground-rgb) / .5);--faq-search-border: var(--color-foreground, #0e0e10);--faq-search-focus: var(--color-foreground, #0e0e10);--faq-search-icon: rgb(var(--color-foreground-rgb) / .55);--faq-search-no-results: rgb(var(--color-foreground-rgb) / .75);width:100%;max-width:var(--faq-search-max-width);color:var(--faq-search-text)}.faq-search-bar__form{position:relative;display:flex;align-items:center;width:100%;height:var(--faq-search-height);background-color:var(--faq-search-bg);border:var(--faq-search-border-width) solid var(--faq-search-border);border-radius:var(--faq-search-radius);transition:box-shadow var(--animation-speed, .2s) var(--animation-easing, ease),border-color var(--animation-speed, .2s) var(--animation-easing, ease)}.faq-search-bar__form:focus-within{border-color:var(--faq-search-focus);box-shadow:4px 4px 0 var(--faq-search-focus)}.faq-search-bar__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--faq-search-height);height:var(--faq-search-height);color:var(--faq-search-icon);pointer-events:none}.faq-search-bar__icon svg{width:22px;height:22px;display:block}.faq-search-bar__input{flex:1;min-width:0;height:100%;padding:0 16px;margin:0;background:transparent;border:0;outline:0;color:var(--faq-search-text);font-family:var(--font-paragraph--family, inherit);font-size:var(--faq-search-font-size);font-weight:var(--faq-search-font-weight);line-height:1.2;appearance:none;-webkit-appearance:none}.faq-search-bar__icon+.faq-search-bar__input{padding-left:0}.faq-search-bar__input::placeholder{color:var(--faq-search-placeholder);opacity:1}.faq-search-bar__input::-webkit-search-cancel-button,.faq-search-bar__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.faq-search-bar__clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--faq-search-height);height:var(--faq-search-height);margin:0;padding:0;background:transparent;border:0;cursor:pointer;color:var(--faq-search-icon);transition:color var(--animation-speed, .2s) var(--animation-easing, ease)}.faq-search-bar__clear:hover,.faq-search-bar__clear:focus-visible{color:var(--faq-search-text)}.faq-search-bar__clear:focus-visible{outline:2px solid var(--faq-search-focus);outline-offset:-2px}.faq-search-bar__clear svg{width:16px;height:16px;display:block}.faq-search-bar__clear[hidden]{display:none}.faq-search-bar__no-results{margin:16px 0 0;padding:14px 18px;color:var(--faq-search-no-results);font-family:var(--font-paragraph--family, inherit);font-size:var(--faq-search-font-size);line-height:1.5;background-color:rgb(var(--color-foreground-rgb) / .04);border:1px dashed rgb(var(--color-foreground-rgb) / .18);border-radius:var(--faq-search-radius)}.faq-search-bar__no-results[hidden]{display:none}.faq-search-bar .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-faq-search-hidden=true]{display:none!important}@media screen and (max-width:749px){.faq-search-bar{max-width:100%}.faq-search-bar__form{height:max(48px,var(--faq-search-height))}.faq-search-bar__icon,.faq-search-bar__clear{width:max(48px,var(--faq-search-height));height:max(48px,var(--faq-search-height))}}@media(prefers-reduced-motion:reduce){.faq-search-bar__form,.faq-search-bar__clear{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/faq-search-bar.css.map */