.search-box-root .search-box-form{--icon-height:var(--search-box-form-icon-width,23px);--icon-width:var(--search-box-form-icon-height,23px);--active-color:#f16eff;--icon-color:var(--c-gray-4);--search_box_input_border_color:var(--search-box-input-border-color,var(--c-gray-3));--search_box_input_border_color_active:var(--search-box-input-border-color-active,var(--active-color));--search_box_input_bg_color:var(--search-box-input-bg-color,transparent);position:relative}.search-box-root .search-box-form .search-box-input{appearance:none;width:100%;min-width:110px;max-width:var(--search-box-input-max-width,none);min-height:var(--search-box-input-min-height,40px);border:1px solid var(--search_box_input_border_color);color:var(--c-gray-8);background-color:var(--search_box_input_bg_color,transparent);border-radius:8px;padding:0 .5rem 0 2.25rem;font-size:16px;line-height:1;position:relative}.search-box-root .search-box-form .search-box-input:focus{--search_box_input_border_color:var(--search_box_input_border_color_active)}.search-box-root .search-box-form .search-box-input::placeholder{color:var(--c-gray-7)}.search-box-root .search-box-form .search-box-submit{border-radius:8px;justify-content:center;align-items:center;padding:.3rem;display:flex;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.search-box-root .search-box-form:has(.search-box-loading-indicator:not([hidden])) .search-box-submit{visibility:hidden}.search-box-root .search-box-loading-indicator{--icon-color:var(--c-purple-2);justify-content:center;align-items:center;padding:.3rem;display:flex;position:absolute;top:50%;left:.3rem;transform:translateY(-50%)}.search-box-root .search-box-loading-indicator[hidden]{display:none}.eb-dark .search-box-root .search-box-form{--icon-color:#daa8ff;--search_box_input_border_color:var(--search-box-input-border-color,var(--dm-input-border));--search_box_input_border_color_active:var(--search-box-input-border-color-active,#aa4dfc)}.eb-dark .search-box-root .search-box-reset{--icon-color:var(--dm-gold)}.eb-dark .search-box-root .search-box-input{color:#fff}.eb-dark .search-box-root .search-box-input::placeholder{color:#c7c7c7}.eb-dark .search-box-root .search-box-loading-indicator{--icon-color:var(--c-accent-8)}