powell-react 0.0.30 → 0.0.32

package/dist/assets/style-nnktSJs6.css

@@ -0,0 +1,1163 @@
+[class*=-wrapper] .field {
+  display: flex;
+  gap: 0.25rem 1rem;
+}
+[class*=-wrapper] .field > .field-inner {
+  flex-grow: 1;
+}
+[class*=-wrapper].control-disabled label {
+  opacity: 0.6;
+}
+[class*=-wrapper].label-side .field {
+  flex-direction: row;
+  align-items: center;
+}
+[class*=-wrapper].label-top .field {
+  flex-direction: column;
+}
+[class*=-wrapper].label-top .field label {
+  margin-bottom: 0.25rem;
+}
+[class*=-wrapper].label-float label {
+  left: auto;
+  inset-inline-start: 0.75rem;
+}
+[class*=-wrapper].label-float[class^=icon] .field label {
+  inset-inline-start: 2.5rem;
+}
+[class*=-wrapper] .hint {
+  color: var(--text-color-secondary);
+  display: block;
+}
+[class*=-wrapper] .error-message {
+  color: rgb(185, 28, 28);
+  display: block;
+}
+
+.auto-complete-wrapper .p-autocomplete,
+.auto-complete-wrapper .p-autocomplete .p-inputtext,
+.cascade-select-wrapper .p-cascadeselect,
+.chips-wrapper .p-chips,
+.chips-wrapper .p-chips .p-inputtext,
+.dropdown-wrapper .p-dropdown,
+.editor-wrapper [data-pc-name=editor],
+.input-mask-wrapper .p-inputmask,
+.input-number-wrapper .p-inputnumber,
+.input-text-wrapper .p-inputtext,
+.input-textarea-wrapper .p-inputtext,
+.input-password-wrapper .p-password,
+.input-password-wrapper .p-password div,
+.input-password-wrapper .p-password-input,
+.mention-wrapper .p-mention,
+.mention-wrapper .p-mention .p-mention-input,
+.multi-select-wrapper .p-multiselect,
+.tree-select-wrapper .p-treeselect {
+  width: 100%;
+}
+
+.checkbox-wrapper.label-side .field,
+.tri-state-checkbox-wrapper.label-side .field,
+.multi-state-checkbox-wrapper.label-side .field {
+  display: inline-flex;
+  flex-direction: row-reverse;
+  gap: 0.25rem 0.5rem;
+}
+.checkbox-wrapper.label-side .field .field-inner,
+.tri-state-checkbox-wrapper.label-side .field .field-inner,
+.multi-state-checkbox-wrapper.label-side .field .field-inner {
+  flex-grow: 0;
+}
+
+.input-switch-wrapper .field-inner {
+  display: inline-flex;
+}
+
+.color-picker-wrapper.is-inline .field label,
+.editor-wrapper .field label,
+.input-textarea-wrapper .field label,
+.list-box-wrapper .field label,
+.mention-wrapper .field label,
+.radio-group-wrapper.is-vertical .field label {
+  align-self: self-start;
+}
+
+input:not([type=file i],
+[type=image i],
+[type=checkbox i],
+[type=radio i]),
+textarea {
+  unicode-bidi: plaintext;
+}
+
+.auto-complete-wrapper .p-autocomplete-multiple-container .p-autocomplete-token {
+  margin: 0;
+  margin-inline-start: 0.5rem;
+}
+.auto-complete-wrapper .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
+  margin: 0;
+  margin-inline-start: 0.5rem;
+}
+.auto-complete-wrapper .p-autocomplete-loader {
+  left: auto;
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+.auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-dropdown {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-input, .auto-complete-wrapper:dir(rtl) .p-autocomplete-dd .p-autocomplete-multiple-container {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.chips-wrapper .p-chips-multiple-container .p-chips-token {
+  margin: 0;
+  margin-inline-end: 0.5rem;
+}
+.chips-wrapper .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
+  margin: 0;
+  margin-inline-start: 0.5rem;
+}
+
+.dropdown-wrapper.is-clearable .p-dropdown-label {
+  padding-right: 0.75rem;
+  padding-inline-end: 1.75rem;
+}
+.dropdown-wrapper.is-clearable .p-dropdown-clear-icon {
+  right: auto;
+  inset-inline-end: 3rem;
+}
+
+.editor-wrapper .ql-toolbar.ql-snow {
+  direction: ltr;
+}
+
+.input-number-wrapper:dir(rtl).has-buttons-stacked .p-inputnumber-input {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-number-wrapper:dir(rtl).has-buttons-stacked .p-button.p-inputnumber-button-up {
+  border-top-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+}
+.input-number-wrapper:dir(rtl).has-buttons-stacked .p-button.p-inputnumber-button-down {
+  border-bottom-left-radius: var(--border-radius);
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper:dir(rtl).has-buttons-horizontal .p-button.p-inputnumber-button-up {
+  order: 1;
+}
+.input-number-wrapper:dir(rtl).has-buttons-horizontal .p-button.p-inputnumber-button-down {
+  order: 3;
+}
+
+.input-otp-wrapper .p-inputotp {
+  direction: ltr;
+}
+.input-otp-wrapper:dir(rtl) .p-inputotp {
+  justify-content: flex-end;
+}
+
+.input-text-wrapper .input-text-inner {
+  position: relative;
+  width: 100%;
+}
+.input-text-wrapper .input-text-clear-icon {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+}
+.input-text-wrapper.is-clearable .p-inputtext {
+  padding-right: 0.75rem;
+  padding-inline-end: 2.5rem;
+}
+.input-text-wrapper.is-clearable .input-text-clear-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+
+.input-password-wrapper .input-password-inner {
+  position: relative;
+  width: 100%;
+}
+.input-password-wrapper:not(.icon-right) .p-inputtext {
+  padding-right: 0.75rem;
+}
+.input-password-wrapper.has-toggler .p-input-icon:has([class*=p-password-]) {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+.input-password-wrapper.has-toggler .p-inputtext {
+  padding-inline-end: 2.5rem;
+}
+.input-password-wrapper .input-password-clear-icon {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+}
+.input-password-wrapper.is-clearable .p-inputtext {
+  padding-right: 0.75rem;
+  padding-inline-end: 2.5rem;
+}
+.input-password-wrapper.is-clearable .input-password-clear-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+.input-password-wrapper.is-clearable.has-toggler .p-inputtext {
+  padding-inline-end: 4rem;
+}
+.input-password-wrapper.is-clearable.has-toggler .input-password-clear-icon {
+  inset-inline-end: 2.5rem;
+}
+
+.list-box-wrapper .p-listbox-header .p-listbox-filter {
+  padding-right: 0.75rem;
+  padding-inline-end: 1.75rem;
+}
+.list-box-wrapper .p-listbox-header .p-listbox-filter-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+
+.multi-select-wrapper.is-clearable .p-multiselect-label {
+  padding-right: 0.75rem;
+  padding-inline-end: 1.75rem;
+}
+.multi-select-wrapper.is-clearable .p-multiselect-clear-icon {
+  right: auto;
+  inset-inline-end: 3rem;
+}
+
+.radio-group-wrapper .radio-group-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.radio-group-wrapper.is-vertical .radio-group-item {
+  margin-bottom: 0.5rem;
+}
+.radio-group-wrapper.is-horizontal .radio-group-item {
+  gap: 0.25rem;
+}
+.radio-group-wrapper.is-horizontal .field-inner {
+  display: flex;
+  gap: 1.25rem;
+}
+
+.select-button-wrapper .p-selectbutton {
+  direction: ltr;
+}
+.select-button-wrapper:dir(rtl) .p-selectbutton {
+  text-align: right;
+}
+
+.tree-select-wrapper.is-clearable .p-treeselect-label {
+  padding-right: 0.75rem;
+  padding-inline-end: 1.75rem;
+}
+.tree-select-wrapper.is-clearable .p-treeselect-clear-icon {
+  right: auto;
+  inset-inline-end: 3rem;
+}
+
+[class*=-wrapper] .p-icon-field .p-input-icon {
+  margin: 0;
+  transform: translateY(-50%);
+  z-index: 50;
+  color: #6b7280;
+}
+[class*=-wrapper] .p-icon-field.p-icon-field-right > .p-input-icon:not(:has([class*=p-password-])) {
+  right: 0.75rem;
+}
+[class*=-wrapper] .p-icon-field.p-icon-field-left > .p-input-icon:not(:has([class*=p-password-])) {
+  left: 0.75rem;
+}
+
+.auto-complete-wrapper.label-float:dir(ltr).icon-left label, .auto-complete-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.auto-complete-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.auto-complete-wrapper.icon-right:dir(ltr).has-dropdown .p-input-icon {
+  right: 4rem;
+}
+.auto-complete-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+.auto-complete-wrapper.icon-left:dir(rtl).has-dropdown .p-input-icon {
+  left: 4rem;
+}
+
+.cascade-select-wrapper.label-float:dir(ltr).icon-left label, .cascade-select-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.cascade-select-wrapper.icon-right:dir(rtl) .p-cascadeselect-label {
+  padding-right: 2.5rem;
+}
+.cascade-select-wrapper.icon-right:dir(ltr) .p-cascadeselect-label {
+  padding-right: 1.75rem;
+}
+.cascade-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
+  right: 3rem;
+}
+.cascade-select-wrapper.icon-left:dir(ltr) .p-cascadeselect-label {
+  padding-left: 2.5rem;
+}
+.cascade-select-wrapper.icon-left:dir(rtl) .p-cascadeselect-label {
+  padding-left: 1.75rem;
+}
+.cascade-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
+  left: 3rem;
+}
+.cascade-select-wrapper.is-clearable.icon-right:dir(ltr) .p-cascadeselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.cascade-select-wrapper.is-clearable.icon-right:dir(ltr) .p-cascadeselect-label {
+  padding-right: 3.75rem;
+}
+.cascade-select-wrapper.is-clearable.icon-left:dir(rtl) .p-cascadeselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.cascade-select-wrapper.is-clearable.icon-left:dir(rtl) .p-cascadeselect-label {
+  padding-left: 3.75rem;
+}
+
+.chips-wrapper.label-float:dir(ltr).icon-left label, .chips-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.chips-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.chips-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+
+.dropdown-wrapper.label-float:dir(ltr).icon-left label, .dropdown-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.dropdown-wrapper.icon-right:dir(rtl) .p-dropdown-label {
+  padding-right: 2.5rem;
+}
+.dropdown-wrapper.icon-right:dir(ltr) .p-dropdown-label {
+  padding-right: 1.75rem;
+}
+.dropdown-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
+  right: 3rem;
+}
+.dropdown-wrapper.icon-left:dir(ltr) .p-dropdown-label {
+  padding-left: 2.5rem;
+}
+.dropdown-wrapper.icon-left:dir(rtl) .p-dropdown-label {
+  padding-left: 1.75rem;
+}
+.dropdown-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
+  left: 3rem;
+}
+.dropdown-wrapper.is-clearable.icon-right:dir(ltr) .p-dropdown-clear-icon {
+  inset-inline-end: 5rem;
+}
+.dropdown-wrapper.is-clearable.icon-right:dir(ltr) .p-dropdown-label {
+  padding-right: 3.75rem;
+}
+.dropdown-wrapper.is-clearable.icon-left:dir(rtl) .p-dropdown-clear-icon {
+  inset-inline-end: 5rem;
+}
+.dropdown-wrapper.is-clearable.icon-left:dir(rtl) .p-dropdown-label {
+  padding-left: 3.75rem;
+}
+
+.input-mask-wrapper.label-float:dir(ltr).icon-left label, .input-mask-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.input-mask-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.input-mask-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+
+.input-number-wrapper.label-float:dir(ltr).icon-left label, .input-number-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.input-number-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.input-number-wrapper.icon-right.has-buttons-horizontal .p-input-icon {
+  right: 4rem;
+}
+.input-number-wrapper.icon-right.has-buttons-vertical .p-inputtext {
+  padding-left: 2.5rem;
+}
+.input-number-wrapper.icon-right:dir(ltr).has-buttons-stacked .p-input-icon {
+  right: 4rem;
+}
+.input-number-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+.input-number-wrapper.icon-left.has-buttons-horizontal .p-input-icon {
+  left: 4rem;
+}
+.input-number-wrapper.icon-left.has-buttons-vertical .p-inputtext {
+  padding-right: 2.5rem;
+}
+.input-number-wrapper.icon-left:dir(rtl).has-buttons-stacked .p-input-icon {
+  left: 4rem;
+}
+
+.input-password-wrapper.label-float:dir(ltr).icon-left label, .input-password-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.input-password-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.input-password-wrapper.icon-right:dir(ltr).has-toggler .p-input-icon:not(:has([class*=p-password-])) {
+  right: 2.75rem;
+}
+.input-password-wrapper.icon-right:dir(ltr).has-toggler .p-inputtext {
+  padding-right: 4.5rem;
+}
+.input-password-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+.input-password-wrapper.icon-left:dir(rtl).has-toggler .p-input-icon:not(:has([class*=p-password-])) {
+  left: 2.75rem;
+}
+.input-password-wrapper.icon-left:dir(rtl).has-toggler .p-inputtext {
+  padding-left: 4.5rem;
+}
+.input-password-wrapper.is-clearable.icon-right:dir(ltr) .input-password-clear-icon {
+  inset-inline-end: 2.5rem;
+}
+.input-password-wrapper.is-clearable.icon-right:dir(ltr) .p-inputtext {
+  padding-right: 4rem;
+}
+.input-password-wrapper.is-clearable.icon-right.has-toggler:dir(ltr) .input-password-clear-icon {
+  inset-inline-end: 4.75rem;
+}
+.input-password-wrapper.is-clearable.icon-right.has-toggler:dir(ltr) .p-inputtext {
+  padding-right: 6.5rem;
+}
+.input-password-wrapper.is-clearable.icon-left:dir(rtl) .input-password-clear-icon {
+  inset-inline-end: 2.5rem;
+}
+.input-password-wrapper.is-clearable.icon-left:dir(rtl) .p-inputtext {
+  padding-left: 4rem;
+}
+.input-password-wrapper.is-clearable.icon-left.has-toggler:dir(rtl) .input-password-clear-icon {
+  inset-inline-end: 4.75rem;
+}
+.input-password-wrapper.is-clearable.icon-left.has-toggler:dir(rtl) .p-inputtext {
+  padding-left: 6.5rem;
+}
+
+.input-text-wrapper.label-float:dir(ltr).icon-left label, .input-text-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.input-text-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.input-text-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+.input-text-wrapper.is-clearable.icon-right:dir(ltr) .input-text-clear-icon {
+  inset-inline-end: 2.5rem;
+}
+.input-text-wrapper.is-clearable.icon-right:dir(ltr) .p-inputtext {
+  padding-right: 4rem;
+}
+.input-text-wrapper.is-clearable.icon-left:dir(rtl) .input-text-clear-icon {
+  inset-inline-end: 2.5rem;
+}
+.input-text-wrapper.is-clearable.icon-left:dir(rtl) .p-inputtext {
+  padding-left: 4rem;
+}
+
+.input-textarea-wrapper.label-float:dir(ltr).icon-left label, .input-textarea-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.input-textarea-wrapper.icon-right .p-inputtextarea {
+  padding-right: 2.5rem;
+}
+.input-textarea-wrapper.icon-left .p-inputtextarea {
+  padding-left: 2.5rem;
+}
+
+.mention-wrapper.label-float:dir(ltr).icon-left label, .mention-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.mention-wrapper.icon-right .p-inputtext {
+  padding-right: 2.5rem;
+}
+.mention-wrapper.icon-left .p-inputtext {
+  padding-left: 2.5rem;
+}
+
+.multi-select-wrapper.label-float:dir(ltr).icon-left label, .multi-select-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.multi-select-wrapper.icon-right:dir(rtl) .p-multiselect-label {
+  padding-right: 2.5rem;
+}
+.multi-select-wrapper.icon-right:dir(ltr) .p-multiselect-label {
+  padding-right: 1.75rem;
+}
+.multi-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
+  right: 3rem;
+}
+.multi-select-wrapper.icon-left:dir(ltr) .p-multiselect-label {
+  padding-left: 2.5rem;
+}
+.multi-select-wrapper.icon-left:dir(rtl) .p-multiselect-label {
+  padding-left: 1.75rem;
+}
+.multi-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
+  left: 3rem;
+}
+.multi-select-wrapper.is-clearable.icon-right:dir(ltr) .p-multiselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.multi-select-wrapper.is-clearable.icon-right:dir(ltr) .p-multiselect-label {
+  padding-right: 3.75rem;
+}
+.multi-select-wrapper.is-clearable.icon-left:dir(rtl) .p-multiselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.multi-select-wrapper.is-clearable.icon-left:dir(rtl) .p-multiselect-label {
+  padding-left: 3.75rem;
+}
+
+.tree-select-wrapper.label-float:dir(ltr).icon-left label, .tree-select-wrapper.label-float:dir(rtl).icon-right label {
+  inset-inline-start: 2.5rem;
+}
+.tree-select-wrapper.icon-right:dir(rtl) .p-treeselect-label {
+  padding-right: 2.5rem;
+}
+.tree-select-wrapper.icon-right:dir(ltr) .p-treeselect-label {
+  padding-right: 1.75rem;
+}
+.tree-select-wrapper.icon-right:dir(ltr) .field .p-icon-field > .p-input-icon {
+  right: 3rem;
+}
+.tree-select-wrapper.icon-left:dir(ltr) .p-treeselect-label {
+  padding-left: 2.5rem;
+}
+.tree-select-wrapper.icon-left:dir(rtl) .p-treeselect-label {
+  padding-left: 1.75rem;
+}
+.tree-select-wrapper.icon-left:dir(rtl) .field .p-icon-field > .p-input-icon {
+  left: 3rem;
+}
+.tree-select-wrapper.is-clearable.icon-right:dir(ltr) .p-treeselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.tree-select-wrapper.is-clearable.icon-right:dir(ltr) .p-treeselect-label {
+  padding-right: 3.75rem;
+}
+.tree-select-wrapper.is-clearable.icon-left:dir(rtl) .p-treeselect-clear-icon {
+  inset-inline-end: 5rem;
+}
+.tree-select-wrapper.is-clearable.icon-left:dir(rtl) .p-treeselect-label {
+  padding-left: 3.75rem;
+}
+
+[class*=-wrapper]:dir(rtl) .p-inputgroup-addon, [class*=-wrapper]:dir(rtl) .p-inputgroup-addon i {
+  transform: rotate(180deg);
+}
+
+.auto-complete-wrapper:not(.has-dropdown).addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper:not(.has-dropdown):dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.auto-complete-wrapper:not(.has-dropdown):dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper:not(.has-dropdown):dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper:not(.has-dropdown):dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.auto-complete-wrapper.has-dropdown.addon-both .p-autocomplete-dropdown,
+.auto-complete-wrapper.has-dropdown.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper.has-dropdown.addon-before:dir(rtl) .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper.has-dropdown.addon-before:dir(ltr) .p-inputtext {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.auto-complete-wrapper.has-dropdown.addon-after:dir(rtl) .p-autocomplete-dropdown {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.auto-complete-wrapper.has-dropdown.addon-after:dir(ltr) .p-autocomplete-dropdown {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.cascade-select-wrapper.addon-both .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.cascade-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.cascade-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.cascade-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.cascade-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.chips-wrapper.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.chips-wrapper:dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.chips-wrapper:dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.chips-wrapper:dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.chips-wrapper:dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.dropdown-wrapper.addon-both .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.dropdown-wrapper:dir(ltr).addon-before .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.dropdown-wrapper:dir(ltr).addon-after .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.dropdown-wrapper:dir(rtl).addon-before .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.dropdown-wrapper:dir(rtl).addon-after .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.input-mask-wrapper.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-mask-wrapper:dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-mask-wrapper:dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-mask-wrapper:dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-mask-wrapper:dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.input-number-wrapper:not([class*=has-buttons]).addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper:not([class*=has-buttons]):dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-number-wrapper:not([class*=has-buttons]):dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper:not([class*=has-buttons]):dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper:not([class*=has-buttons]):dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-number-wrapper.has-buttons-stacked.addon-both .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-stacked.addon-both .p-button.p-inputnumber-button-up {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-stacked.addon-after .p-button.p-inputnumber-button-up,
+.input-number-wrapper.has-buttons-stacked.addon-after .p-button.p-inputnumber-button-down {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-stacked.addon-before:dir(rtl) .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-stacked.addon-before:dir(ltr) .p-inputtext {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-both .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-horizontal.addon-both .p-button.p-inputnumber-button-up {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-after:dir(rtl) .p-inputtext {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-after:dir(rtl) .p-button.p-inputnumber-button-down {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-after:dir(ltr) .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-after:dir(ltr) .p-button.p-inputnumber-button-up {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-before:dir(rtl) .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-before:dir(rtl) .p-button.p-inputnumber-button-up {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-before:dir(ltr) .p-inputtext {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-horizontal.addon-before:dir(ltr) .p-button.p-inputnumber-button-down {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-vertical .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  width: 100%;
+}
+.input-number-wrapper.has-buttons-vertical.addon-both .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-vertical.addon-both .p-button.p-inputnumber-button-up {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-vertical.addon-before:dir(ltr) .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-vertical.addon-before:dir(ltr) .p-button.p-inputnumber-button-up {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.input-number-wrapper.has-buttons-vertical.addon-before:dir(rtl) .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-vertical.addon-before:dir(rtl) .p-button.p-inputnumber-button-up {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-vertical.addon-after:dir(ltr) .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-vertical.addon-after:dir(ltr) .p-button.p-inputnumber-button-up {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-number-wrapper.has-buttons-vertical.addon-after:dir(rtl) .p-button.p-inputnumber-button-down,
+.input-number-wrapper.has-buttons-vertical.addon-after:dir(rtl) .p-button.p-inputnumber-button-up {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-password-wrapper.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-password-wrapper:dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-password-wrapper:dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-password-wrapper:dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-password-wrapper:dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.input-text-wrapper.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-text-wrapper:dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-text-wrapper:dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-text-wrapper:dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-text-wrapper:dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.input-textarea-wrapper.addon-both .p-inputtextarea {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-textarea-wrapper:dir(ltr).addon-before .p-inputtextarea {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.input-textarea-wrapper:dir(ltr).addon-after .p-inputtextarea {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-textarea-wrapper:dir(rtl).addon-before .p-inputtextarea {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.input-textarea-wrapper:dir(rtl).addon-after .p-inputtextarea {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.mention-wrapper.addon-both .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.mention-wrapper:dir(ltr).addon-before .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.mention-wrapper:dir(ltr).addon-after .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.mention-wrapper:dir(rtl).addon-before .p-inputtext {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.mention-wrapper:dir(rtl).addon-after .p-inputtext {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.multi-select-wrapper.addon-both .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.multi-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.multi-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.multi-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.multi-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.tree-select-wrapper.addon-both .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.tree-select-wrapper:dir(ltr).addon-before .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+.tree-select-wrapper:dir(ltr).addon-after .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.tree-select-wrapper:dir(rtl).addon-before .p-inputwrapper {
+  border-top-left-radius: var(--border-radius);
+  border-bottom-left-radius: var(--border-radius);
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.tree-select-wrapper:dir(rtl).addon-after .p-inputwrapper {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-top-right-radius: var(--border-radius);
+  border-bottom-right-radius: var(--border-radius);
+}
+
+.p-autocomplete-panel.panel-rtl {
+  direction: rtl;
+}
+
+.p-cascadeselect-panel.panel-rtl {
+  direction: rtl;
+}
+.p-cascadeselect-panel.panel-rtl .p-cascadeselect-group-icon {
+  margin-left: unset;
+  margin-inline-start: auto;
+  transform: rotate(180deg);
+}
+.p-cascadeselect-panel.panel-rtl .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {
+  left: unset;
+  inset-inline-start: 100%;
+}
+
+.p-dropdown-panel.panel-rtl {
+  direction: rtl;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
+  padding-right: 0.75rem;
+  padding-inline-end: 2rem;
+  margin-right: 0;
+  margin-inline-end: -1.75rem;
+}
+
+.p-password-panel.panel-rtl {
+  direction: rtl;
+}
+
+.p-mention-panel.panel-rtl {
+  direction: rtl;
+}
+
+.p-multiselect-panel.panel-rtl {
+  direction: rtl;
+}
+.p-multiselect-panel.panel-rtl .p-multiselect-header .p-checkbox {
+  margin-right: unset;
+  margin-inline-end: 0.5rem;
+}
+.p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-close {
+  margin-left: unset;
+  margin-inline-start: 0.5rem;
+}
+.p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
+  padding-right: 0.75rem;
+  margin-inline-end: 1.75rem;
+  padding-inline-end: 2rem;
+}
+.p-multiselect-panel.panel-rtl .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}
+.p-multiselect-panel.panel-rtl .p-multiselect-items .p-multiselect-item .p-checkbox {
+  margin-right: unset;
+  margin-inline-end: 0.5rem;
+}
+
+.p-treeselect-panel.panel-rtl {
+  direction: rtl;
+}
+.p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode:not([aria-expanded=true]) .p-tree-toggler {
+  transform: rotate(180deg);
+}
+.p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler, .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon, .p-treeselect-panel.panel-rtl .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
+  margin-right: unset;
+  margin-inline-end: 0.5rem;
+}
+.p-treeselect-panel.panel-rtl .p-tree .p-treenode-children {
+  padding: unset;
+  padding-inline-start: 1rem;
+}
+.p-treeselect-panel.panel-rtl .p-treeselect-header .p-checkbox {
+  margin-right: unset;
+  margin-inline-end: 0.5rem;
+}
+.p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-close {
+  margin-left: unset;
+  margin-inline-start: 0.5rem;
+}
+.p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-filter-container .p-inputtext {
+  padding-right: 0.75rem;
+  margin-inline-end: 1.75rem;
+  padding-inline-end: 2rem;
+}
+.p-treeselect-panel.panel-rtl .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
+  right: auto;
+  inset-inline-end: 0.75rem;
+}