@unifiedsoftware/styles 1.0.51 → 1.0.53

package/css/fci.css

@@ -72,23 +72,37 @@
 
 .us-theme-fci .us-toolbar {
   --us-toolbar-background: var(--us-white-color);
-  --us-toolbar-title-font-size: 1rem;
   --us-toolbar-title-font-weight: 500;
   /* Outline */
   --us-outline-border-width: 1px;
   --us-outline-border-color: #ddd;
 }
 .us-theme-fci .us-toolbar--sm {
+  --us-toolbar-min-height: 48px;
   --us-toolbar-padding-y: 0.25rem;
   --us-toolbar-padding-x: 1rem;
+  --us-toolbar-title-font-size: 0.875rem;
+  --us-toolbar-title-line-height: 18px;
+  --us-toolbar-subtitle-font-size: 12px;
+  --us-toolbar-subtitle-line-height: 14px;
 }
 .us-theme-fci .us-toolbar--md {
+  --us-toolbar-min-height: 56px;
   --us-toolbar-padding-y: 0.5rem;
   --us-toolbar-padding-x: 1rem;
+  --us-toolbar-title-font-size: 1rem;
+  --us-toolbar-title-line-height: 20px;
+  --us-toolbar-subtitle-font-size: 0.75rem;
+  --us-toolbar-subtitle-line-height: 16px;
 }
 .us-theme-fci .us-toolbar--lg {
+  --us-toolbar-min-height: 64px;
   --us-toolbar-padding-y: 0.75rem;
   --us-toolbar-padding-x: 1rem;
+  --us-toolbar-title-font-size: 1.125rem;
+  --us-toolbar-title-line-height: 24px;
+  --us-toolbar-subtitle-font-size: 16px;
+  --us-toolbar-subtitle-line-height: 18px;
 }
 
 .us-theme-fci .us-icon {
@@ -540,9 +554,98 @@
 }
 
 .us-theme-fci .us-drawer {
-  --us-drawer-width: 256px;
   --us-drawer-background: #fff;
 }
