@unifiedsoftware/styles 1.0.11 → 1.0.13

package/css/{theme-default.css → fci.css}

@@ -1,30 +1,30 @@
-.us-toolbar {
+.us-theme-fci .us-toolbar {
   --us-toolbar-background: var(--us-white-color);
-  --us-toolbar-title-font-size: 1.125rem;
+  --us-toolbar-title-font-size: 1rem;
   --us-toolbar-title-font-weight: 600;
   /* Outline */
   --us-outline-border-width: 1px;
   --us-outline-border-color: #ddd;
 }
-.us-toolbar .us-toolbar--sm {
+.us-theme-fci .us-toolbar--sm {
   --us-toolbar-padding-y: 0.25rem;
   --us-toolbar-padding-x: 1rem;
 }
-.us-toolbar--md {
+.us-theme-fci .us-toolbar--md {
   --us-toolbar-padding-y: 0.5rem;
   --us-toolbar-padding-x: 1rem;
 }
-.us-toolbar--lg {
+.us-theme-fci .us-toolbar--lg {
   --us-toolbar-padding-y: 0.75rem;
   --us-toolbar-padding-x: 1rem;
 }
 
-.us-icon {
+.us-theme-fci .us-icon {
   --us-icon-font-size: 1.5rem;
   --us-icon-color: inherit;
 }
 
-.us-badge {
+.us-theme-fci .us-badge {
   --us-badge-padding-y: 0.125rem;
   --us-badge-padding-x: 0.325rem;
   --us-badge-font-size: 0.75rem;
@@ -34,7 +34,8 @@
   --us-badge-border-color: var(--us-white-color);
   --us-badge-color: var(--us-white-color);
   --us-badge-background: var(--us-primary-color);
-  /* Overlay */
+}
+.us-theme-fci .us-badge > .us-overlay {
   --us-overlay-color: inherit;
   --us-overlay-opacity: 0.08;
   --us-_hover-overlay-color: inherit;
@@ -43,163 +44,156 @@
   --us-_active-overlay-opacity: 0.12;
 }
 
-.us-chip {
+.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: 700;
   --us-chip-border-radius: 9999px;
-  --us-chip-color: var(--us-primary-color);
-  --us-chip-background: transparent;
-  /* Overlay */
+}
+.us-theme-fci .us-chip > .us-overlay {
   --us-overlay-color: inherit;
   --us-overlay-opacity: 0;
-  /* Outline */
+}
+.us-theme-fci .us-chip > .us-outline {
   --us-outline-border-width: 1px;
   --us-outline-border-color: transparent;
 }
-.us-chip > .us-overlay {
-  --us-overlay-color: inherit;
-  --us-overlay-opacity: 0;
-  --us-_hover-overlay-color: initial;
-  --us-_hover-overlay-opacity: initial;
-  --us-_active-overlay-color: initial;
-  --us-_active-overlay-opacity: initial;
-}
-.us-chip--xs {
+.us-theme-fci .us-chip--xs {
   --us-chip-height: 28px;
   --us-chip-padding-y: 0;
   --us-chip-padding-x: 0.5rem;
   --us-chip-font-size: 0.75rem;
   --us-chip-border-radius: 9999px;
   --us-chip-gap: 0.375rem;
+  --us-chip-icon-font-size: 0.75rem;
 }
-.us-chip--xs .us-icon {
+.us-theme-fci .us-chip--xs .us-icon {
   --us-icon-font-size: 0.75rem;
 }
-.us-chip--sm {
+.us-theme-fci .us-chip--sm {
   --us-chip-height: 32px;
   --us-chip-padding-y: 0;
   --us-chip-padding-x: 0.75rem;
   --us-chip-font-size: 14px;
-  --us-chip-border-radius: 9999px;
   --us-chip-gap: 0.375rem;
+  --us-chip-icon-font-size: 0.875rem;
 }
-.us-chip--sm .us-icon {
+.us-theme-fci .us-chip--sm .us-icon {
   --us-icon-font-size: 0.875rem;
 }
-.us-chip--md {
+.us-theme-fci .us-chip--md {
   --us-chip-height: 40px;
   --us-chip-padding-y: 0;
   --us-chip-padding-x: 1rem;
   --us-chip-font-size: 14px;
-  --us-chip-border-radius: 9999px;
   --us-chip-gap: 0.5rem;
 }
-.us-chip--md .us-icon {
+.us-theme-fci .us-chip--md .us-icon {
   --us-icon-font-size: 1rem;
 }
-.us-chip--lg {
+.us-theme-fci .us-chip--lg {
   --us-chip-height: 48px;
   --us-chip-padding-y: 0;
   --us-chip-padding-x: 1.5rem;
   --us-chip-font-size: 1rem;
-  --us-chip-border-radius: 9999px;
   --us-chip-gap: 0.5rem;
 }
-.us-chip--lg .us-icon {
+.us-theme-fci .us-chip--lg .us-icon {
   --us-icon-font-size: 1.125rem;
 }
-.us-chip--xl {
+.us-theme-fci .us-chip--xl {
   --us-chip-height: 48px;
   --us-chip-padding-y: 0;
   --us-chip-padding-x: 1.5rem;
   --us-chip-font-size: 1rem;
-  --us-chip-border-radius: 9999px;
   --us-chip-gap: 0.5rem;
 }
-.us-chip--xl .us-icon {
+.us-theme-fci .us-chip--xl .us-icon {
   --us-icon-font-size: 1.25rem;
 }
-.us-chip--filled {
+.us-theme-fci .us-chip--filled {
   --us-chip-border-width: 1px;
   --us-chip-border-color: transparent;
   --us-chip-color: var(--us-white-color);
 }
-.us-chip--filled.us-chip--primary {
+.us-theme-fci .us-chip--outlined > .us-outline {
+  --us-outline-border-color: currentColor;
+}
+.us-theme-fci .us-chip--filled.us-chip--primary {
   --us-chip-background: var(--us-primary-color);
 }
-.us-chip--filled.us-chip--secondary {
-  --us-chip-color: var(--us-black-color);
-  --us-chip-background: var(--us-secondary-color);
+.us-theme-fci .us-chip--outlined.us-chip--primary {
+  --us-chip-color: var(--us-primary-color);
 }
-.us-chip--filled.us-chip--success {
-  --us-chip-background: var(--us-success-color);
+.us-theme-fci .us-chip--text.us-chip--primary {
+  --us-chip-color: var(--us-primary-color);
 }
-.us-chip--filled.us-chip--info {
-  --us-chip-background: var(--us-info-color);
+.us-theme-fci .us-chip--filled.us-chip--secondary {
+  --us-chip-background: var(--us-secondary-color);
 }
-.us-chip--filled.us-chip--warning {
-  --us-chip-background: var(--us-warning-color);
+.us-theme-fci .us-chip--filled.us-chip--secondary {
+  --us-chip-color: var(--us-black-color);
 }
-.us-chip--filled.us-chip--danger {
-  --us-chip-background: var(--us-danger-color);
+.us-theme-fci .us-chip--outlined.us-chip--secondary {
+  --us-chip-color: var(--us-secondary-color);
 }
-.us-chip--outlined {
-  /* Outline */
-  --us-outline-border-color: currentColor;
+.us-theme-fci .us-chip--text.us-chip--secondary {
+  --us-chip-color: var(--us-secondary-color);
 }
-.us-chip--outlined.us-chip--primary {
-  --us-chip-color: var(--us-primary-color);
+.us-theme-fci .us-chip--filled.us-chip--success {
+  --us-chip-background: var(--us-success-color);
 }
-.us-chip--outlined.us-chip--secondary {
-  --us-chip-color: var(--us-black-color);
+.us-theme-fci .us-chip--outlined.us-chip--success {
+  --us-chip-color: var(--us-success-color);
 }
-.us-chip--outlined.us-chip--success {
+.us-theme-fci .us-chip--text.us-chip--success {
   --us-chip-color: var(--us-success-color);
 }
-.us-chip--outlined.us-chip--info {
-  --us-chip-color: var(--us-info-color);
+.us-theme-fci .us-chip--filled.us-chip--info {
+  --us-chip-background: var(--us-info-color);
 }
-.us-chip--outlined.us-chip--warning {
-  --us-chip-color: var(--us-warning-color);
+.us-theme-fci .us-chip--outlined.us-chip--info {
+  --us-chip-color: var(--us-info-color);
 }
-.us-chip--outlined.us-chip--danger {
-  --us-chip-color: var(--us-danger-color);
+.us-theme-fci .us-chip--text.us-chip--info {
+  --us-chip-color: var(--us-info-color);
 }
-.us-chip--text.us-chip--primary {
-  --us-chip-color: var(--us-primary-color);
+.us-theme-fci .us-chip--filled.us-chip--warning {
+  --us-chip-background: var(--us-warning-color);
 }
-.us-chip--text.us-chip--secondary {
-  --us-chip-color: var(--us-black-color);
+.us-theme-fci .us-chip--outlined.us-chip--warning {
+  --us-chip-color: var(--us-warning-color);
 }
-.us-chip--text.us-chip--success {
-  --us-button-color: var(--us-success-color);
+.us-theme-fci .us-chip--text.us-chip--warning {
+  --us-chip-color: var(--us-warning-color);
 }
-.us-chip--text.us-chip--info {
-  --us-chip-color: var(--us-info-color);
+.us-theme-fci .us-chip--filled.us-chip--danger {
+  --us-chip-background: var(--us-danger-color);
 }
-.us-chip--text.us-chip--warning {
-  --us-chip-color: var(--us-warning-color);
+.us-theme-fci .us-chip--outlined.us-chip--danger {
+  --us-chip-color: var(--us-danger-color);
 }
-.us-chip--text.us-chip--danger {
+.us-theme-fci .us-chip--text.us-chip--danger {
   --us-chip-color: var(--us-danger-color);
 }
 
-.us-button {
+.us-theme-fci .us-button {
   --us-button-font-weight: 500;
   --us-button-font-family: var(--us-font-sans);
-  /* Overlay */
+}
+.us-theme-fci .us-button > .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;
-  /* Outline */
+}
+.us-theme-fci .us-button > .us-outline {
   --us-outline-border-width: 1px;
   --us-outline-border-color: transparent;
 }
-.us-button--xs {
+.us-theme-fci .us-button--xs {
   --us-button-height: 20px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 0.5rem;
@@ -207,10 +201,10 @@
   --us-button-border-radius: 4px;
   --us-button-gap: 0.25rem;
 }
-.us-button--xs .us-icon {
+.us-theme-fci .us-button--xs .us-icon {
   --us-icon-font-size: 0.75rem;
 }
-.us-button--sm {
+.us-theme-fci .us-button--sm {
   --us-button-height: 28px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 0.75rem;
@@ -218,10 +212,10 @@
   --us-button-border-radius: 4px;
   --us-button-gap: 0.375rem;
 }
-.us-button--sm .us-icon {
+.us-theme-fci .us-button--sm .us-icon {
   --us-icon-font-size: 1rem;
 }
-.us-button--md {
+.us-theme-fci .us-button--md {
   --us-button-height: 36px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 1rem;
@@ -229,10 +223,10 @@
   --us-button-border-radius: 4px;
   --us-button-gap: 0.5rem;
 }
-.us-button--md .us-icon {
+.us-theme-fci .us-button--md .us-icon {
   --us-icon-font-size: 1.125rem;
 }
-.us-button--lg {
+.us-theme-fci .us-button--lg {
   --us-button-height: 44px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 1.25rem;
@@ -240,10 +234,10 @@
   --us-button-border-radius: 4px;
   --us-button-gap: 0.625rem;
 }
-.us-button--lg .us-icon {
+.us-theme-fci .us-button--lg .us-icon {
   --us-icon-font-size: 1.25rem;
 }
-.us-button--xl {
+.us-theme-fci .us-button--xl {
   --us-button-height: 52px;
   --us-button-padding-y: 0;
   --us-button-padding-x: 1.5rem;
@@ -251,115 +245,127 @@
   --us-button-border-radius: 4px;
   --us-button-gap: 0.75rem;
 }
-.us-button--xl .us-icon {
+.us-theme-fci .us-button--xl .us-icon {
   --us-icon-font-size: 1.5rem;
 }
-.us-button--filled {
+.us-theme-fci .us-button--filled {
   --us-button-border-width: 1px;
   --us-button-border-color: transparent;
   --us-button-color: var(--us-white-color);
 }
-.us-button--filled .us-chip {
+.us-theme-fci .us-button--filled .us-chip {
   --us-chip-background: var(--us-white-color);
 }
-.us-button--filled.us-button--primary {
+.us-theme-fci .us-button--outlined > .us-outline {
+  --us-outline-border-color: currentColor;
+}
+.us-theme-fci .us-button--flat > .us-overlay {
+  --us-overlay-opacity: 0.08;
+  --us-_hover-overlay-opacity: 0.12;
+  --us-_active-overlay-opacity: 0.24;
+}
+.us-theme-fci .us-button--filled.us-button--primary {
   --us-button-background: var(--us-primary-color);
 }
-.us-button--filled.us-button--secondary {
-  --us-button-color: var(--us-black-color);
-  --us-button-background: var(--us-secondary-color);
+.us-theme-fci .us-button--outlined.us-button--primary {
+  --us-button-color: var(--us-primary-color);
 }
-.us-button--filled.us-button--success {
-  --us-button-background: var(--us-success-color);
+.us-theme-fci .us-button--flat.us-button--primary {
+  --us-button-color: var(--us-primary-color);
 }
-.us-button--filled.us-button--info {
-  --us-button-background: var(--us-info-color);
+.us-theme-fci .us-button--text.us-button--primary {
+  --us-button-color: var(--us-primary-color);
 }
-.us-button--filled.us-button--warning {
-  --us-button-background: var(--us-warning-color);
+.us-theme-fci .us-button--filled.us-button--secondary {
+  --us-button-background: var(--us-secondary-color);
 }
-.us-button--filled.us-button--danger {
-  --us-button-background: var(--us-danger-color);
+.us-theme-fci .us-button--outlined.us-button--secondary {
+  --us-button-color: var(--us-secondary-color);
 }
-.us-button--outlined {
-  /* Outline */
-  --us-outline-border-color: currentColor;
+.us-theme-fci .us-button--flat.us-button--secondary {
+  --us-button-color: var(--us-secondary-color);
 }
-.us-button--outlined.us-button--primary {
-  --us-button-color: var(--us-primary-color);
+.us-theme-fci .us-button--text.us-button--secondary {
+  --us-button-color: var(--us-secondary-color);
 }
-.us-button--outlined.us-button--secondary {
+.us-theme-fci .us-button--filled.us-button--secondary {
   --us-button-color: var(--us-black-color);
 }
-.us-button--outlined.us-button--success {
-  --us-button-color: var(--us-success-color);
-}
-.us-button--outlined.us-button--info {
-  --us-button-color: var(--us-info-color);
+.us-theme-fci .us-button--outlined.us-button--secondary {
+  --us-button-color: var(--us-black-color);
 }
-.us-button--outlined.us-button--warning {
-  --us-button-color: var(--us-warning-color);
+.us-theme-fci .us-button--flat.us-button--secondary {
+  --us-button-color: var(--us-black-color);
 }
-.us-button--outlined.us-button--danger {
-  --us-button-color: var(--us-danger-color);
+.us-theme-fci .us-button--text.us-button--secondary {
+  --us-button-color: var(--us-black-color);
 }
-.us-button--flat {
-  --us-overlay-opacity: 0.08;
-  --us-_hover-overlay-opacity: 0.12;
-  --us-_active-overlay-opacity: 0.24;
+.us-theme-fci .us-button--filled.us-button--success {
+  --us-button-background: var(--us-success-color);
 }
-.us-button--flat.us-button--primary {
-  --us-button-color: var(--us-primary-color);
+.us-theme-fci .us-button--outlined.us-button--success {
+  --us-button-color: var(--us-success-color);
 }
-.us-button--flat.us-button--secondary {
-  --us-button-color: var(--us-black-color);
+.us-theme-fci .us-button--flat.us-button--success {
+  --us-button-color: var(--us-success-color);
 }
-.us-button--flat.us-button--success {
+.us-theme-fci .us-button--text.us-button--success {
   --us-button-color: var(--us-success-color);
 }
-.us-button--flat.us-button--info {
-  --us-button-color: var(--us-info-color);
+.us-theme-fci .us-button--filled.us-button--info {
+  --us-button-background: var(--us-info-color);
 }
-.us-button--flat.us-button--warning {
-  --us-button-color: var(--us-warning-color);
+.us-theme-fci .us-button--outlined.us-button--info {
+  --us-button-color: var(--us-info-color);
 }
-.us-button--flat.us-button--danger {
-  --us-button-color: var(--us-danger-color);
+.us-theme-fci .us-button--flat.us-button--info {
+  --us-button-color: var(--us-info-color);
 }
-.us-button--text.us-button--primary {
-  --us-button-color: var(--us-primary-color);
+.us-theme-fci .us-button--text.us-button--info {
+  --us-button-color: var(--us-info-color);
 }
-.us-button--text.us-button--secondary {
-  --us-button-color: var(--us-black-color);
+.us-theme-fci .us-button--filled.us-button--warning {
+  --us-button-background: var(--us-warning-color);
 }
-.us-button--text.us-button--success {
-  --us-button-color: var(--us-success-color);
+.us-theme-fci .us-button--outlined.us-button--warning {
+  --us-button-color: var(--us-warning-color);
 }
-.us-button--text.us-button--info {
-  --us-button-color: var(--us-info-color);
+.us-theme-fci .us-button--flat.us-button--warning {
+  --us-button-color: var(--us-warning-color);
 }
-.us-button--text.us-button--warning {
+.us-theme-fci .us-button--text.us-button--warning {
   --us-button-color: var(--us-warning-color);
 }
-.us-button--text.us-button--danger {
+.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-drawer {
+.us-theme-fci .us-drawer {
   --us-drawer-width: 256px;
   --us-drawer-background: #fff;
 }
 
-.us-input {
-  --us-input-padding-y: 0.5rem;
+.us-theme-fci .us-input {
+  --us-input-padding-y: 0rem;
   --us-input-padding-x: 1rem;
+  --us-input-height: 36px;
   --us-input-font-size: 0.75rem;
+  --us-input-font-family: var(--us-font-sans);
   --us-input-line-height: 24px;
   --us-input-border-radius: 0.25rem;
   --us-input-gap: 0.5rem;
   --us-input-icon-size: 1.125rem;
 }
-.us-input > .us-outline {
+.us-theme-fci .us-input > .us-outline {
   --us-outline-border-width: 1px;
   --us-outline-border-color: currentColor;
   --us-outline-opacity: 0.12;
@@ -369,47 +375,62 @@
   --us-outline-focus-opacity: 1;
 }
 
-.us-list {
-  --us-list-padding-y: 0;
-  --us-list-padding-x: 0;
+.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-list-item {
+.us-theme-fci .us-list-item {
   --us-list-item-height: 40px;
-  --us-list-item-padding-y: 0;
+  --us-list-item-padding-y: 0px;
   --us-list-item-padding-x: 1rem;
   --us-list-item-padding-level: 1.25rem;
   --us-list-item-font-size: 12px;
   --us-list-item-font-weight: 500;
-  --us-list-item-border-radius: 0;
+  --us-list-item-border-radius: 0px;
   --us-list-item-gap: 1rem;
   --us-list-item-title-font-size: 12px;
   --us-list-item-title-font-weight: 500;
   --us-list-item-subtitle-font-size: 12px;
   --us-list-item-subtitle-font-weight: 400;
 }
-.us-list-item > .us-overlay {
+.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-list-item .us-icon {
+.us-theme-fci .us-list-item .us-icon {
   --us-icon-font-size: 16px;
   --us-icon-color: var(--us-primary-color);
 }
-.us-list-item--selected {
+.us-theme-fci .us-list-item--selected {
   --us-list-item-color: var(--us-primary-color);
 }
-.us-list-item--selected > .us-overlay {
+.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-list-subheader {
+.us-theme-fci .us-list-subheader {
   --us-list-subheader-height: 40px;
   --us-list-subheader-padding-y: 0;
   --us-list-subheader-padding-x: 1rem;
@@ -421,19 +442,19 @@
   --us-list-subheader-border-width: 1px;
   --us-list-subheader-border-color: #dee2e6;
 }
-.us-list-group > .us-list-item--selected > .us-overlay {
+.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-menu {
+.us-theme-fci .us-menu {
   --us-menu-padding-y: 0;
   --us-menu-padding-x: 0;
   --us-menu-color: #343a40;
   --us-menu-background: #fff;
 }
-.us-menu-item {
+.us-theme-fci .us-menu-item {
   --us-menu-item-height: 40px;
   --us-menu-item-padding-y: 0;
   --us-menu-item-padding-x: 1rem;
@@ -443,26 +464,26 @@
   --us-menu-item-border-radius: 0;
   --us-menu-item-gap: 1rem;
 }
-.us-menu-item > .us-overlay {
+.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-menu-item__icon .us-icon {
+.us-theme-fci .us-menu-item__icon .us-icon {
   --us-icon-font-size: 16px;
   --us-icon-color: var(--us-primary-color);
 }
-.us-menu-item--selected {
+.us-theme-fci .us-menu-item--selected {
   --us-menu-item-color: var(--us-primary-color);
 }
-.us-menu-item--selected > .us-overlay {
+.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-menu-group {
+.us-theme-fci .us-menu-group {
   --us-menu-group-height: 40px;
   --us-menu-group-padding-y: 0;
   --us-menu-group-padding-x: 1rem;
@@ -474,47 +495,48 @@
   --us-menu-group-border-width: 1px;
   --us-menu-group-border-color: #dee2e6;
 }
-.us-menu-submenu > .us-menu-item--selected > .us-overlay {
+.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-tab {
+.us-theme-fci .us-tab {
   --us-tab-color: var(--us-black-color);
   --us-tab-font-size: 0.8125rem;
   --us-tab-font-weight: 500;
   --us-tab-indicator-color: var(--us-primary-color);
   --us-tab-indicator-height: 3px;
   --us-tab-indicator-border-radius: 3px 3px 0px 0px;
-  /* Overlay */
+}
+.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-tab--selected {
+.us-theme-fci .us-tab--selected {
   --us-tab-color: var(--us-primary-color);
 }
 
-.us-card {
+.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: 8px;
 }
-.us-card-header {
+.us-theme-fci .us-card-header {
   --us-card-header-padding-y: 1rem;
   --us-card-header-padding-x: 1rem;
   --us-card-header-gap: 1rem;
 }
-.us-card-header__title {
+.us-theme-fci .us-card-header__title {
   --us-card-header-title-font-size: 0.75rem;
   --us-card-header-title-font-weight: 600;
   --us-card-header-title-line-height: 24px;
 }
 
-:root {
+.us-theme-fci {
   --us-primary-color: #990000;
   --us-secondary-color: #dde4eb;
   --us-success-color: #e1ae30;