#searchBarComponent .forms div:has(input){border:0;outline:none!important}#searchBarComponent .forms input{border-block:1px solid var(--vf-border-color-input);border-end-end-radius:0;border-inline-start:1px solid var(--vf-border-color-input);border-start-end-radius:0;height:40px;text-overflow:ellipsis;transition:border-color .2s;width:100%}#searchBarComponent .forms input:focus{border-block:1px solid var(--primary-color);border-end-end-radius:0;border-inline-start:1px solid var(--primary-color);border-start-end-radius:0}#searchBarComponent .forms:has(input:focus)~div.p-select.p-component.p-inputwrapper{border-block:1px solid var(--primary-color);border-inline-end:1px solid var(--primary-color)}#searchBarComponent .input-wrapper:has(.p-autocomplete input:focus){border:1px solid var(--primary-color)!important}.forms .character-count{color:#666;font-size:12px!important;margin-top:5px;text-align:right}[dir=rtl] .forms .character-count{text-align:left}.customClass{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;margin:1rem;padding-bottom:2rem!important;padding-top:2rem!important}@media(max-width:768px){.customClass{width:92%!important}}@media(min-width:769px){.customClass{width:97%!important}}.sectionStyle{background:var(--surface-ground);border:1px solid var(--surface-100);border-radius:1rem;padding:2rem}label.sectionLabelStyle{font-size:1.25rem;margin-bottom:2rem}.outlinedField{border:1px solid var(--surface-300);border-radius:1rem;padding:2rem}