+.us-theme-fci .us-drawer--sm {
+  --us-drawer-width: 320px;
+}
+.us-theme-fci .us-drawer--md {
+  --us-drawer-width: 640px;
+}
+.us-theme-fci .us-drawer--lg {
+  --us-drawer-width: 720px;
+}
+.us-theme-fci .us-drawer--xl {
+  --us-drawer-width: 1080px;
+}
+.us-theme-fci .us-drawer--full {
+  --us-drawer-width: 100%;
+}
+.us-theme-fci .us-drawer-header {
+  --us-drawer-header-border-color: rgba(9, 30, 66, 0.14);
+  --us-drawer-header-title-font-weight: 500;
+  --us-drawer-header-title-color: var(--us-title-color);
+  --us-drawer-header-subtitle-font-weight: 400;
+  --us-drawer-header-subtitle-color: var(--us-subtitle-color);
+  --us-drawer-header-min-height: 56px;
+  --us-drawer-header-padding-y: 0.625rem;
+  --us-drawer-header-padding-x: 1rem;
+  --us-drawer-header-padding-level: 1.25rem;
+  --us-drawer-header-gap: 1rem;
+  --us-drawer-header-title-font-size: 1rem;
+  --us-drawer-header-title-line-height: 20px;
+  --us-drawer-header-subtitle-font-size: 0.75rem;
+  --us-drawer-header-subtitle-line-height: 16px;
+}
+.us-theme-fci .us-drawer-body {
+  --us-drawer-body-padding-y: 1.25rem;
+  --us-drawer-body-padding-x: 1rem;
+  --us-drawer-body-font-size: 0.875rem;
+  --us-drawer-body-line-height: 20px;
+  --us-drawer-body-color: var(--us-body-color);
+}
+
+.us-theme-fci .us-modal {
+  --us-modal-padding: 1rem;
+}
+.us-theme-fci .us-modal--sm {
+  --us-modal-width: 480px;
+}
+.us-theme-fci .us-modal--md {
+  --us-modal-width: 640px;
+}
+.us-theme-fci .us-modal--lg {
+  --us-modal-width: 720px;
+}
+.us-theme-fci .us-modal--xl {
+  --us-modal-width: 1080px;
+}
+.us-theme-fci .us-modal--full {
+  --us-modal-width: 100%;
+}
+.us-theme-fci .us-modal-content {
+  --us-modal-content-border-width: 1px;
+  --us-modal-content-border-radius: 6px;
+  --us-modal-content-border-color: rgba(9, 30, 66, 0.14);
+  --us-modal-content-background: #fff;
+}
+.us-theme-fci .us-modal-header {
+  --us-modal-header-border-color: rgba(9, 30, 66, 0.14);
+  --us-modal-header-title-font-weight: 500;
+  --us-modal-header-title-color: var(--us-title-color);
+  --us-modal-header-subtitle-font-weight: 400;
+  --us-modal-header-subtitle-color: var(--us-subtitle-color);
+  --us-modal-header-min-height: 56px;
+  --us-modal-header-padding-y: 0.625rem;
+  --us-modal-header-padding-x: 1rem;
+  --us-modal-header-padding-level: 1.25rem;
+  --us-modal-header-gap: 1rem;
+  --us-modal-header-title-font-size: 1rem;
+  --us-modal-header-title-line-height: 20px;
+  --us-modal-header-subtitle-font-size: 0.75rem;
+  --us-modal-header-subtitle-line-height: 16px;
+}
+.us-theme-fci .us-modal-body {
+  --us-modal-body-padding-y: 1.5rem;
+  --us-modal-body-padding-x: 1.5rem;
+}
+.us-theme-fci .us-modal-footer {
+  --us-modal-footer-min-height: 4rem;
+  --us-modal-footer-padding-y: 0.625rem;
+  --us-modal-footer-padding-x: 1rem;
+  --us-modal-footer-border-width: 1px;
+  --us-modal-footer-border-color: rgba(9, 30, 66, 0.14);
+}
 
 .us-theme-fci .us-input {
   --us-input-padding-y: 0.25rem;
@@ -768,7 +871,7 @@
   --us-card-header-title-font-size: 12px;
   --us-card-header-title-line-height: 18px;
   --us-card-header-subtitle-font-size: 11px;
-  --us-card-header-title-line-height: 14px;
+  --us-card-header-subtitle-line-height: 14px;
 }
 .us-theme-fci .us-card--sm .us-card-body {
   --us-card-body-padding-y: 1rem;

package/css/fci.min.css

@@ -1 +1 @@
-.us-theme-fci .us-accordion{--us-accordion-border-width: 1px;--us-accordion-border-style: solid;--us-accordion-border-color: rgba(9, 30, 66, 0.14)}.us-theme-fci .us-accordion-header{--us-accordion-header-border-color: var(--us-accordion-border-color);--us-accordion-header-title-font-weight: 500;--us-accordion-header-title-color: var(--us-title-color);--us-accordion-header-subtitle-font-weight: 400;--us-accordion-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-accordion-body{--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--sm .us-accordion-header{--us-accordion-header-min-height: 36px;--us-accordion-header-padding-y: 0.685rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 12px;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 12px;--us-accordion-header-title-line-height: 18px;--us-accordion-header-subtitle-font-size: 11px;--us-accordion-header-title-line-height: 14px}.us-theme-fci .us-accordion--sm .us-accordion-body{--us-accordion-body-padding-y: 1rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.75rem;--us-accordion-body-line-height: 18px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--md .us-accordion-header{--us-accordion-header-min-height: 2.5rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.8125rem;--us-accordion-header-title-line-height: 20px;--us-accordion-header-subtitle-font-size: 0.75rem;--us-accordion-header-subtitle-line-height: 16px}.us-theme-fci .us-accordion--md .us-accordion-body{--us-accordion-body-padding-y: 1.25rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.875rem;--us-accordion-body-line-height: 20px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--lg .us-accordion-header{--us-accordion-header-min-height: 2.75rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 0.75rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.875rem;--us-accordion-header-title-line-height: 24px;--us-accordion-header-subtitle-font-size: 0.8125rem;--us-accordion-header-subtitle-line-height: 18px}.us-theme-fci .us-accordion--lg .us-accordion-body{--us-accordion-body-padding-y: 1.5rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 1rem;--us-accordion-body-line-height: 24px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-size: 1rem;--us-toolbar-title-font-weight: 500;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--md{--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-toolbar--lg{--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-icon--xs{--us-icon-font-size: 0.75rem}.us-theme-fci .us-icon--sm{--us-icon-font-size: 1rem}.us-theme-fci .us-icon--md{--us-icon-font-size: 1.125rem}.us-theme-fci .us-icon--lg{--us-icon-font-size: 1.25rem}.us-theme-fci .us-icon--xl{--us-icon-font-size: 1.5rem}.us-theme-fci .us-icon--primary{--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-secondary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-secondary-action-color)}.us-theme-fci .us-icon--success{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-icon--info{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-icon--warning{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-icon--danger{--us-icon-color: var(--us-danger-color)}.us-theme-fci .us-badge{--us-badge-min-width: 18px;--us-badge-min-height: 18px;--us-badge-padding-y: 0;--us-badge-padding-x: 0.25rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 400;--us-badge-line-height: 1;--us-badge-border-radius: 9999px;--us-badge-color: var(--us-white-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-badge--primary{--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge--secondary{--us-badge-background: var(--us-secondary-color)}.us-theme-fci .us-badge--secondary{--us-badge-color: var(--us-black-color)}.us-theme-fci .us-badge--success{--us-badge-background: var(--us-success-color)}.us-theme-fci .us-badge--info{--us-badge-background: var(--us-info-color)}.us-theme-fci .us-badge--warning{--us-badge-background: var(--us-warning-color)}.us-theme-fci .us-badge--danger{--us-badge-background: var(--us-danger-color)}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 400;--us-chip-border-radius: 9999px}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 24px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.625rem;--us-chip-font-size: 0.75rem;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 0.75rem;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--md{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.875rem;--us-chip-font-size: 0.875rem;--us-chip-gap: 0.375rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--lg{--us-chip-height: 36px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--xl{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.125rem;--us-chip-font-size: 1.125rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--flat>.us-overlay{--us-overlay-opacity: 0.08}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--flat.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--flat.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--flat.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--flat.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--flat.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--flat.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--flat.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 400;--us-button-font-family: var(--us-font-sans);--us-button-divider-width: 1px;--us-button-divider-color: currentColor}.us-theme-fci .us-button--xs{--us-button-height: 24px;--us-button-padding-y: 0;--us-button-padding-x: 0.625rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 6px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 6px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 32px;--us-button-padding-y: 0;--us-button-padding-x: 0.875rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 6px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 1rem;--us-button-border-radius: 6px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 40px;--us-button-padding-y: 0;--us-button-padding-x: 1.125rem;--us-button-font-size: 1.125rem;--us-button-border-radius: 6px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--flat>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--text>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--text>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--filled.us-button--inherit{--us-button-background: inherit}.us-theme-fci .us-button--outlined.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--flat.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--text.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-width: 256px;--us-drawer-background: #fff}.us-theme-fci .us-input{--us-input-padding-y: 0.25rem;--us-input-padding-x: 0.875rem;--us-input-height: 32px;--us-input-font-size: 0.75rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 6px;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 1px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-border-radius: 0px;--us-list-item-title-font-weight: 500;--us-list-item-title-opacity: 1;--us-list-item-subtitle-font-weight: 400;--us-list-item-subtitle-opacity: 0.95}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-subheader{--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-list--sm .us-list-item{--us-list-item-min-height: 32px;--us-list-item-padding-y: 0.5rem;--us-list-item-padding-x: 0.75rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-line-height: 18px;--us-list-item-subtitle-font-size: 11px;--us-list-item-title-line-height: 14px}.us-theme-fci .us-list--md .us-list-item{--us-list-item-min-height: 2.25rem;--us-list-item-padding-y: 0.375rem;--us-list-item-padding-x: 0.875rem;--us-list-item-padding-level: 1.25rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.8125rem;--us-list-item-title-line-height: 20px;--us-list-item-subtitle-font-size: 0.75rem;--us-list-item-subtitle-line-height: 16px}.us-theme-fci .us-list--lg .us-list-item{--us-list-item-min-height: 2.75rem;--us-list-item-padding-y: 0.625rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 0.75rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.875rem;--us-list-item-title-line-height: 24px;--us-list-item-subtitle-font-size: 0.8125rem;--us-list-item-subtitle-line-height: 18px}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 36px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 1.5rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 36px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-secondary-action-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-border-radius: 6px 6px 0px 0px;--us-tab-indicator-color: var(--us-primary-action-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-action-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 6px}.us-theme-fci .us-card>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-card--selected{--us-card-color: var(--us-primary-color)}.us-theme-fci .us-card--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-card-header{--us-card-header-border-color: var(--us-card-border-color);--us-card-header-title-font-weight: 500;--us-card-header-title-color: var(--us-title-color);--us-card-header-subtitle-font-weight: 400;--us-card-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-card-body{--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--sm .us-card-header{--us-card-header-min-height: 36px;--us-card-header-padding-y: 0.685rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 12px;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 12px;--us-card-header-title-line-height: 18px;--us-card-header-subtitle-font-size: 11px;--us-card-header-title-line-height: 14px}.us-theme-fci .us-card--sm .us-card-body{--us-card-body-padding-y: 1rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.75rem;--us-card-body-line-height: 18px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--md .us-card-header{--us-card-header-min-height: 2.5rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.8125rem;--us-card-header-title-line-height: 20px;--us-card-header-subtitle-font-size: 0.75rem;--us-card-header-subtitle-line-height: 16px}.us-theme-fci .us-card--md .us-card-body{--us-card-body-padding-y: 1.25rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.875rem;--us-card-body-line-height: 20px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--lg .us-card-header{--us-card-header-min-height: 2.75rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 0.75rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.875rem;--us-card-header-title-line-height: 24px;--us-card-header-subtitle-font-size: 0.8125rem;--us-card-header-subtitle-line-height: 18px}.us-theme-fci .us-card--lg .us-card-body{--us-card-body-padding-y: 1.5rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 1rem;--us-card-body-line-height: 24px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-result--sm{--us-result-padding-y: 1rem;--us-result-padding-x: 1rem;--us-result-gap: 0.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.125rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--md{--us-result-padding-y: 3rem;--us-result-padding-x: 3rem;--us-result-gap: 1.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.25rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--sm .us-result__icon>.us-icon{--us-icon-font-size: 3.5rem}.us-theme-fci .us-result--md .us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-theme-fci .us-result--sucess .us-result__icon>.us-icon{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-result--info .us-result__icon>.us-icon{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-result--danger .us-result__icon>.us-icon{--us-icon-color: var(--us-danger-color)}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-title-color: #171717;--us-subtitle-color: #737373;--us-body-color: #404040;--us-primary-action-color: var(--us-primary-color);--us-secondary-action-color: #334155;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--us-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}
+.us-theme-fci .us-accordion{--us-accordion-border-width: 1px;--us-accordion-border-style: solid;--us-accordion-border-color: rgba(9, 30, 66, 0.14)}.us-theme-fci .us-accordion-header{--us-accordion-header-border-color: var(--us-accordion-border-color);--us-accordion-header-title-font-weight: 500;--us-accordion-header-title-color: var(--us-title-color);--us-accordion-header-subtitle-font-weight: 400;--us-accordion-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-accordion-body{--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--sm .us-accordion-header{--us-accordion-header-min-height: 36px;--us-accordion-header-padding-y: 0.685rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 12px;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 12px;--us-accordion-header-title-line-height: 18px;--us-accordion-header-subtitle-font-size: 11px;--us-accordion-header-title-line-height: 14px}.us-theme-fci .us-accordion--sm .us-accordion-body{--us-accordion-body-padding-y: 1rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.75rem;--us-accordion-body-line-height: 18px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--md .us-accordion-header{--us-accordion-header-min-height: 2.5rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.8125rem;--us-accordion-header-title-line-height: 20px;--us-accordion-header-subtitle-font-size: 0.75rem;--us-accordion-header-subtitle-line-height: 16px}.us-theme-fci .us-accordion--md .us-accordion-body{--us-accordion-body-padding-y: 1.25rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 0.875rem;--us-accordion-body-line-height: 20px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-accordion--lg .us-accordion-header{--us-accordion-header-min-height: 2.75rem;--us-accordion-header-padding-y: 0.625rem;--us-accordion-header-padding-x: 1rem;--us-accordion-header-padding-level: 1.25rem;--us-accordion-header-font-size: 0.75rem;--us-accordion-header-gap: 1rem;--us-accordion-header-title-font-size: 0.875rem;--us-accordion-header-title-line-height: 24px;--us-accordion-header-subtitle-font-size: 0.8125rem;--us-accordion-header-subtitle-line-height: 18px}.us-theme-fci .us-accordion--lg .us-accordion-body{--us-accordion-body-padding-y: 1.5rem;--us-accordion-body-padding-x: 1rem;--us-accordion-body-font-size: 1rem;--us-accordion-body-line-height: 24px;--us-accordion-body-color: var(--us-body-color)}.us-theme-fci .us-toolbar{--us-toolbar-background: var(--us-white-color);--us-toolbar-title-font-weight: 500;--us-outline-border-width: 1px;--us-outline-border-color: #ddd}.us-theme-fci .us-toolbar--sm{--us-toolbar-min-height: 48px;--us-toolbar-padding-y: 0.25rem;--us-toolbar-padding-x: 1rem;--us-toolbar-title-font-size: 0.875rem;--us-toolbar-title-line-height: 18px;--us-toolbar-subtitle-font-size: 12px;--us-toolbar-subtitle-line-height: 14px}.us-theme-fci .us-toolbar--md{--us-toolbar-min-height: 56px;--us-toolbar-padding-y: 0.5rem;--us-toolbar-padding-x: 1rem;--us-toolbar-title-font-size: 1rem;--us-toolbar-title-line-height: 20px;--us-toolbar-subtitle-font-size: 0.75rem;--us-toolbar-subtitle-line-height: 16px}.us-theme-fci .us-toolbar--lg{--us-toolbar-min-height: 64px;--us-toolbar-padding-y: 0.75rem;--us-toolbar-padding-x: 1rem;--us-toolbar-title-font-size: 1.125rem;--us-toolbar-title-line-height: 24px;--us-toolbar-subtitle-font-size: 16px;--us-toolbar-subtitle-line-height: 18px}.us-theme-fci .us-icon{--us-icon-font-size: 1.5rem;--us-icon-color: inherit}.us-theme-fci .us-icon--xs{--us-icon-font-size: 0.75rem}.us-theme-fci .us-icon--sm{--us-icon-font-size: 1rem}.us-theme-fci .us-icon--md{--us-icon-font-size: 1.125rem}.us-theme-fci .us-icon--lg{--us-icon-font-size: 1.25rem}.us-theme-fci .us-icon--xl{--us-icon-font-size: 1.5rem}.us-theme-fci .us-icon--primary{--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-secondary-color)}.us-theme-fci .us-icon--secondary{--us-icon-color: var(--us-secondary-action-color)}.us-theme-fci .us-icon--success{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-icon--info{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-icon--warning{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-icon--danger{--us-icon-color: var(--us-danger-color)}.us-theme-fci .us-badge{--us-badge-min-width: 18px;--us-badge-min-height: 18px;--us-badge-padding-y: 0;--us-badge-padding-x: 0.25rem;--us-badge-font-size: 0.75rem;--us-badge-font-weight: 400;--us-badge-line-height: 1;--us-badge-border-radius: 9999px;--us-badge-color: var(--us-white-color)}.us-theme-fci .us-badge>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-badge--primary{--us-badge-background: var(--us-primary-color)}.us-theme-fci .us-badge--secondary{--us-badge-background: var(--us-secondary-color)}.us-theme-fci .us-badge--secondary{--us-badge-color: var(--us-black-color)}.us-theme-fci .us-badge--success{--us-badge-background: var(--us-success-color)}.us-theme-fci .us-badge--info{--us-badge-background: var(--us-info-color)}.us-theme-fci .us-badge--warning{--us-badge-background: var(--us-warning-color)}.us-theme-fci .us-badge--danger{--us-badge-background: var(--us-danger-color)}.us-theme-fci .us-chip{--us-chip-padding-y: 0.125rem;--us-chip-padding-x: 0.5rem;--us-chip-font-size: 0.75rem;--us-chip-font-weight: 400;--us-chip-border-radius: 9999px}.us-theme-fci .us-chip>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-chip>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-chip--xs{--us-chip-height: 24px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.625rem;--us-chip-font-size: 0.75rem;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-chip--sm{--us-chip-height: 28px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.75rem;--us-chip-font-size: 0.75rem;--us-chip-gap: 0.25rem}.us-theme-fci .us-chip--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-chip--md{--us-chip-height: 32px;--us-chip-padding-y: 0;--us-chip-padding-x: 0.875rem;--us-chip-font-size: 0.875rem;--us-chip-gap: 0.375rem}.us-theme-fci .us-chip--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-chip--lg{--us-chip-height: 36px;--us-chip-padding-y: 0;--us-chip-padding-x: 1rem;--us-chip-font-size: 1rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-chip--xl{--us-chip-height: 40px;--us-chip-padding-y: 0;--us-chip-padding-x: 1.125rem;--us-chip-font-size: 1.125rem;--us-chip-gap: 0.5rem}.us-theme-fci .us-chip--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-chip--filled{--us-chip-border-width: 1px;--us-chip-border-color: transparent;--us-chip-color: var(--us-white-color)}.us-theme-fci .us-chip--outlined>.us-outline{--us-outline-border-color: currentColor}.us-theme-fci .us-chip--flat>.us-overlay{--us-overlay-opacity: 0.08}.us-theme-fci .us-chip--filled.us-chip--primary{--us-chip-background: var(--us-primary-color)}.us-theme-fci .us-chip--outlined.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--flat.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--text.us-chip--primary{--us-chip-color: var(--us-primary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-background: var(--us-secondary-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--flat.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-secondary-color)}.us-theme-fci .us-chip--filled.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--outlined.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--flat.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--text.us-chip--secondary{--us-chip-color: var(--us-black-color)}.us-theme-fci .us-chip--filled.us-chip--success{--us-chip-background: var(--us-success-color)}.us-theme-fci .us-chip--outlined.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--flat.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--text.us-chip--success{--us-chip-color: var(--us-success-color)}.us-theme-fci .us-chip--filled.us-chip--info{--us-chip-background: var(--us-info-color)}.us-theme-fci .us-chip--outlined.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--flat.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--text.us-chip--info{--us-chip-color: var(--us-info-color)}.us-theme-fci .us-chip--filled.us-chip--warning{--us-chip-background: var(--us-warning-color)}.us-theme-fci .us-chip--outlined.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--flat.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--text.us-chip--warning{--us-chip-color: var(--us-warning-color)}.us-theme-fci .us-chip--filled.us-chip--danger{--us-chip-background: var(--us-danger-color)}.us-theme-fci .us-chip--outlined.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--flat.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-chip--text.us-chip--danger{--us-chip-color: var(--us-danger-color)}.us-theme-fci .us-button{--us-button-font-weight: 400;--us-button-font-family: var(--us-font-sans);--us-button-divider-width: 1px;--us-button-divider-color: currentColor}.us-theme-fci .us-button--xs{--us-button-height: 24px;--us-button-padding-y: 0;--us-button-padding-x: 0.625rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 6px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--xs .us-icon{--us-icon-font-size: 0.75rem}.us-theme-fci .us-button--sm{--us-button-height: 28px;--us-button-padding-y: 0;--us-button-padding-x: 0.75rem;--us-button-font-size: 0.75rem;--us-button-border-radius: 6px;--us-button-gap: 0.25rem}.us-theme-fci .us-button--sm .us-icon{--us-icon-font-size: 1rem}.us-theme-fci .us-button--md{--us-button-height: 32px;--us-button-padding-y: 0;--us-button-padding-x: 0.875rem;--us-button-font-size: 0.875rem;--us-button-border-radius: 6px;--us-button-gap: 0.375rem}.us-theme-fci .us-button--md .us-icon{--us-icon-font-size: 1.125rem}.us-theme-fci .us-button--lg{--us-button-height: 36px;--us-button-padding-y: 0;--us-button-padding-x: 1rem;--us-button-font-size: 1rem;--us-button-border-radius: 6px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--lg .us-icon{--us-icon-font-size: 1.25rem}.us-theme-fci .us-button--xl{--us-button-height: 40px;--us-button-padding-y: 0;--us-button-padding-x: 1.125rem;--us-button-font-size: 1.125rem;--us-button-border-radius: 6px;--us-button-gap: 0.5rem}.us-theme-fci .us-button--xl .us-icon{--us-icon-font-size: 1.5rem}.us-theme-fci .us-button--filled{--us-button-border-width: 1px;--us-button-border-color: transparent;--us-button-color: var(--us-white-color)}.us-theme-fci .us-button--filled>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--filled>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--filled .us-chip{--us-chip-background: var(--us-white-color)}.us-theme-fci .us-button--outlined>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--outlined>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor}.us-theme-fci .us-button--flat>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--flat>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--text>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-button--text>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: transparent}.us-theme-fci .us-button--filled.us-button--inherit{--us-button-background: inherit}.us-theme-fci .us-button--outlined.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--flat.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--text.us-button--inherit{--us-button-color: inherit}.us-theme-fci .us-button--filled.us-button--primary{--us-button-background: var(--us-primary-color)}.us-theme-fci .us-button--outlined.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--flat.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--text.us-button--primary{--us-button-color: var(--us-primary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-background: var(--us-secondary-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-color)}.us-theme-fci .us-button--filled.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--outlined.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--flat.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--text.us-button--secondary{--us-button-color: var(--us-secondary-action-color)}.us-theme-fci .us-button--filled.us-button--success{--us-button-background: var(--us-success-color)}.us-theme-fci .us-button--outlined.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--flat.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--text.us-button--success{--us-button-color: var(--us-success-color)}.us-theme-fci .us-button--filled.us-button--info{--us-button-background: var(--us-info-color)}.us-theme-fci .us-button--outlined.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--flat.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--text.us-button--info{--us-button-color: var(--us-info-color)}.us-theme-fci .us-button--filled.us-button--warning{--us-button-background: var(--us-warning-color)}.us-theme-fci .us-button--outlined.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--flat.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--text.us-button--warning{--us-button-color: var(--us-warning-color)}.us-theme-fci .us-button--filled.us-button--danger{--us-button-background: var(--us-danger-color)}.us-theme-fci .us-button--outlined.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--flat.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-button--text.us-button--danger{--us-button-color: var(--us-danger-color)}.us-theme-fci .us-drawer{--us-drawer-background: #fff}.us-theme-fci .us-drawer--sm{--us-drawer-width: 320px}.us-theme-fci .us-drawer--md{--us-drawer-width: 640px}.us-theme-fci .us-drawer--lg{--us-drawer-width: 720px}.us-theme-fci .us-drawer--xl{--us-drawer-width: 1080px}.us-theme-fci .us-drawer--full{--us-drawer-width: 100%}.us-theme-fci .us-drawer-header{--us-drawer-header-border-color: rgba(9, 30, 66, 0.14);--us-drawer-header-title-font-weight: 500;--us-drawer-header-title-color: var(--us-title-color);--us-drawer-header-subtitle-font-weight: 400;--us-drawer-header-subtitle-color: var(--us-subtitle-color);--us-drawer-header-min-height: 56px;--us-drawer-header-padding-y: 0.625rem;--us-drawer-header-padding-x: 1rem;--us-drawer-header-padding-level: 1.25rem;--us-drawer-header-gap: 1rem;--us-drawer-header-title-font-size: 1rem;--us-drawer-header-title-line-height: 20px;--us-drawer-header-subtitle-font-size: 0.75rem;--us-drawer-header-subtitle-line-height: 16px}.us-theme-fci .us-drawer-body{--us-drawer-body-padding-y: 1.25rem;--us-drawer-body-padding-x: 1rem;--us-drawer-body-font-size: 0.875rem;--us-drawer-body-line-height: 20px;--us-drawer-body-color: var(--us-body-color)}.us-theme-fci .us-modal{--us-modal-padding: 1rem}.us-theme-fci .us-modal--sm{--us-modal-width: 480px}.us-theme-fci .us-modal--md{--us-modal-width: 640px}.us-theme-fci .us-modal--lg{--us-modal-width: 720px}.us-theme-fci .us-modal--xl{--us-modal-width: 1080px}.us-theme-fci .us-modal--full{--us-modal-width: 100%}.us-theme-fci .us-modal-content{--us-modal-content-border-width: 1px;--us-modal-content-border-radius: 6px;--us-modal-content-border-color: rgba(9, 30, 66, 0.14);--us-modal-content-background: #fff}.us-theme-fci .us-modal-header{--us-modal-header-border-color: rgba(9, 30, 66, 0.14);--us-modal-header-title-font-weight: 500;--us-modal-header-title-color: var(--us-title-color);--us-modal-header-subtitle-font-weight: 400;--us-modal-header-subtitle-color: var(--us-subtitle-color);--us-modal-header-min-height: 56px;--us-modal-header-padding-y: 0.625rem;--us-modal-header-padding-x: 1rem;--us-modal-header-padding-level: 1.25rem;--us-modal-header-gap: 1rem;--us-modal-header-title-font-size: 1rem;--us-modal-header-title-line-height: 20px;--us-modal-header-subtitle-font-size: 0.75rem;--us-modal-header-subtitle-line-height: 16px}.us-theme-fci .us-modal-body{--us-modal-body-padding-y: 1.5rem;--us-modal-body-padding-x: 1.5rem}.us-theme-fci .us-modal-footer{--us-modal-footer-min-height: 4rem;--us-modal-footer-padding-y: 0.625rem;--us-modal-footer-padding-x: 1rem;--us-modal-footer-border-width: 1px;--us-modal-footer-border-color: rgba(9, 30, 66, 0.14)}.us-theme-fci .us-input{--us-input-padding-y: 0.25rem;--us-input-padding-x: 0.875rem;--us-input-height: 32px;--us-input-font-size: 0.75rem;--us-input-font-family: var(--us-font-sans);--us-input-line-height: 24px;--us-input-border-radius: 6px;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input>.us-outline{--us-outline-border-width: 1px;--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-width: 1px;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-switch{--us-switch-width: 2.5rem;--us-switch-padding-y: 0.25rem;--us-switch-padding-x: 0.25rem;--us-switch-border-radius: 9999px;--us-switch-color: rgba(0, 0, 0, 0.2);--us-switch-thumb-width: 1rem;--us-switch-thumb-height: 1rem;--us-switch-thumb-border-radius: 9999px;--us-switch-thumb-color: var(--us-white-color)}.us-theme-fci .us-switch--checked{--us-switch-color: var(--us-primary-color)}.us-theme-fci .us-list{--us-list-padding-y: 0px;--us-list-padding-x: 0px;--us-list-color: #343a40;--us-list-background: #fff}.us-theme-fci .us-list-item{--us-list-item-border-radius: 0px;--us-list-item-title-font-weight: 500;--us-list-item-title-opacity: 1;--us-list-item-subtitle-font-weight: 400;--us-list-item-subtitle-opacity: 0.95}.us-theme-fci .us-list-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-list-item--selected{--us-list-item-color: var(--us-primary-color)}.us-theme-fci .us-list-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-list-subheader{--us-list-subheader-border-width: 1px;--us-list-subheader-border-color: #dee2e6}.us-theme-fci .us-list-group>.us-list-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-list--sm .us-list-item{--us-list-item-min-height: 32px;--us-list-item-padding-y: 0.5rem;--us-list-item-padding-x: 0.75rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 12px;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 12px;--us-list-item-title-line-height: 18px;--us-list-item-subtitle-font-size: 11px;--us-list-item-title-line-height: 14px}.us-theme-fci .us-list--md .us-list-item{--us-list-item-min-height: 2.25rem;--us-list-item-padding-y: 0.375rem;--us-list-item-padding-x: 0.875rem;--us-list-item-padding-level: 1.25rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.8125rem;--us-list-item-title-line-height: 20px;--us-list-item-subtitle-font-size: 0.75rem;--us-list-item-subtitle-line-height: 16px}.us-theme-fci .us-list--lg .us-list-item{--us-list-item-min-height: 2.75rem;--us-list-item-padding-y: 0.625rem;--us-list-item-padding-x: 1rem;--us-list-item-padding-level: 1.25rem;--us-list-item-font-size: 0.75rem;--us-list-item-gap: 1rem;--us-list-item-title-font-size: 0.875rem;--us-list-item-title-line-height: 24px;--us-list-item-subtitle-font-size: 0.8125rem;--us-list-item-subtitle-line-height: 18px}.us-theme-fci .us-menu{--us-menu-padding-y: 0;--us-menu-padding-x: 0;--us-menu-color: #343a40;--us-menu-background: #fff}.us-theme-fci .us-menu-item{--us-menu-item-height: 36px;--us-menu-item-padding-y: 0;--us-menu-item-padding-x: 1rem;--us-menu-item-padding-level: 1.5rem;--us-menu-item-font-size: 12px;--us-menu-item-font-weight: 500;--us-menu-item-border-radius: 0;--us-menu-item-gap: 1rem}.us-theme-fci .us-menu-item>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08}.us-theme-fci .us-menu-item .us-icon{--us-icon-font-size: 16px;--us-icon-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected{--us-menu-item-color: var(--us-primary-color)}.us-theme-fci .us-menu-item--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-menu-group{--us-menu-group-height: 36px;--us-menu-group-padding-y: 0;--us-menu-group-padding-x: 1rem;--us-menu-group-padding-level: 2rem;--us-menu-group-font-size: 12px;--us-menu-group-font-weight: 700;--us-menu-group-border-radius: 0;--us-menu-group-gap: 1rem;--us-menu-group-border-width: 1px;--us-menu-group-border-color: #dee2e6}.us-theme-fci .us-menu-submenu>.us-menu-item--selected>.us-overlay{--us-overlay-opacity: 0;--us-_hover-overlay-opacity: 0;--us-_active-overlay-opacity: 0}.us-theme-fci .us-tab{--us-tab-color: var(--us-secondary-action-color);--us-tab-font-size: 0.8125rem;--us-tab-font-weight: 500;--us-tab-border-radius: 6px 6px 0px 0px;--us-tab-indicator-color: var(--us-primary-action-color);--us-tab-indicator-height: 3px;--us-tab-indicator-border-radius: 3px 3px 0px 0px}.us-theme-fci .us-tab>.us-overlay{--us-overlay-opacity: 0;--us-overlay-color: inherit;--us-_hover-overlay-opacity: 0.08;--us-_active-overlay-opacity: 0.12}.us-theme-fci .us-tab--selected{--us-tab-color: var(--us-primary-action-color)}.us-theme-fci .us-card{--us-card-border-width: 1px;--us-card-border-style: solid;--us-card-border-color: rgba(9, 30, 66, 0.14);--us-card-border-radius: 6px}.us-theme-fci .us-card>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0;--us-_hover-overlay-color: inherit;--us-_hover-overlay-opacity: 0.04;--us-_active-overlay-opacity: 0.08}.us-theme-fci .us-card--selected{--us-card-color: var(--us-primary-color)}.us-theme-fci .us-card--selected>.us-overlay{--us-overlay-color: var(--us-primary-color);--us-overlay-opacity: 0.08;--us-_hover-overlay-opacity: 0.12;--us-_active-overlay-opacity: 0.16}.us-theme-fci .us-card-header{--us-card-header-border-color: var(--us-card-border-color);--us-card-header-title-font-weight: 500;--us-card-header-title-color: var(--us-title-color);--us-card-header-subtitle-font-weight: 400;--us-card-header-subtitle-color: var(--us-subtitle-color)}.us-theme-fci .us-card-body{--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--sm .us-card-header{--us-card-header-min-height: 36px;--us-card-header-padding-y: 0.685rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 12px;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 12px;--us-card-header-title-line-height: 18px;--us-card-header-subtitle-font-size: 11px;--us-card-header-subtitle-line-height: 14px}.us-theme-fci .us-card--sm .us-card-body{--us-card-body-padding-y: 1rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.75rem;--us-card-body-line-height: 18px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--md .us-card-header{--us-card-header-min-height: 2.5rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.8125rem;--us-card-header-title-line-height: 20px;--us-card-header-subtitle-font-size: 0.75rem;--us-card-header-subtitle-line-height: 16px}.us-theme-fci .us-card--md .us-card-body{--us-card-body-padding-y: 1.25rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 0.875rem;--us-card-body-line-height: 20px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-card--lg .us-card-header{--us-card-header-min-height: 2.75rem;--us-card-header-padding-y: 0.625rem;--us-card-header-padding-x: 1rem;--us-card-header-padding-level: 1.25rem;--us-card-header-font-size: 0.75rem;--us-card-header-gap: 1rem;--us-card-header-title-font-size: 0.875rem;--us-card-header-title-line-height: 24px;--us-card-header-subtitle-font-size: 0.8125rem;--us-card-header-subtitle-line-height: 18px}.us-theme-fci .us-card--lg .us-card-body{--us-card-body-padding-y: 1.5rem;--us-card-body-padding-x: 1rem;--us-card-body-font-size: 1rem;--us-card-body-line-height: 24px;--us-card-body-color: var(--us-body-color)}.us-theme-fci .us-result--sm{--us-result-padding-y: 1rem;--us-result-padding-x: 1rem;--us-result-gap: 0.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.125rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--md{--us-result-padding-y: 3rem;--us-result-padding-x: 3rem;--us-result-gap: 1.5rem;--us-result-content-gap: 0.5rem;--us-result-title-font-size: 1.25rem;--us-result-title-font-weight: 500;--us-result-subtitle-font-size: 0.875rem;--us-result-subtitle-font-weight: 400}.us-theme-fci .us-result--sm .us-result__icon>.us-icon{--us-icon-font-size: 3.5rem}.us-theme-fci .us-result--md .us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-theme-fci .us-result--sucess .us-result__icon>.us-icon{--us-icon-color: var(--us-success-color)}.us-theme-fci .us-result--info .us-result__icon>.us-icon{--us-icon-color: var(--us-info-color)}.us-theme-fci .us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-theme-fci .us-result--danger .us-result__icon>.us-icon{--us-icon-color: var(--us-danger-color)}.us-theme-fci{--us-primary-color: #990000;--us-secondary-color: #dde4eb;--us-success-color: #e1ae30;--us-info-color: #8862e0;--us-warning-color: #ffaf00;--us-danger-color: #ff0017;--us-black-color: #000;--us-white-color: #fff;--us-title-color: #171717;--us-subtitle-color: #737373;--us-body-color: #404040;--us-primary-action-color: var(--us-primary-color);--us-secondary-action-color: #334155;--us-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--us-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}

package/css/styles.css

@@ -2,7 +2,9 @@
 .us-toolbar {
   position: relative;
   width: 100%;
-  padding: var(--us-toolbar-padding-y) var(--us-toolbar-padding-x);
+  min-height: var(--us-toolbar-min-height);
+  padding-block: var(--us-toolbar-padding-y);
+  padding-inline: var(--us-toolbar-padding-x);
   border-bottom: var(--us-toolbar-border);
   background: var(--us-toolbar-background);
   display: flex;
@@ -37,7 +39,6 @@
 }
 .us-toolbar__container {
   width: 100%;
-  min-height: var(--us-toolbar-min-height);
   margin: 0 auto;
   display: flex;
   align-items: center;
@@ -56,11 +57,22 @@
 .us-toolbar__title {
   font-size: var(--us-toolbar-title-font-size);
   font-weight: var(--us-toolbar-title-font-weight);
-  text-decoration: none;
-  color: inherit;
+  line-height: var(--us-toolbar-title-line-height);
   overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+  color: var(--us-toolbar-title-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.us-toolbar__subtitle {
+  font-size: var(--us-toolbar-subtitle-font-size);
+  font-weight: var(--us-toolbar-subtitle-font-weight);
+  line-height: var(--us-toolbar-subtitle-line-height);
+  overflow: hidden;
+  color: var(--us-toolbar-subtitle-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
 
 .us-badge {
@@ -387,11 +399,31 @@
   left: 0;
   width: 100%;
   height: 100vh;
-  z-index: 20;
+  z-index: 10;
   display: flex;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.us-backdrop--scrollable {
+  overflow: auto;
+}
+.us-backdrop--top, .us-backdrop--bottom, .us-backdrop--center {
   justify-content: center;
+}
+.us-backdrop--top {
+  align-items: flex-start;
+}
+.us-backdrop--center {
   align-items: center;
 }
+.us-backdrop--bottom {
+  align-items: flex-end;
+}
+.us-backdrop--left {
+  justify-content: flex-start;
+}
+.us-backdrop--right {
+  justify-content: flex-end;
+}
 .us-backdrop-enter {
   opacity: 0;
 }
@@ -407,13 +439,6 @@
   transition: opacity 200ms;
   transition-delay: 300ms;
 }
-.us-backdrop__overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  z-index: -10;
-  background-color: rgba(0, 0, 0, 0.6);
-}
 
 .us-popover {
   min-width: 240px;
@@ -466,6 +491,60 @@
   display: flex;
   flex-direction: column;
 }
+.us-drawer-header {
+  position: relative;
+  flex-shrink: 0;
+  height: var(--us-drawer-header-height);
+  min-height: var(--us-drawer-header-min-height);
+  padding-block: var(--us-drawer-header-padding-y);
+  padding-inline: var(--us-drawer-header-padding-x);
+  display: flex;
+  align-items: center;
+  gap: var(--us-drawer-header-gap);
+}
+.us-drawer-header__start-content, .us-drawer-header__end-content {
+  flex-shrink: 0;
+}
+.us-drawer-header__content {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--us-drawer-header-content-gap);
+}
+.us-drawer-header__title {
+  font-size: var(--us-drawer-header-title-font-size);
+  font-weight: var(--us-drawer-header-title-font-weight);
+  line-height: var(--us-drawer-header-title-line-height);
+  overflow: hidden;
+  color: var(--us-drawer-header-title-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.us-drawer-header__subtitle {
+  font-size: var(--us-drawer-header-subtitle-font-size);
+  font-weight: var(--us-drawer-header-subtitle-font-weight);
+  line-height: var(--us-drawer-header-subtitle-line-height);
+  overflow: hidden;
+  color: var(--us-drawer-header-subtitle-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.us-drawer-header:not(.us-drawer-header--bordered) ~ .us-drawer-body:not([data-hidden=true]), .us-drawer-header:not(.us-drawer-header--bordered) ~ :not([hidden]) .us-drawer-body:not([data-hidden=true]) {
+  padding-top: 0;
+}
+.us-drawer-header--bordered ~ .us-drawer-body:not([data-hidden=true]), .us-drawer-header--bordered ~ :not([hidden]) .us-drawer-body:not([data-hidden=true]) {
+  border-top-width: 1px;
+}
+.us-drawer-body {
+  border-top: 0px solid #ddd;
+  padding-block: var(--us-drawer-body-padding-y);
+  padding-inline: var(--us-drawer-body-padding-x);
+  font-size: var(--us-drawer-body-font-size);
+  line-height: var(--us-drawer-body-line-height);
+  color: var(--us-drawer-body-color);
+}
 .us-drawer-appear, .us-drawer-enter {
   opacity: 0;
   transform: translateX(-100%);
@@ -564,6 +643,157 @@
   }
 }
 
+.us-modal {
+  z-index: 20;
+  overflow: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  max-width: calc(var(--us-modal-width) + 2 * var(--us-modal-padding));
+  width: 100%;
+  padding: var(--us-modal-padding);
+}
+.us-modal--top {
+  margin-bottom: auto;
+}
+.us-modal--center {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.us-modal--bottom {
+  margin-top: auto;
+}
+.us-modal--fullscreen {
+  max-width: 100%;
+  padding: 0;
+}
+.us-modal--fullscreen .us-modal-content {
+  height: 100vh;
+  border-radius: 0px;
+  border-width: 0px;
+}
+.us-modal-content {
+  position: relative;
+  width: 100%;
+  border-radius: var(--us-modal-content-border-radius);
+  border-width: var(--us-modal-content-border-width);
+  border-style: solid;
+  border-color: var(--us-modal-content-border-color);
+  overflow: hidden;
+  color: var(--us-modal-content-color);
+  display: flex;
+  flex-direction: column;
+  background-color: var(--us-modal-content-background);
+}
+.us-modal > form, .us-modal-content > form {
+  width: inherit;
+  max-width: inherit;
+  height: inherit;
+  max-height: inherit;
+  display: inherit;
+  flex-direction: inherit;
+  align-items: inherit;
+  justify-content: inherit;
+}
+.us-modal--scroll-inside .us-modal-content {
+  height: calc(100vh - 2 * var(--us-modal-padding));
+}
+.us-modal-header {
+  position: relative;
+  flex-shrink: 0;
+  height: var(--us-modal-header-height);
+  min-height: var(--us-modal-header-min-height);
+  padding-block: var(--us-modal-header-padding-y);
+  padding-inline: var(--us-modal-header-padding-x);
+  display: flex;
+  align-items: center;
+  gap: var(--us-modal-header-gap);
+}
+.us-modal-header__start-content, .us-modal-header__end-content {
+  flex-shrink: 0;
+}
+.us-modal-header__content {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  gap: var(--us-modal-header-content-gap);
+}
+.us-modal-header__title {
+  font-size: var(--us-modal-header-title-font-size);
+  font-weight: var(--us-modal-header-title-font-weight);
+  line-height: var(--us-modal-header-title-line-height);
+  overflow: hidden;
+  color: var(--us-modal-header-title-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.us-modal-header__subtitle {
+  font-size: var(--us-modal-header-subtitle-font-size);
+  font-weight: var(--us-modal-header-subtitle-font-weight);
+  line-height: var(--us-modal-header-subtitle-line-height);
+  overflow: hidden;
+  color: var(--us-modal-header-subtitle-color);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.us-modal-header:not(.us-modal-header--bordered) ~ .us-modal-body:not([data-hidden=true]), .us-modal-header:not(.us-modal-header--bordered) ~ :not([hidden]) .us-modal-body:not([data-hidden=true]) {
+  padding-top: 0;
+}
+.us-modal-header--bordered ~ .us-modal-body:not([data-hidden=true]), .us-modal-header--bordered ~ :not([hidden]) .us-modal-body:not([data-hidden=true]) {
+  border-top-width: 1px;
+}
+.us-modal-body {
+  flex-grow: 1;
+  border-top: 0px solid #ddd;
+  padding-block: var(--us-modal-body-padding-y);
+  padding-inline: var(--us-modal-body-padding-x);
+  font-size: var(--us-modal-body-font-size);
+  line-height: var(--us-modal-body-line-height);
+  color: var(--us-modal-body-color);
+}
+.us-modal--scroll-inside .us-modal-body {
+  overflow-y: scroll;
+}
+.us-modal-footer {
+  flex-shrink: 0;
+  position: relative;
+  min-height: var(--us-modal-footer-min-height);
+  padding-block: var(--us-modal-footer-padding-y);
+  padding-inline: var(--us-modal-footer-padding-x);
+  border-top-width: var(--us-modal-footer-border-width);
+  border-top-style: solid;
+  border-top-color: var(--us-modal-footer-border-color);
+  background-color: var(--us-modal-footer-background);
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.5rem;
+}
+.us-modal-content-appear, .us-modal-content-enter {
+  opacity: 0;
+  transform: scale(0.9);
+}
+.us-modal-content-appear-active, .us-modal-content-enter-active {
+  opacity: 1;
+  transform: scale(1);
+  transition: opacity 100ms, transform 200ms;
+  transition-delay: 300ms;
+}
+.us-modal-content-exit {
+  opacity: 1;
+  transform: scale(1);
+}
+.us-modal-content-exit-active {
+  opacity: 0;
+  transform: scale(0.9);
+  transition: opacity 300ms, transform 300ms;
+}
+.us-modal-content-fullscreen.us-modal-content-exit-active {
+  transform: translateY(100%);
+}
+
 .us-input {
   position: relative;
   width: 100%;
@@ -1243,6 +1473,8 @@
   user-select: none;
 }
 .us-card-header {
+  position: relative;
+  flex-shrink: 0;
   height: var(--us-card-header-height);
   min-height: var(--us-card-header-min-height);
   padding-block: var(--us-card-header-padding-y);