.hr-input{--n-color:var(--cp-background-500) !important;--n-color-focus:var(--cp-background-500) !important;--n-color-disabled:color-mix(in srgb, var(--cp-background-600) 40%, var(--cp-background-500)) !important;--n-text-color:var(--cp-brand-font) !important;--n-text-color-disabled:var(--cp-font-500) !important;--n-placeholder-color:var(--cp-font-600) !important;--n-count-text-color:var(--cp-font-500) !important;--n-border:1px solid var(--cp-border-500) !important;--n-border-hover:1px solid var(--cp-primary-500) !important;--n-border-focus:1px solid var(--cp-primary-500) !important;--n-border-disabled:1px solid var(--cp-border-500) !important;--n-caret-color:var(--cp-primary-500) !important;--n-box-shadow-focus:0px 0px 0px 4px var(--cp-primary-100), var(--shadow-xs) !important;background-color:var(--cp-background-500)!important}.hr-input .hr-input__input-el,.hr-input .hr-input__textarea-el,.hr-input input,.hr-input textarea{color:var(--cp-brand-font)!important;-webkit-text-fill-color:var(--cp-brand-font)!important;background-color:transparent!important}.hr-input input:-webkit-autofill{box-shadow:0 0 0 1000px var(--cp-background-500) inset!important;color:var(--cp-brand-font)!important;-webkit-text-fill-color:var(--cp-brand-font)!important;caret-color:var(--cp-primary-500)!important}.hr-input input:-webkit-autofill,.hr-input input:-webkit-autofill:active,.hr-input input:-webkit-autofill:focus,.hr-input input:-webkit-autofill:hover,.hr-input input:autofill{box-shadow:0 0 0 1000px var(--cp-background-500) inset!important;color:var(--cp-brand-font)!important;-webkit-text-fill-color:var(--cp-brand-font)!important;caret-color:var(--cp-primary-500)!important}.hr-input input:disabled,.hr-input textarea:disabled,.hr-input.hr-input--disabled input,.hr-input.hr-input--disabled textarea,.hr-input.n-input--disabled input,.hr-input.n-input--disabled textarea{color:var(--cp-font-500)!important;-webkit-text-fill-color:var(--cp-font-500)!important}.hr-input input::-moz-placeholder,.hr-input textarea::-moz-placeholder{color:var(--n-placeholder-color)!important;-webkit-text-fill-color:var(--n-placeholder-color)!important;opacity:1!important}.hr-input input::placeholder,.hr-input textarea::placeholder{color:var(--n-placeholder-color)!important;-webkit-text-fill-color:var(--n-placeholder-color)!important;opacity:1!important}.hr-input .hr-input__count,.hr-input .hr-input__prefix,.hr-input .hr-input__suffix,.hr-input .n-input__count{color:var(--cp-font-500)!important}.hr-input textarea{color-scheme:inherit}.hr-input.hr-input .hr-input__placeholder{color:var(--n-placeholder-color)!important}.hr-input .hr-input__input-el[disabled]{background-color:color-mix(in srgb,var(--cp-background-600) 40%,var(--cp-background-500))!important}.hr-input[disabled]{--n-color-disabled:color-mix(in srgb, var(--cp-background-600) 40%, var(--cp-background-500)) !important}.hr-input.cp-input--surface-sidebar{--n-color:var(--cp-sidebar-bg) !important;--n-color-focus:var(--cp-sidebar-bg) !important;--n-text-color:var(--cp-text-on-sidebar) !important;--n-placeholder-color:color-mix(in srgb, var(--cp-text-on-sidebar) 60%, transparent) !important;--n-count-text-color:color-mix(in srgb, var(--cp-text-on-sidebar) 60%, transparent) !important;--n-border:1px solid var(--cp-sidebar-border) !important;--n-border-hover:1px solid var(--cp-sidebar-border) !important;--n-border-focus:1px solid var(--cp-primary-500) !important;--n-caret-color:var(--cp-text-on-sidebar) !important}.hr-input.cp-input--surface-sidebar,.hr-input.cp-input--surface-sidebar .hr-input-wrapper{background-color:var(--cp-sidebar-bg)!important}.hr-input.cp-input--surface-sidebar .hr-input__input-el,.hr-input.cp-input--surface-sidebar .hr-input__textarea-el,.hr-input.cp-input--surface-sidebar input,.hr-input.cp-input--surface-sidebar textarea{color:var(--cp-text-on-sidebar)!important;-webkit-text-fill-color:var(--cp-text-on-sidebar)!important}.hr-input.cp-input--surface-sidebar input:-webkit-autofill{box-shadow:0 0 0 1000px var(--cp-sidebar-bg) inset!important;color:var(--cp-text-on-sidebar)!important;-webkit-text-fill-color:var(--cp-text-on-sidebar)!important;caret-color:var(--cp-text-on-sidebar)!important}.hr-input.cp-input--surface-sidebar input:-webkit-autofill,.hr-input.cp-input--surface-sidebar input:-webkit-autofill:active,.hr-input.cp-input--surface-sidebar input:-webkit-autofill:focus,.hr-input.cp-input--surface-sidebar input:-webkit-autofill:hover,.hr-input.cp-input--surface-sidebar input:autofill{box-shadow:0 0 0 1000px var(--cp-sidebar-bg) inset!important;color:var(--cp-text-on-sidebar)!important;-webkit-text-fill-color:var(--cp-text-on-sidebar)!important;caret-color:var(--cp-text-on-sidebar)!important}.hr-input.cp-input--surface-sidebar input::-moz-placeholder,.hr-input.cp-input--surface-sidebar textarea::-moz-placeholder{color:color-mix(in srgb,var(--cp-text-on-sidebar) 60%,transparent)!important;-webkit-text-fill-color:color-mix(in srgb,var(--cp-text-on-sidebar) 60%,transparent)!important}.hr-input.cp-input--surface-sidebar .hr-input__placeholder,.hr-input.cp-input--surface-sidebar input::placeholder,.hr-input.cp-input--surface-sidebar textarea::placeholder{color:color-mix(in srgb,var(--cp-text-on-sidebar) 60%,transparent)!important;-webkit-text-fill-color:color-mix(in srgb,var(--cp-text-on-sidebar) 60%,transparent)!important}.hr-input.cp-input--surface-sidebar .hr-input__count,.hr-input.cp-input--surface-sidebar .hr-input__prefix,.hr-input.cp-input--surface-sidebar .hr-input__suffix,.hr-input.cp-input--surface-sidebar .n-input__count{color:var(--cp-text-on-sidebar)!important}