@unifiedsoftware/styles 1.0.52 → 1.0.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/css/fci.css +54 -6
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +171 -8
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_backdrop.scss +32 -11
  7. package/scss/components/_card.scss +2 -0
  8. package/scss/components/_drawer.scss +2 -0
  9. package/scss/components/_index.scss +1 -0
  10. package/scss/components/_modal.scss +178 -0
  11. package/scss/themes/fci/components/_drawer.scss +3 -6
  12. package/scss/themes/fci/components/_index.scss +1 -0
  13. package/scss/themes/fci/components/_modal.scss +69 -0
package/css/fci.css CHANGED
@@ -577,8 +577,8 @@
577
577
  --us-drawer-header-title-color: var(--us-title-color);
578
578
  --us-drawer-header-subtitle-font-weight: 400;
579
579
  --us-drawer-header-subtitle-color: var(--us-subtitle-color);
580
- --us-drawer-header-min-height: 56px;
581
- --us-drawer-header-padding-y: 0.625rem;
580
+ --us-drawer-header-min-height: 48px;
581
+ --us-drawer-header-padding-y: 0.5rem;
582
582
  --us-drawer-header-padding-x: 1rem;
583
583
  --us-drawer-header-padding-level: 1.25rem;
584
584
  --us-drawer-header-gap: 1rem;
@@ -588,11 +588,59 @@
588
588
  --us-drawer-header-subtitle-line-height: 16px;
589
589
  }
590
590
  .us-theme-fci .us-drawer-body {
591
- --us-drawer-body-padding-y: 1.25rem;
591
+ --us-drawer-body-padding-y: 1rem;
592
592
  --us-drawer-body-padding-x: 1rem;
593
- --us-drawer-body-font-size: 0.875rem;
594
- --us-drawer-body-line-height: 20px;
595
- --us-drawer-body-color: var(--us-body-color);
593
+ }
594
+
595
+ .us-theme-fci .us-modal {
596
+ --us-modal-border-width: 1px;
597
+ --us-modal-border-radius: 6px;
598
+ --us-modal-border-color: rgba(9, 30, 66, 0.14);
599
+ --us-modal-background: #fff;
600
+ }
601
+ .us-theme-fci .us-modal-wrapper {
602
+ --us-modal-wrapper-padding: 1rem;
603
+ }
604
+ .us-theme-fci .us-modal--sm {
605
+ --us-modal-width: 480px;
606
+ }
607
+ .us-theme-fci .us-modal--md {
608
+ --us-modal-width: 640px;
609
+ }
610
+ .us-theme-fci .us-modal--lg {
611
+ --us-modal-width: 720px;
612
+ }
613
+ .us-theme-fci .us-modal--xl {
614
+ --us-modal-width: 1080px;
615
+ }
616
+ .us-theme-fci .us-modal--full {
617
+ --us-modal-width: 100%;
618
+ }
619
+ .us-theme-fci .us-modal-header {
620
+ --us-modal-header-border-color: rgba(9, 30, 66, 0.14);
621
+ --us-modal-header-title-font-weight: 500;
622
+ --us-modal-header-title-color: var(--us-title-color);
623
+ --us-modal-header-subtitle-font-weight: 400;
624
+ --us-modal-header-subtitle-color: var(--us-subtitle-color);
625
+ --us-modal-header-min-height: 48px;
626
+ --us-modal-header-padding-y: 0.5rem;
627
+ --us-modal-header-padding-x: 1rem;
628
+ --us-modal-header-gap: 1rem;
629
+ --us-modal-header-title-font-size: 1rem;
630
+ --us-modal-header-title-line-height: 20px;
631
+ --us-modal-header-subtitle-font-size: 0.75rem;
632
+ --us-modal-header-subtitle-line-height: 16px;
633
+ }
634
+ .us-theme-fci .us-modal-body {
635
+ --us-modal-body-padding-y: 1rem;
636
+ --us-modal-body-padding-x: 1rem;
637
+ }
638
+ .us-theme-fci .us-modal-footer {
639
+ --us-modal-footer-min-height: 48px;
640
+ --us-modal-footer-padding-y: 0.5rem;
641
+ --us-modal-footer-padding-x: 1rem;
642
+ --us-modal-footer-border-width: 1px;
643
+ --us-modal-footer-border-color: rgba(9, 30, 66, 0.14);
596
644
  }
597
645
 
598
646
  .us-theme-fci .us-input {
package/css/fci.min.css CHANGED
@@ -1 +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-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-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}
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-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: 48px;--us-drawer-header-padding-y: 0.5rem;--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: 1rem;--us-drawer-body-padding-x: 1rem}.us-theme-fci .us-modal{--us-modal-border-width: 1px;--us-modal-border-radius: 6px;--us-modal-border-color: rgba(9, 30, 66, 0.14);--us-modal-background: #fff}.us-theme-fci .us-modal-wrapper{--us-modal-wrapper-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-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: 48px;--us-modal-header-padding-y: 0.5rem;--us-modal-header-padding-x: 1rem;--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: 1rem;--us-modal-body-padding-x: 1rem}.us-theme-fci .us-modal-footer{--us-modal-footer-min-height: 48px;--us-modal-footer-padding-y: 0.5rem;--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 CHANGED
@@ -399,11 +399,31 @@
399
399
  left: 0;
400
400
  width: 100%;
401
401
  height: 100vh;
402
- z-index: 20;
402
+ z-index: 10;
403
403
  display: flex;
404
+ background-color: rgba(0, 0, 0, 0.6);
405
+ }
406
+ .us-backdrop--scrollable {
407
+ overflow: auto;
408
+ }
409
+ .us-backdrop--top, .us-backdrop--bottom, .us-backdrop--center {
404
410
  justify-content: center;
411
+ }
412
+ .us-backdrop--top {
413
+ align-items: flex-start;
414
+ }
415
+ .us-backdrop--center {
405
416
  align-items: center;
406
417
  }
418
+ .us-backdrop--bottom {
419
+ align-items: flex-end;
420
+ }
421
+ .us-backdrop--left {
422
+ justify-content: flex-start;
423
+ }
424
+ .us-backdrop--right {
425
+ justify-content: flex-end;
426
+ }
407
427
  .us-backdrop-enter {
408
428
  opacity: 0;
409
429
  }
@@ -419,13 +439,6 @@
419
439
  transition: opacity 200ms;
420
440
  transition-delay: 300ms;
421
441
  }
422
- .us-backdrop__overlay {
423
- position: absolute;
424
- width: 100%;
425
- height: 100%;
426
- z-index: -10;
427
- background-color: rgba(0, 0, 0, 0.6);
428
- }
429
442
 
430
443
  .us-popover {
431
444
  min-width: 240px;
@@ -479,6 +492,8 @@
479
492
  flex-direction: column;
480
493
  }
481
494
  .us-drawer-header {
495
+ position: relative;
496
+ flex-shrink: 0;
482
497
  height: var(--us-drawer-header-height);
483
498
  min-height: var(--us-drawer-header-min-height);
484
499
  padding-block: var(--us-drawer-header-padding-y);
@@ -628,6 +643,152 @@
628
643
  }
629
644
  }
630
645
 
646
+ .us-modal {
647
+ z-index: 20;
648
+ position: relative;
649
+ overflow: hidden;
650
+ max-width: var(--us-modal-width);
651
+ width: 100%;
652
+ border-radius: var(--us-modal-border-radius);
653
+ border-width: var(--us-modal-border-width);
654
+ border-style: solid;
655
+ border-color: var(--us-modal-border-color);
656
+ color: var(--us-modal-color);
657
+ display: flex;
658
+ flex-direction: column;
659
+ background-color: var(--us-modal-background);
660
+ }
661
+ .us-modal-wrapper {
662
+ padding: var(--us-modal-wrapper-padding);
663
+ }
664
+ .us-modal--top {
665
+ margin-bottom: auto;
666
+ }
667
+ .us-modal--center {
668
+ margin-top: auto;
669
+ margin-bottom: auto;
670
+ }
671
+ .us-modal--bottom {
672
+ margin-top: auto;
673
+ }
674
+ .us-modal--fullscreen {
675
+ max-width: 100%;
676
+ padding: 0;
677
+ }
678
+ .us-modal--fullscreen .us-modal-content {
679
+ height: 100vh;
680
+ border-radius: 0px;
681
+ border-width: 0px;
682
+ }
683
+ .us-modal > form {
684
+ width: inherit;
685
+ max-width: inherit;
686
+ height: inherit;
687
+ max-height: inherit;
688
+ display: inherit;
689
+ flex-direction: inherit;
690
+ align-items: inherit;
691
+ justify-content: inherit;
692
+ }
693
+ .us-modal--scroll-inside {
694
+ height: calc(100vh - 2 * var(--us-modal-wrapper-padding));
695
+ }
696
+ .us-modal-header {
697
+ position: relative;
698
+ flex-shrink: 0;
699
+ height: var(--us-modal-header-height);
700
+ min-height: var(--us-modal-header-min-height);
701
+ border-bottom: 0px solid #ddd;
702
+ padding-block: var(--us-modal-header-padding-y);
703
+ padding-inline: var(--us-modal-header-padding-x);
704
+ display: flex;
705
+ align-items: center;
706
+ gap: var(--us-modal-header-gap);
707
+ }
708
+ .us-modal-header__start-content, .us-modal-header__end-content {
709
+ flex-shrink: 0;
710
+ }
711
+ .us-modal-header__content {
712
+ flex-grow: 1;
713
+ display: flex;
714
+ flex-direction: column;
715
+ gap: var(--us-modal-header-content-gap);
716
+ }
717
+ .us-modal-header__title {
718
+ font-size: var(--us-modal-header-title-font-size);
719
+ font-weight: var(--us-modal-header-title-font-weight);
720
+ line-height: var(--us-modal-header-title-line-height);
721
+ overflow: hidden;
722
+ color: var(--us-modal-header-title-color);
723
+ display: -webkit-box;
724
+ -webkit-box-orient: vertical;
725
+ -webkit-line-clamp: 1;
726
+ }
727
+ .us-modal-header__subtitle {
728
+ font-size: var(--us-modal-header-subtitle-font-size);
729
+ font-weight: var(--us-modal-header-subtitle-font-weight);
730
+ line-height: var(--us-modal-header-subtitle-line-height);
731
+ overflow: hidden;
732
+ color: var(--us-modal-header-subtitle-color);
733
+ display: -webkit-box;
734
+ -webkit-box-orient: vertical;
735
+ -webkit-line-clamp: 1;
736
+ }
737
+ .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]) {
738
+ padding-top: 0;
739
+ }
740
+ .us-modal-header--bordered {
741
+ border-bottom-width: 1px;
742
+ }
743
+ .us-modal-body {
744
+ flex-grow: 1;
745
+ padding-block: var(--us-modal-body-padding-y);
746
+ padding-inline: var(--us-modal-body-padding-x);
747
+ font-size: var(--us-modal-body-font-size);
748
+ line-height: var(--us-modal-body-line-height);
749
+ color: var(--us-modal-body-color);
750
+ }
751
+ .us-modal--scroll-inside .us-modal-body {
752
+ overflow-y: auto;
753
+ }
754
+ .us-modal-footer {
755
+ flex-shrink: 0;
756
+ position: relative;
757
+ min-height: var(--us-modal-footer-min-height);
758
+ padding-block: var(--us-modal-footer-padding-y);
759
+ padding-inline: var(--us-modal-footer-padding-x);
760
+ border-top-width: var(--us-modal-footer-border-width);
761
+ border-top-style: solid;
762
+ border-top-color: var(--us-modal-footer-border-color);
763
+ background-color: var(--us-modal-footer-background);
764
+ display: flex;
765
+ justify-content: flex-end;
766
+ align-items: center;
767
+ gap: 0.5rem;
768
+ }
769
+ .us-modal-appear, .us-modal-enter {
770
+ opacity: 0;
771
+ transform: scale(0.9);
772
+ }
773
+ .us-modal-appear-active, .us-modal-enter-active {
774
+ opacity: 1;
775
+ transform: scale(1);
776
+ transition: opacity 100ms, transform 200ms;
777
+ transition-delay: 300ms;
778
+ }
779
+ .us-modal-exit {
780
+ opacity: 1;
781
+ transform: scale(1);
782
+ }
783
+ .us-modal-exit-active {
784
+ opacity: 0;
785
+ transform: scale(0.9);
786
+ transition: opacity 300ms, transform 300ms;
787
+ }
788
+ .us-modal-fullscreen.us-modal-exit-active {
789
+ transform: translateY(100%);
790
+ }
791
+
631
792
  .us-input {
632
793
  position: relative;
633
794
  width: 100%;
@@ -1307,6 +1468,8 @@
1307
1468
  user-select: none;
1308
1469
  }
1309
1470
  .us-card-header {
1471
+ position: relative;
1472
+ flex-shrink: 0;
1310
1473
  height: var(--us-card-header-height);
1311
1474
  min-height: var(--us-card-header-min-height);
1312
1475
  padding-block: var(--us-card-header-padding-y);
package/css/styles.min.css CHANGED
@@ -1 +1 @@
1
- .us-toolbar{position:relative;width:100%;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;align-items:center}.us-toolbar>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-toolbar:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-toolbar:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-toolbar>.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-toolbar__container{width:100%;margin:0 auto;display:flex;align-items:center;gap:.5rem;z-index:1}.us-toolbar__start-action,.us-toolbar__end-action{flex-shrink:0}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);line-height:var(--us-toolbar-title-line-height);overflow:hidden;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{min-width:var(--us-badge-min-width);min-height:var(--us-badge-min-height);padding-block:var(--us-badge-padding-y);padding-block:var(--us-badge-padding-y);padding-inline:var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);line-height:var(--us-badge-line-height);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex;justify-content:center;align-items:center}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-badge-wrapper .us-badge{position:absolute}.us-badge-wrapper .us-badge--top-left{top:10%;left:10%}.us-badge-wrapper .us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge-wrapper .us-badge--bottom-left{bottom:10%;left:10%}.us-badge-wrapper .us-badge--bottom-right{bottom:0;right:0}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-chip:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-chip:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--focus>.us-outline,.us-chip--focus:hover>.us-outline,.us-chip:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--closable{padding-inline-end:calc(var(--us-chip-padding-x)/2)}.us-chip__closable{position:relative;padding:.125rem;color:currentColor;border-radius:9999px;cursor:pointer;opacity:.8}.us-chip__closable:hover{opacity:1}.us-chip__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:.2}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-button:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-button:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--focus>.us-outline,.us-button--focus:hover>.us-outline,.us-button:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button-group{display:inline-flex;align-items:center}.us-button-group .us-button{border-radius:0px}.us-button-group--row{flex-direction:row}.us-button-group--col{flex-direction:column;align-items:stretch}.us-button-group--row .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-bottom-left-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:last-of-type{border-top-right-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-top-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:last-of-type{border-bottom-left-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:not(.us-button:first-of-type){border-left:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button-group--col .us-button:not(.us-button:last-of-type){border-bottom:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:20;display:flex;justify-content:center;align-items:center}.us-backdrop-enter{opacity:0}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-backdrop__overlay{position:absolute;width:100%;height:100%;z-index:-10;background-color:rgba(0,0,0,.6)}.us-popover{min-width:240px;position:absolute;border-radius:6px;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:1060;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background);display:flex;flex-direction:column}.us-drawer-header{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%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:calc(100% - 2rem);max-height:100%}.us-drawer--left{left:0}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:calc(100% - 2rem)}.us-drawer--top{top:0}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 768px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-input{position:relative;width:100%;padding:0;min-height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background)}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-input:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-input:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--focus>.us-outline,.us-input--focus:hover>.us-outline,.us-input:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input__clearable{display:flex;justify-content:center;align-items:center}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding:var(--us-input-padding-y) var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__search{flex:1;width:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);color:var(--us-input-color);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-input__chips{padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);flex-grow:1;display:flex;flex-wrap:wrap;gap:.25rem}.us-input__chips input{flex:1;height:24px;border:none;outline:none;color:inherit;background:inherit;min-width:0}.us-input__start-content,.us-input__end-content{flex-shrink:0;display:flex;align-items:center}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-switch{position:relative;display:inline-block;width:var(--us-switch-width);padding-block:var(--us-switch-padding-y);border-radius:var(--us-switch-border-radius);cursor:pointer;background-color:var(--us-switch-color);display:inline-flex;align-items:center;transition:all .2s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-width) - var(--us-switch-thumb-width) - (var(--us-switch-padding-x))))}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-padding-x));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .2s ease-in-out}.us-accordion-item{border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{height:var(--us-accordion-header-height);min-height:var(--us-accordion-header-min-height);padding-block:var(--us-accordion-header-padding-y);padding-inline:var(--us-accordion-header-padding-x);display:flex;align-items:center;gap:var(--us-accordion-header-gap)}.us-accordion-header--collapsible{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0}.us-accordion-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-accordion-header-content-gap)}.us-accordion-header__title{font-size:var(--us-accordion-header-title-font-size);font-weight:var(--us-accordion-header-title-font-weight);line-height:var(--us-accordion-header-title-line-height);overflow:hidden;color:var(--us-accordion-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header__subtitle{font-size:var(--us-accordion-header-subtitle-font-size);font-weight:var(--us-accordion-header-subtitle-font-weight);line-height:var(--us-accordion-header-subtitle-line-height);overflow:hidden;color:var(--us-accordion-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header:not(.us-accordion-header--bordered)~.us-accordion-body:not([data-hidden=true]),.us-accordion-header:not(.us-accordion-header--bordered)~:not([hidden]) .us-accordion-body:not([data-hidden=true]){padding-top:0}.us-accordion-header--bordered~.us-accordion-body:not([data-hidden=true]),.us-accordion-header--bordered~:not([hidden]) .us-accordion-body:not([data-hidden=true]){border-top-width:1px}.us-accordion-body{border-top:0px solid #ddd;padding-block:var(--us-accordion-body-padding-y);padding-inline:var(--us-accordion-body-padding-x);font-size:var(--us-accordion-body-font-size);line-height:var(--us-accordion-body-line-height);color:var(--us-accordion-body-color)}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-list-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-list-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-list-item--hoverable,.us-list-item--selected{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader--bordered{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe{overflow:auto}}.us-swipe-wrapper{position:relative}.us-swipe-wrapper__left,.us-swipe-wrapper__right{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe-wrapper__left{left:-1.25rem}.us-swipe-wrapper__right{right:-1.25rem}.us-swipe-wrapper--auto-hide .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide .us-swipe-wrapper__right{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__right{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;border-radius:var(--us-tab-border-radius);z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-card{position:relative;border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);border-radius:var(--us-card-border-radius);z-index:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-card:hover{text-decoration:none}.us-card>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-card:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-card:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-card--hoverable,.us-card--selected{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-card-header{height:var(--us-card-header-height);min-height:var(--us-card-header-min-height);padding-block:var(--us-card-header-padding-y);padding-inline:var(--us-card-header-padding-x);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0}.us-card-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-card-header-content-gap)}.us-card-header__title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header__subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header:not(.us-card-header--bordered)~.us-card-body:not([data-hidden=true]){padding-top:0}.us-card-header--bordered~.us-card-body:not([data-hidden=true]){border-top-width:1px}.us-card-body{border-top:0px solid #ddd;padding:var(--us-card-body-padding-y) var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
1
+ .us-toolbar{position:relative;width:100%;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;align-items:center}.us-toolbar>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-toolbar:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-toolbar:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-toolbar>.us-outline-b{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-bottom:var(--us-outline-border-width) solid var(--us-outline-border-color)}.us-toolbar__container{width:100%;margin:0 auto;display:flex;align-items:center;gap:.5rem;z-index:1}.us-toolbar__start-action,.us-toolbar__end-action{flex-shrink:0}.us-toolbar__content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.us-toolbar__title{font-size:var(--us-toolbar-title-font-size);font-weight:var(--us-toolbar-title-font-weight);line-height:var(--us-toolbar-title-line-height);overflow:hidden;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{min-width:var(--us-badge-min-width);min-height:var(--us-badge-min-height);padding-block:var(--us-badge-padding-y);padding-block:var(--us-badge-padding-y);padding-inline:var(--us-badge-padding-x);font-size:var(--us-badge-font-size);font-weight:var(--us-badge-font-weight);line-height:var(--us-badge-line-height);border:var(--us-badge-border-width) solid var(--us-badge-border-color);border-radius:var(--us-badge-border-radius);color:var(--us-badge-color);background-color:var(--us-badge-background);display:inline-flex;justify-content:center;align-items:center}.us-badge>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-badge:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-badge:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge-wrapper{flex-shrink:0;position:relative;display:inline-flex}.us-badge-wrapper .us-badge{position:absolute}.us-badge-wrapper .us-badge--top-left{top:10%;left:10%}.us-badge-wrapper .us-badge--top-right{right:0;top:0;transform:translate(50%, -50%)}.us-badge-wrapper .us-badge--bottom-left{bottom:10%;left:10%}.us-badge-wrapper .us-badge--bottom-right{bottom:0;right:0}.us-collapse{overflow:hidden;transition:all .15s ease-in-out}.us-icon{width:1em;height:1em;font-size:var(--us-icon-font-size);color:var(--us-icon-color);display:flex;justify-content:center;align-items:center}.us-chip{position:relative;height:var(--us-chip-height);padding:var(--us-chip-padding-y) var(--us-chip-padding-x);font-size:var(--us-chip-font-size);font-weight:var(--us-chip-font-weight);font-family:var(--us-chip-font-family);border-radius:var(--us-chip-border-radius);color:var(--us-chip-color);background-color:var(--us-chip-background);display:inline-flex;align-items:center;gap:var(--us-chip-gap)}.us-chip>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-chip:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-chip:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-chip>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-chip:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-chip:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--focus>.us-outline,.us-chip--focus:hover>.us-outline,.us-chip:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-chip--closable{padding-inline-end:calc(var(--us-chip-padding-x)/2)}.us-chip__closable{position:relative;padding:.125rem;color:currentColor;border-radius:9999px;cursor:pointer;opacity:.8}.us-chip__closable:hover{opacity:1}.us-chip__closable::after{position:absolute;content:"";inset:0px;border-radius:inherit;background-color:currentColor;opacity:.2}.us-button{position:relative;height:var(--us-button-height);padding:var(--us-button-padding-y) var(--us-button-padding-x);font-size:var(--us-button-font-size);font-weight:var(--us-button-font-weight);font-family:var(--us-button-font-family);white-space:nowrap;border:none;outline:none;border-radius:var(--us-button-border-radius);cursor:pointer;color:var(--us-button-color);background-color:var(--us-button-background);z-index:0;display:inline-flex;justify-content:center;align-items:center;gap:var(--us-button-gap);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-button:hover{text-decoration:none}.us-button>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-button:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-button:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-button>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-button:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-button:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--focus>.us-outline,.us-button--focus:hover>.us-outline,.us-button:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-button--block{width:100%}.us-button--disabled{opacity:.6;pointer-events:none}.us-button--icon-only{width:var(--us-button-height);padding:0;border-radius:9999px;justify-content:center}.us-button-group{display:inline-flex;align-items:center}.us-button-group .us-button{border-radius:0px}.us-button-group--row{flex-direction:row}.us-button-group--col{flex-direction:column;align-items:stretch}.us-button-group--row .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-bottom-left-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:last-of-type{border-top-right-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:first-of-type{border-top-left-radius:var(--us-button-border-radius);border-top-right-radius:var(--us-button-border-radius)}.us-button-group--col .us-button:last-of-type{border-bottom-left-radius:var(--us-button-border-radius);border-bottom-right-radius:var(--us-button-border-radius)}.us-button-group--row .us-button:not(.us-button:first-of-type){border-left:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button-group--col .us-button:not(.us-button:last-of-type){border-bottom:var(--us-button-divider-width) solid var(--us-button-divider-color)}.us-button__start-icon,.us-button__end-icon,.us-button__content{position:relative;display:flex;align-items:center}.us-scroll-area__track{position:absolute;border-radius:3px;right:2px;bottom:2px}.us-scroll-area__track--horizontal{height:6px;left:2px}.us-scroll-area__track--vertical{width:6px;top:2px}.us-scroll-area__thumb{position:relative;display:block;cursor:pointer;border-radius:inherit;background-color:rgba(0,0,0,.2);transform:translateX(0px)}.us-scroll-area__thumb--horizontal{height:100%;width:105px}.us-scroll-area__thumb--vertical{width:100%;height:463px}.us-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;display:flex;background-color:rgba(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}.us-backdrop-enter-active{opacity:1;transition:opacity 100ms}.us-backdrop-exit{opacity:1}.us-backdrop-exit-active{opacity:0;transition:opacity 200ms;transition-delay:300ms}.us-popover{min-width:240px;position:absolute;border-radius:6px;box-shadow:rgba(0,0,59,.05) 0px 0px 0px 1px,rgba(1,1,46,.133) 0px 12px 60px 0px,rgba(0,0,0,.133) 0px 12px 32px -16px;background-color:#fff;overflow:hidden;z-index:1060;display:flex;flex-direction:column}.us-popover__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;background-color:#fff;opacity:1;z-index:0}.us-popover-enter{opacity:0;transform:scale(0.9)}.us-popover-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms}.us-popover-exit{opacity:1;transform:scale(1)}.us-popover-exit-active{opacity:0;transform:scale(0.9);transition:opacity 150ms,transform 150ms}.us-drawer{position:absolute;max-width:var(--us-drawer-width);width:100%;height:100%;background-color:var(--us-drawer-background);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%)}.us-drawer-appear-active,.us-drawer-enter-active{opacity:1;transform:translateX(0%);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-drawer-exit{opacity:1;transform:translateX(0%)}.us-drawer-exit-active{opacity:0;transform:translateX(-100%);transition:opacity 300ms,transform 300ms}.us-drawer--left,.us-drawer--right{max-width:calc(100% - 2rem);max-height:100%}.us-drawer--left{left:0}.us-drawer--left.us-drawer-appear,.us-drawer--left.us-drawer-enter{transform:translateX(-100%)}.us-drawer--left.us-drawer-appear-active,.us-drawer--left.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--left.us-drawer-exit{transform:translateX(0%)}.us-drawer--left.us-drawer-exit-active{transform:translateX(-100%)}.us-drawer--right.us-drawer-appear,.us-drawer--right.us-drawer-enter{transform:translateX(100%)}.us-drawer--right{right:0}.us-drawer--right.us-drawer-appear-active,.us-drawer--right.us-drawer-enter-active{transform:translateX(0%)}.us-drawer--right.us-drawer-exit{transform:translateX(0%)}.us-drawer--right.us-drawer-exit-active{transform:translateX(100%)}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:calc(100% - 2rem)}.us-drawer--top{top:0}.us-drawer--top.us-drawer-appear,.us-drawer--top.us-drawer-enter{transform:translateY(-100%)}.us-drawer--top.us-drawer-appear-active,.us-drawer--top.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--top.us-drawer-exit{transform:translateY(0%)}.us-drawer--top.us-drawer-exit-active{transform:translateY(-100%)}.us-drawer--bottom{bottom:0}.us-drawer--bottom.us-drawer-appear,.us-drawer--bottom.us-drawer-enter{transform:translateY(100%)}.us-drawer--bottom.us-drawer-appear-active,.us-drawer--bottom.us-drawer-enter-active{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit{transform:translateY(0%)}.us-drawer--bottom.us-drawer-exit-active{transform:translateY(100%)}@media screen and (min-width: 768px){.us-drawer--left,.us-drawer--right{max-width:var(--us-drawer-width);max-height:100%}.us-drawer--top,.us-drawer--bottom{max-width:100%;max-height:var(--us-drawer-width)}}.us-modal{z-index:20;position:relative;overflow:hidden;max-width:var(--us-modal-width);width:100%;border-radius:var(--us-modal-border-radius);border-width:var(--us-modal-border-width);border-style:solid;border-color:var(--us-modal-border-color);color:var(--us-modal-color);display:flex;flex-direction:column;background-color:var(--us-modal-background)}.us-modal-wrapper{padding:var(--us-modal-wrapper-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>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{height:calc(100vh - 2*var(--us-modal-wrapper-padding))}.us-modal-header{position:relative;flex-shrink:0;height:var(--us-modal-header-height);min-height:var(--us-modal-header-min-height);border-bottom:0px solid #ddd;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{border-bottom-width:1px}.us-modal-body{flex-grow:1;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:auto}.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:.5rem}.us-modal-appear,.us-modal-enter{opacity:0;transform:scale(0.9)}.us-modal-appear-active,.us-modal-enter-active{opacity:1;transform:scale(1);transition:opacity 100ms,transform 200ms;transition-delay:300ms}.us-modal-exit{opacity:1;transform:scale(1)}.us-modal-exit-active{opacity:0;transform:scale(0.9);transition:opacity 300ms,transform 300ms}.us-modal-fullscreen.us-modal-exit-active{transform:translateY(100%)}.us-input{position:relative;width:100%;padding:0;min-height:var(--us-input-height);display:flex;align-items:center;border:none;border-radius:var(--us-input-border-radius);color:var(--us-input-color);background-color:var(--us-input-background)}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input>.us-outline{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;border-width:var(--us-outline-border-width);border-style:solid;border-color:var(--us-outline-border-color);opacity:var(--us-outline-opacity);pointer-events:none}.us-input:hover>.us-outline{border-width:var(--us-outline-hover-border-width, var(--us-outline-border-width));border-color:var(--us-outline-hover-border-color, var(--us-outline-border-color));opacity:var(--us-outline-hover-opacity, var(--us-outline-opacity))}.us-input:active>.us-outline{border-width:var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--focus>.us-outline,.us-input--focus:hover>.us-outline,.us-input:focus>.us-outline{border-width:var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));border-color:var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));opacity:var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)))}.us-input--disabled{opacity:.75;pointer-events:none}.us-input--clearable .us-input__clearable{transform:scale(0);transition:all .2s ease-in-out}.us-input--clearable:hover .us-input__clearable{transform:scale(0.75)}.us-input__clearable{display:flex;justify-content:center;align-items:center}.us-input__content{flex:1;height:100%;display:flex;align-items:center;z-index:1}.us-input__field{flex:1;width:100%;height:100%;padding:var(--us-input-padding-y) var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);border:none;outline:none;color:var(--us-input-color);background-color:rgba(0,0,0,0);display:flex;align-items:center}.us-input__field:focus{outline:none !important}.us-input__search{flex:1;width:100%;padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);font-size:var(--us-input-font-size);font-family:var(--us-input-font-family);line-height:var(--us-input-line-height);color:var(--us-input-color);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-input__chips{padding-block:var(--us-input-padding-y);padding-inline:var(--us-input-padding-x);flex-grow:1;display:flex;flex-wrap:wrap;gap:.25rem}.us-input__chips input{flex:1;height:24px;border:none;outline:none;color:inherit;background:inherit;min-width:0}.us-input__start-content,.us-input__end-content{flex-shrink:0;display:flex;align-items:center}.us-input__start-content .us-icon,.us-input__end-content .us-icon{font-size:var(--us-input-icon-size)}.us-input__start-content{margin-right:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding:var(--us-input-padding-y) calc(.75*var(--us-input-padding-x))}.us-switch{position:relative;display:inline-block;width:var(--us-switch-width);padding-block:var(--us-switch-padding-y);border-radius:var(--us-switch-border-radius);cursor:pointer;background-color:var(--us-switch-color);display:inline-flex;align-items:center;transition:all .2s ease-in-out;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-switch input{position:absolute;opacity:0;width:0;height:0}.us-switch--checked .us-switch__thumb{transform:translateX(calc(var(--us-switch-width) - var(--us-switch-thumb-width) - (var(--us-switch-padding-x))))}.us-switch__thumb{width:var(--us-switch-thumb-width);height:var(--us-switch-thumb-height);transform:translateX(var(--us-switch-padding-x));border-radius:var(--us-switch-thumb-border-radius);background-color:var(--us-switch-thumb-color);transition:all .2s ease-in-out}.us-accordion-item{border-bottom:1px solid #e6e6e6}.us-accordion-item:last-child{border-bottom:none}.us-accordion-header{height:var(--us-accordion-header-height);min-height:var(--us-accordion-header-min-height);padding-block:var(--us-accordion-header-padding-y);padding-inline:var(--us-accordion-header-padding-x);display:flex;align-items:center;gap:var(--us-accordion-header-gap)}.us-accordion-header--collapsible{cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-accordion-header__start-content,.us-accordion-header__end-content{flex-shrink:0}.us-accordion-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-accordion-header-content-gap)}.us-accordion-header__title{font-size:var(--us-accordion-header-title-font-size);font-weight:var(--us-accordion-header-title-font-weight);line-height:var(--us-accordion-header-title-line-height);overflow:hidden;color:var(--us-accordion-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header__subtitle{font-size:var(--us-accordion-header-subtitle-font-size);font-weight:var(--us-accordion-header-subtitle-font-weight);line-height:var(--us-accordion-header-subtitle-line-height);overflow:hidden;color:var(--us-accordion-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-accordion-header:not(.us-accordion-header--bordered)~.us-accordion-body:not([data-hidden=true]),.us-accordion-header:not(.us-accordion-header--bordered)~:not([hidden]) .us-accordion-body:not([data-hidden=true]){padding-top:0}.us-accordion-header--bordered~.us-accordion-body:not([data-hidden=true]),.us-accordion-header--bordered~:not([hidden]) .us-accordion-body:not([data-hidden=true]){border-top-width:1px}.us-accordion-body{border-top:0px solid #ddd;padding-block:var(--us-accordion-body-padding-y);padding-inline:var(--us-accordion-body-padding-x);font-size:var(--us-accordion-body-font-size);line-height:var(--us-accordion-body-line-height);color:var(--us-accordion-body-color)}.us-accordion-panel{padding:1rem}.us-list{margin:0;padding:var(--us-list-padding-y) var(--us-list-padding-x);color:var(--us-list-color);background-color:var(--us-list-background)}.us-list-item{position:relative;height:var(--us-list-item-height);min-height:var(--us-list-item-min-height);padding-block:var(--us-list-item-padding-y);padding-inline:var(--us-list-item-padding-x);font-size:var(--us-list-item-font-size);font-weight:var(--us-list-item-font-weight);border-radius:var(--us-list-item-border-radius);text-decoration:none;z-index:0;display:flex;align-items:center;color:var(--us-list-item-color);background-color:var(--us-list-item-background);-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-list-item-gap)}.us-list-item:hover{text-decoration:none}.us-list-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-list-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-list-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-list-item--hoverable,.us-list-item--selected{cursor:pointer;user-select:none}.us-list-item--disabled{opacity:.6;cursor:not-allowed;user-select:none}.us-list-item__start-content,.us-list-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-list-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-list-item__title{font-size:var(--us-list-item-title-font-size);font-weight:var(--us-list-item-title-font-weight);line-height:var(--us-list-item-title-line-height);opacity:var(--us-list-item-title-opacity);overflow:hidden;color:var(--us-list-item-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-item__subtitle{font-size:var(--us-list-item-subtitle-font-size);font-weight:var(--us-list-item-subtitle-font-weight);line-height:var(--us-list-item-subtitle-line-height);opacity:var(--us-list-item-subtitle-opacity);overflow:hidden;color:var(--us-list-item-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-list-subheader--bordered{border-bottom:var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color)}.us-list-group .us-list{--us-list-background: var(--us-list-group-background)}.us-menu{margin:0;padding:var(--us-menu-padding-y) var(--us-menu-padding-x);color:var(--us-menu-color);background-color:var(--us-menu-background)}.us-menu-item{position:relative;height:var(--us-menu-item-height);padding:var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);font-size:var(--us-menu-item-font-size);font-weight:var(--us-menu-item-font-weight);border-radius:var(--us-menu-item-border-radius);text-decoration:none;cursor:pointer;z-index:0;display:flex;align-items:center;color:var(--us-menu-item-color);background-color:var(--us-menu-item-background);user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);gap:var(--us-menu-item-gap)}.us-menu-item:hover{text-decoration:none}.us-menu-item>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-item:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-item:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-item--hoverable{cursor:pointer;user-select:none}.us-menu-item--disabled{opacity:.6;pointer-events:none}.us-menu-item__start-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-item__start-content,.us-menu-item__end-content{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center;gap:calc(var(--us-list-item-gap)*.5)}.us-menu-item__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-item__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-group{position:relative;height:var(--us-menu-group-height);padding:var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);font-size:var(--us-menu-group-font-size);font-weight:var(--us-menu-group-font-weight);text-decoration:none;border-bottom:var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);border-radius:var(--us-menu-group-border-radius);display:flex;align-items:center;color:var(--us-menu-group-color);background-color:var(--us-menu-group-background);gap:var(--us-menu-group-gap)}.us-menu-group:hover{text-decoration:none}.us-menu-group>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-menu-group:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-menu-group:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-menu-group__icon{flex-shrink:0;z-index:1;display:flex;justify-content:center;align-items:center}.us-menu-group__content{flex-grow:1;z-index:1;display:grid;overflow:hidden}.us-menu-group__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-menu-submenu .us-menu{--us-menu-background: var(--us-submenu-background)}.us-divider{width:100%;height:1px;background:#cac4d0}.us-breadcrumb{padding:.5rem 0;font-size:.875rem;display:flex;align-items:center;gap:0}.us-breadcrumb-item{padding:.25rem .5rem;white-space:nowrap;display:flex;align-items:center}.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu){line-height:32px}.us-swipe{position:relative;overflow-x:hidden;display:flex;align-items:center;gap:var(--us-swipe-gap)}@media(max-width: 767px)and (hover: none){.us-swipe{overflow:auto}}.us-swipe-wrapper{position:relative}.us-swipe-wrapper__left,.us-swipe-wrapper__right{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.us-swipe-wrapper__left{left:-1.25rem}.us-swipe-wrapper__right{right:-1.25rem}.us-swipe-wrapper--auto-hide .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide .us-swipe-wrapper__right{transform:translateY(-50%) scale(0);transition:all .2s ease-in-out}.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__left,.us-swipe-wrapper--auto-hide:hover .us-swipe-wrapper__right{transform:translateY(-50%) scale(1)}.us-swipe--start .us-swipe-item:last-child{margin-right:auto}.us-swipe--center .us-swipe-item:first-child{margin-left:auto}.us-swipe--center .us-swipe-item:last-child{margin-right:auto}.us-swipe--end .us-swipe-item:first-child{margin-left:auto}.us-swipe-item{flex-shrink:0;position:relative}.us-tabs{width:100%;white-space:nowrap;display:flex;align-items:center}.us-tabs--start{justify-content:flex-start}.us-tabs--center{justify-content:center}.us-tabs--end{justify-content:flex-end}.us-tabs--stretch .us-tab{flex-grow:1}@media(max-width: 767px)and (hover: none){.us-tabs{overflow:auto}}.us-tab{position:relative;padding:0px 16px;font-size:var(--us-tab-font-size);font-weight:var(--us-tab-font-weight);text-decoration:none;vertical-align:middle;border-radius:var(--us-tab-border-radius);z-index:1;color:var(--us-tab-color);display:inline-flex;justify-content:center;align-items:center;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-tab:hover{text-decoration:none}.us-tab>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-tab:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-tab:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-tab--disabled{opacity:.6;pointer-events:none}.us-tab__content{position:relative;height:40px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.us-tab__indicator{position:absolute;height:var(--us-tab-indicator-height);border-radius:var(--us-tab-indicator-border-radius);inset:auto 0px 0px;opacity:0;z-index:-1;background:var(--us-tab-indicator-color);transform-origin:left bottom}.us-tab--selected .us-tab__indicator{opacity:1}.us-card{position:relative;border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);border-radius:var(--us-card-border-radius);z-index:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.us-card:hover{text-decoration:none}.us-card>.us-overlay{position:absolute;inset:0px;border-radius:inherit;overflow:hidden;color:var(--us-overlay-color);opacity:var(--us-overlay-opacity);z-index:-1;pointer-events:none;background-color:currentColor;transition:background-color,opacity,.1s cubic-bezier(0.215, 0.61, 0.355, 1)}.us-card:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-card:active>.us-overlay{color:var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-card--hoverable,.us-card--selected{cursor:pointer;user-select:none}.us-card--disabled{opacity:.6;cursor:not-allowed;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);padding-inline:var(--us-card-header-padding-x);display:flex;align-items:center;gap:var(--us-card-header-gap)}.us-card-header__start-content,.us-card-header__end-content{flex-shrink:0}.us-card-header__content{flex-grow:1;display:flex;flex-direction:column;gap:var(--us-card-header-content-gap)}.us-card-header__title{font-size:var(--us-card-header-title-font-size);font-weight:var(--us-card-header-title-font-weight);line-height:var(--us-card-header-title-line-height);overflow:hidden;color:var(--us-card-header-title-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header__subtitle{font-size:var(--us-card-header-subtitle-font-size);font-weight:var(--us-card-header-subtitle-font-weight);line-height:var(--us-card-header-subtitle-line-height);overflow:hidden;color:var(--us-card-header-subtitle-color);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-card-header:not(.us-card-header--bordered)~.us-card-body:not([data-hidden=true]){padding-top:0}.us-card-header--bordered~.us-card-body:not([data-hidden=true]){border-top-width:1px}.us-card-body{border-top:0px solid #ddd;padding:var(--us-card-body-padding-y) var(--us-card-body-padding-x);font-size:var(--us-card-body-font-size);line-height:var(--us-card-body-line-height);color:var(--us-card-body-color)}.us-result{flex-grow:1;width:100%;padding-block:var(--us-result-padding-y);padding-inline:var(--us-result-padding-x);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--us-result-gap)}.us-result__content{text-align:center;display:flex;flex-direction:column;gap:var(--us-result-content-gap)}.us-result__title{font-size:var(--us-result-title-font-size);font-weight:var(--us-result-title-font-weight)}.us-result__subtitle{font-size:var(--us-result-subtitle-font-size);font-weight:var(--us-result-subtitle-font-weight)}.us-result__icon>.us-icon{--us-icon-font-size: 4.5rem}.us-result--warning .us-result__icon>.us-icon{--us-icon-color: var(--us-warning-color)}.us-animation-spin{animation:us-animation-spin 1s linear infinite;transform-origin:center center}@keyframes us-animation-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.us-animation-pulse{animation:us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes us-animation-pulse{0%,100%{opacity:1}50%{opacity:.5}}.us-animation-bounce{animation:us-animation-bounce 1s infinite}@keyframes us-animation-bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8, 0, 1, 1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}}.us-w-full{width:100%}.us-w-screen{width:100vh}.us-h-full{height:100%}.us-h-screen{height:100dvh}.us-overflow-auto{overflow:auto}.us-overflow-hidden{overflow:hidden}.us-d-block{display:block}.us-d-inline{display:inline}.us-d-flex{display:flex}.us-d-grid{display:grid}.us-d-contents{display:contents}.us-d-none{display:none}.us-flex-row{flex-direction:row}.us-flex-row-reverse{flex-direction:row-reverse}.us-flex-col{flex-direction:column}.us-flex-col-reverse{flex-direction:column-reverse}.us-flex-nowrap{flex-wrap:nowrap}.us-flex-wrap{flex-wrap:wrap}.us-flex-wrap-reverse{flex-wrap:wrap-reverse}.us-grow-0{flex-grow:0}.us-grow-1{flex-grow:1}.us-shrink-0{flex-shrink:0}.us-shrink-1{flex-shrink:1}.us-justify-start{justify-content:flex-start}.us-justify-end{justify-content:flex-end}.us-justify-center{justify-content:center}.us-justify-between{justify-content:space-between}.us-justify-around{justify-content:space-around}.us-justify-evenly{justify-content:space-evenly}.us-items-start{align-items:flex-start}.us-items-end{align-items:flex-end}.us-items-center{align-items:center}.us-items-stretch{align-items:stretch}.us-items-baseline{align-items:baseline}.us-gap-0{gap:0}.us-gap-1{gap:.25rem}.us-gap-2{gap:.5rem}.us-gap-3{gap:.75rem}.us-gap-4{gap:1rem}.us-gap-5{gap:1.25rem}.us-gap-6{gap:1.5rem}.us-gap-7{gap:1.75rem}.us-gap-8{gap:2rem}.us-gap-x-0{column-gap:0}.us-gap-x-1{column-gap:.25rem}.us-gap-x-2{column-gap:.5rem}.us-gap-x-3{column-gap:.75rem}.us-gap-x-4{column-gap:1rem}.us-gap-x-5{column-gap:1.25rem}.us-gap-x-6{column-gap:1.5rem}.us-gap-x-7{column-gap:1.75rem}.us-gap-x-8{column-gap:2rem}.us-gap-y-0{row-gap:0}.us-gap-y-1{row-gap:.25rem}.us-gap-y-2{row-gap:.5rem}.us-gap-y-3{row-gap:.75rem}.us-gap-y-4{row-gap:1rem}.us-gap-y-5{row-gap:1.25rem}.us-gap-y-6{row-gap:1.5rem}.us-gap-y-7{row-gap:1.75rem}.us-gap-y-8{row-gap:2rem}@media screen and (min-width: 0px){.xs\:us-h-full{height:100%}.xs\:us-h-screen{height:100dvh}.xs\:us-overflow-auto{overflow:auto}.xs\:us-overflow-hidden{overflow:hidden}.xs\:us-d-block{display:block}.xs\:us-d-inline{display:inline}.xs\:us-d-flex{display:flex}.xs\:us-d-grid{display:grid}.xs\:us-d-contents{display:contents}.xs\:us-d-none{display:none}.xs\:us-flex-row{flex-direction:row}.xs\:us-flex-row-reverse{flex-direction:row-reverse}.xs\:us-flex-col{flex-direction:column}.xs\:us-flex-col-reverse{flex-direction:column-reverse}.xs\:us-flex-nowrap{flex-wrap:nowrap}.xs\:us-flex-wrap{flex-wrap:wrap}.xs\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xs\:us-grow-0{flex-grow:0}.xs\:us-grow-1{flex-grow:1}.xs\:us-shrink-0{flex-shrink:0}.xs\:us-shrink-1{flex-shrink:1}.xs\:us-justify-start{justify-content:flex-start}.xs\:us-justify-end{justify-content:flex-end}.xs\:us-justify-center{justify-content:center}.xs\:us-justify-between{justify-content:space-between}.xs\:us-justify-around{justify-content:space-around}.xs\:us-justify-evenly{justify-content:space-evenly}.xs\:us-items-start{align-items:flex-start}.xs\:us-items-end{align-items:flex-end}.xs\:us-items-center{align-items:center}.xs\:us-items-stretch{align-items:stretch}.xs\:us-items-baseline{align-items:baseline}.xs\:us-gap-0{gap:0}.xs\:us-gap-1{gap:.25rem}.xs\:us-gap-2{gap:.5rem}.xs\:us-gap-3{gap:.75rem}.xs\:us-gap-4{gap:1rem}.xs\:us-gap-5{gap:1.25rem}.xs\:us-gap-6{gap:1.5rem}.xs\:us-gap-7{gap:1.75rem}.xs\:us-gap-8{gap:2rem}.xs\:us-gap-x-0{column-gap:0}.xs\:us-gap-x-1{column-gap:.25rem}.xs\:us-gap-x-2{column-gap:.5rem}.xs\:us-gap-x-3{column-gap:.75rem}.xs\:us-gap-x-4{column-gap:1rem}.xs\:us-gap-x-5{column-gap:1.25rem}.xs\:us-gap-x-6{column-gap:1.5rem}.xs\:us-gap-x-7{column-gap:1.75rem}.xs\:us-gap-x-8{column-gap:2rem}.xs\:us-gap-y-0{row-gap:0}.xs\:us-gap-y-1{row-gap:.25rem}.xs\:us-gap-y-2{row-gap:.5rem}.xs\:us-gap-y-3{row-gap:.75rem}.xs\:us-gap-y-4{row-gap:1rem}.xs\:us-gap-y-5{row-gap:1.25rem}.xs\:us-gap-y-6{row-gap:1.5rem}.xs\:us-gap-y-7{row-gap:1.75rem}.xs\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 600px){.sm\:us-h-full{height:100%}.sm\:us-h-screen{height:100dvh}.sm\:us-overflow-auto{overflow:auto}.sm\:us-overflow-hidden{overflow:hidden}.sm\:us-d-block{display:block}.sm\:us-d-inline{display:inline}.sm\:us-d-flex{display:flex}.sm\:us-d-grid{display:grid}.sm\:us-d-contents{display:contents}.sm\:us-d-none{display:none}.sm\:us-flex-row{flex-direction:row}.sm\:us-flex-row-reverse{flex-direction:row-reverse}.sm\:us-flex-col{flex-direction:column}.sm\:us-flex-col-reverse{flex-direction:column-reverse}.sm\:us-flex-nowrap{flex-wrap:nowrap}.sm\:us-flex-wrap{flex-wrap:wrap}.sm\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:us-grow-0{flex-grow:0}.sm\:us-grow-1{flex-grow:1}.sm\:us-shrink-0{flex-shrink:0}.sm\:us-shrink-1{flex-shrink:1}.sm\:us-justify-start{justify-content:flex-start}.sm\:us-justify-end{justify-content:flex-end}.sm\:us-justify-center{justify-content:center}.sm\:us-justify-between{justify-content:space-between}.sm\:us-justify-around{justify-content:space-around}.sm\:us-justify-evenly{justify-content:space-evenly}.sm\:us-items-start{align-items:flex-start}.sm\:us-items-end{align-items:flex-end}.sm\:us-items-center{align-items:center}.sm\:us-items-stretch{align-items:stretch}.sm\:us-items-baseline{align-items:baseline}.sm\:us-gap-0{gap:0}.sm\:us-gap-1{gap:.25rem}.sm\:us-gap-2{gap:.5rem}.sm\:us-gap-3{gap:.75rem}.sm\:us-gap-4{gap:1rem}.sm\:us-gap-5{gap:1.25rem}.sm\:us-gap-6{gap:1.5rem}.sm\:us-gap-7{gap:1.75rem}.sm\:us-gap-8{gap:2rem}.sm\:us-gap-x-0{column-gap:0}.sm\:us-gap-x-1{column-gap:.25rem}.sm\:us-gap-x-2{column-gap:.5rem}.sm\:us-gap-x-3{column-gap:.75rem}.sm\:us-gap-x-4{column-gap:1rem}.sm\:us-gap-x-5{column-gap:1.25rem}.sm\:us-gap-x-6{column-gap:1.5rem}.sm\:us-gap-x-7{column-gap:1.75rem}.sm\:us-gap-x-8{column-gap:2rem}.sm\:us-gap-y-0{row-gap:0}.sm\:us-gap-y-1{row-gap:.25rem}.sm\:us-gap-y-2{row-gap:.5rem}.sm\:us-gap-y-3{row-gap:.75rem}.sm\:us-gap-y-4{row-gap:1rem}.sm\:us-gap-y-5{row-gap:1.25rem}.sm\:us-gap-y-6{row-gap:1.5rem}.sm\:us-gap-y-7{row-gap:1.75rem}.sm\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 960px){.md\:us-h-full{height:100%}.md\:us-h-screen{height:100dvh}.md\:us-overflow-auto{overflow:auto}.md\:us-overflow-hidden{overflow:hidden}.md\:us-d-block{display:block}.md\:us-d-inline{display:inline}.md\:us-d-flex{display:flex}.md\:us-d-grid{display:grid}.md\:us-d-contents{display:contents}.md\:us-d-none{display:none}.md\:us-flex-row{flex-direction:row}.md\:us-flex-row-reverse{flex-direction:row-reverse}.md\:us-flex-col{flex-direction:column}.md\:us-flex-col-reverse{flex-direction:column-reverse}.md\:us-flex-nowrap{flex-wrap:nowrap}.md\:us-flex-wrap{flex-wrap:wrap}.md\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:us-grow-0{flex-grow:0}.md\:us-grow-1{flex-grow:1}.md\:us-shrink-0{flex-shrink:0}.md\:us-shrink-1{flex-shrink:1}.md\:us-justify-start{justify-content:flex-start}.md\:us-justify-end{justify-content:flex-end}.md\:us-justify-center{justify-content:center}.md\:us-justify-between{justify-content:space-between}.md\:us-justify-around{justify-content:space-around}.md\:us-justify-evenly{justify-content:space-evenly}.md\:us-items-start{align-items:flex-start}.md\:us-items-end{align-items:flex-end}.md\:us-items-center{align-items:center}.md\:us-items-stretch{align-items:stretch}.md\:us-items-baseline{align-items:baseline}.md\:us-gap-0{gap:0}.md\:us-gap-1{gap:.25rem}.md\:us-gap-2{gap:.5rem}.md\:us-gap-3{gap:.75rem}.md\:us-gap-4{gap:1rem}.md\:us-gap-5{gap:1.25rem}.md\:us-gap-6{gap:1.5rem}.md\:us-gap-7{gap:1.75rem}.md\:us-gap-8{gap:2rem}.md\:us-gap-x-0{column-gap:0}.md\:us-gap-x-1{column-gap:.25rem}.md\:us-gap-x-2{column-gap:.5rem}.md\:us-gap-x-3{column-gap:.75rem}.md\:us-gap-x-4{column-gap:1rem}.md\:us-gap-x-5{column-gap:1.25rem}.md\:us-gap-x-6{column-gap:1.5rem}.md\:us-gap-x-7{column-gap:1.75rem}.md\:us-gap-x-8{column-gap:2rem}.md\:us-gap-y-0{row-gap:0}.md\:us-gap-y-1{row-gap:.25rem}.md\:us-gap-y-2{row-gap:.5rem}.md\:us-gap-y-3{row-gap:.75rem}.md\:us-gap-y-4{row-gap:1rem}.md\:us-gap-y-5{row-gap:1.25rem}.md\:us-gap-y-6{row-gap:1.5rem}.md\:us-gap-y-7{row-gap:1.75rem}.md\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1264px){.lg\:us-h-full{height:100%}.lg\:us-h-screen{height:100dvh}.lg\:us-overflow-auto{overflow:auto}.lg\:us-overflow-hidden{overflow:hidden}.lg\:us-d-block{display:block}.lg\:us-d-inline{display:inline}.lg\:us-d-flex{display:flex}.lg\:us-d-grid{display:grid}.lg\:us-d-contents{display:contents}.lg\:us-d-none{display:none}.lg\:us-flex-row{flex-direction:row}.lg\:us-flex-row-reverse{flex-direction:row-reverse}.lg\:us-flex-col{flex-direction:column}.lg\:us-flex-col-reverse{flex-direction:column-reverse}.lg\:us-flex-nowrap{flex-wrap:nowrap}.lg\:us-flex-wrap{flex-wrap:wrap}.lg\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:us-grow-0{flex-grow:0}.lg\:us-grow-1{flex-grow:1}.lg\:us-shrink-0{flex-shrink:0}.lg\:us-shrink-1{flex-shrink:1}.lg\:us-justify-start{justify-content:flex-start}.lg\:us-justify-end{justify-content:flex-end}.lg\:us-justify-center{justify-content:center}.lg\:us-justify-between{justify-content:space-between}.lg\:us-justify-around{justify-content:space-around}.lg\:us-justify-evenly{justify-content:space-evenly}.lg\:us-items-start{align-items:flex-start}.lg\:us-items-end{align-items:flex-end}.lg\:us-items-center{align-items:center}.lg\:us-items-stretch{align-items:stretch}.lg\:us-items-baseline{align-items:baseline}.lg\:us-gap-0{gap:0}.lg\:us-gap-1{gap:.25rem}.lg\:us-gap-2{gap:.5rem}.lg\:us-gap-3{gap:.75rem}.lg\:us-gap-4{gap:1rem}.lg\:us-gap-5{gap:1.25rem}.lg\:us-gap-6{gap:1.5rem}.lg\:us-gap-7{gap:1.75rem}.lg\:us-gap-8{gap:2rem}.lg\:us-gap-x-0{column-gap:0}.lg\:us-gap-x-1{column-gap:.25rem}.lg\:us-gap-x-2{column-gap:.5rem}.lg\:us-gap-x-3{column-gap:.75rem}.lg\:us-gap-x-4{column-gap:1rem}.lg\:us-gap-x-5{column-gap:1.25rem}.lg\:us-gap-x-6{column-gap:1.5rem}.lg\:us-gap-x-7{column-gap:1.75rem}.lg\:us-gap-x-8{column-gap:2rem}.lg\:us-gap-y-0{row-gap:0}.lg\:us-gap-y-1{row-gap:.25rem}.lg\:us-gap-y-2{row-gap:.5rem}.lg\:us-gap-y-3{row-gap:.75rem}.lg\:us-gap-y-4{row-gap:1rem}.lg\:us-gap-y-5{row-gap:1.25rem}.lg\:us-gap-y-6{row-gap:1.5rem}.lg\:us-gap-y-7{row-gap:1.75rem}.lg\:us-gap-y-8{row-gap:2rem}}@media screen and (min-width: 1904px){.xl\:us-h-full{height:100%}.xl\:us-h-screen{height:100dvh}.xl\:us-overflow-auto{overflow:auto}.xl\:us-overflow-hidden{overflow:hidden}.xl\:us-d-block{display:block}.xl\:us-d-inline{display:inline}.xl\:us-d-flex{display:flex}.xl\:us-d-grid{display:grid}.xl\:us-d-contents{display:contents}.xl\:us-d-none{display:none}.xl\:us-flex-row{flex-direction:row}.xl\:us-flex-row-reverse{flex-direction:row-reverse}.xl\:us-flex-col{flex-direction:column}.xl\:us-flex-col-reverse{flex-direction:column-reverse}.xl\:us-flex-nowrap{flex-wrap:nowrap}.xl\:us-flex-wrap{flex-wrap:wrap}.xl\:us-flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:us-grow-0{flex-grow:0}.xl\:us-grow-1{flex-grow:1}.xl\:us-shrink-0{flex-shrink:0}.xl\:us-shrink-1{flex-shrink:1}.xl\:us-justify-start{justify-content:flex-start}.xl\:us-justify-end{justify-content:flex-end}.xl\:us-justify-center{justify-content:center}.xl\:us-justify-between{justify-content:space-between}.xl\:us-justify-around{justify-content:space-around}.xl\:us-justify-evenly{justify-content:space-evenly}.xl\:us-items-start{align-items:flex-start}.xl\:us-items-end{align-items:flex-end}.xl\:us-items-center{align-items:center}.xl\:us-items-stretch{align-items:stretch}.xl\:us-items-baseline{align-items:baseline}.xl\:us-gap-0{gap:0}.xl\:us-gap-1{gap:.25rem}.xl\:us-gap-2{gap:.5rem}.xl\:us-gap-3{gap:.75rem}.xl\:us-gap-4{gap:1rem}.xl\:us-gap-5{gap:1.25rem}.xl\:us-gap-6{gap:1.5rem}.xl\:us-gap-7{gap:1.75rem}.xl\:us-gap-8{gap:2rem}.xl\:us-gap-x-0{column-gap:0}.xl\:us-gap-x-1{column-gap:.25rem}.xl\:us-gap-x-2{column-gap:.5rem}.xl\:us-gap-x-3{column-gap:.75rem}.xl\:us-gap-x-4{column-gap:1rem}.xl\:us-gap-x-5{column-gap:1.25rem}.xl\:us-gap-x-6{column-gap:1.5rem}.xl\:us-gap-x-7{column-gap:1.75rem}.xl\:us-gap-x-8{column-gap:2rem}.xl\:us-gap-y-0{row-gap:0}.xl\:us-gap-y-1{row-gap:.25rem}.xl\:us-gap-y-2{row-gap:.5rem}.xl\:us-gap-y-3{row-gap:.75rem}.xl\:us-gap-y-4{row-gap:1rem}.xl\:us-gap-y-5{row-gap:1.25rem}.xl\:us-gap-y-6{row-gap:1.5rem}.xl\:us-gap-y-7{row-gap:1.75rem}.xl\:us-gap-y-8{row-gap:2rem}}.us-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.us-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.us-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.slider-container{width:300px;height:20px;background-color:#ccc;position:relative;margin-top:20px}.slider-point{width:20px;height:20px;background-color:#007bff;border-radius:50%;position:absolute;cursor:pointer}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifiedsoftware/styles",
3
- "version": "1.0.52",
3
+ "version": "1.0.54",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/components/_backdrop.scss CHANGED
@@ -6,10 +6,39 @@
6
6
  left: 0;
7
7
  width: 100%;
8
8
  height: 100vh;
9
- z-index: 20;
9
+ z-index: 10;
10
10
  display: flex;
11
- justify-content: center;
12
- align-items: center;
11
+ background-color: rgba(0, 0, 0, 0.6);
12
+
13
+ &--scrollable {
14
+ overflow: auto;
15
+ }
16
+
17
+ &--top,
18
+ &--bottom,
19
+ &--center {
20
+ justify-content: center;
21
+ }
22
+
23
+ &--top {
24
+ align-items: flex-start;
25
+ }
26
+
27
+ &--center {
28
+ align-items: center;
29
+ }
30
+
31
+ &--bottom {
32
+ align-items: flex-end;
33
+ }
34
+
35
+ &--left {
36
+ justify-content: flex-start;
37
+ }
38
+
39
+ &--right {
40
+ justify-content: flex-end;
41
+ }
13
42
 
14
43
  &-enter {
15
44
  opacity: 0;
@@ -29,12 +58,4 @@
29
58
  transition: opacity 200ms;
30
59
  transition-delay: 300ms;
31
60
  }
32
-
33
- &__overlay {
34
- position: absolute;
35
- width: 100%;
36
- height: 100%;
37
- z-index: -10;
38
- background-color: rgba(0, 0, 0, 0.6);
39
- }
40
61
  }
package/scss/components/_card.scss CHANGED
@@ -28,6 +28,8 @@
28
28
  }
29
29
 
30
30
  &-header {
31
+ position: relative;
32
+ flex-shrink: 0;
31
33
  height: var(--#{$prefix}card-header-height);
32
34
  min-height: var(--#{$prefix}card-header-min-height);
33
35
  padding-block: var(--#{$prefix}card-header-padding-y);
package/scss/components/_drawer.scss CHANGED
@@ -10,6 +10,8 @@
10
10
  flex-direction: column;
11
11
 
12
12
  &-header {
13
+ position: relative;
14
+ flex-shrink: 0;
13
15
  height: var(--#{$prefix}drawer-header-height);
14
16
  min-height: var(--#{$prefix}drawer-header-min-height);
15
17
  padding-block: var(--#{$prefix}drawer-header-padding-y);
package/scss/components/_index.scss CHANGED
@@ -13,6 +13,7 @@
13
13
  @use 'backdrop';
14
14
  @use 'popover';
15
15
  @use 'drawer';
16
+ @use 'modal';
16
17
 
17
18
  @use 'input';
18
19
  @use 'switch';
package/scss/components/_modal.scss ADDED
@@ -0,0 +1,178 @@
1
+ @use '../variables' as *;
2
+
3
+ .#{$prefix}modal {
4
+ z-index: 20;
5
+ position: relative;
6
+ overflow: hidden;
7
+ max-width: var(--#{$prefix}modal-width);
8
+ width: 100%;
9
+ border-radius: var(--#{$prefix}modal-border-radius);
10
+ border-width: var(--#{$prefix}modal-border-width);
11
+ border-style: solid;
12
+ border-color: var(--#{$prefix}modal-border-color);
13
+ color: var(--#{$prefix}modal-color);
14
+ display: flex;
15
+ flex-direction: column;
16
+ background-color: var(--#{$prefix}modal-background);
17
+
18
+ &-wrapper {
19
+ padding: var(--#{$prefix}modal-wrapper-padding);
20
+ }
21
+
22
+ &--top {
23
+ margin-bottom: auto;
24
+ }
25
+
26
+ &--center {
27
+ margin-top: auto;
28
+ margin-bottom: auto;
29
+ }
30
+
31
+ &--bottom {
32
+ margin-top: auto;
33
+ }
34
+
35
+ &--fullscreen {
36
+ max-width: 100%;
37
+ padding: 0;
38
+ }
39
+
40
+ &--fullscreen &-content {
41
+ height: 100vh;
42
+ border-radius: 0px;
43
+ border-width: 0px;
44
+ }
45
+
46
+ & > form {
47
+ width: inherit;
48
+ max-width: inherit;
49
+ height: inherit;
50
+ max-height: inherit;
51
+ display: inherit;
52
+ flex-direction: inherit;
53
+ align-items: inherit;
54
+ justify-content: inherit;
55
+ }
56
+
57
+ &--scroll-inside {
58
+ height: calc(100vh - (2 * var(--#{$prefix}modal-wrapper-padding)));
59
+ }
60
+
61
+ &-header {
62
+ position: relative;
63
+ flex-shrink: 0;
64
+ height: var(--#{$prefix}modal-header-height);
65
+ min-height: var(--#{$prefix}modal-header-min-height);
66
+ border-bottom: 0px solid #ddd;
67
+ padding-block: var(--#{$prefix}modal-header-padding-y);
68
+ padding-inline: var(--#{$prefix}modal-header-padding-x);
69
+ display: flex;
70
+ align-items: center;
71
+ gap: var(--#{$prefix}modal-header-gap);
72
+
73
+ &__start-content,
74
+ &__end-content {
75
+ flex-shrink: 0;
76
+ }
77
+
78
+ &__content {
79
+ flex-grow: 1;
80
+ display: flex;
81
+ flex-direction: column;
82
+ gap: var(--#{$prefix}modal-header-content-gap);
83
+ }
84
+
85
+ &__title {
86
+ font-size: var(--#{$prefix}modal-header-title-font-size);
87
+ font-weight: var(--#{$prefix}modal-header-title-font-weight);
88
+ line-height: var(--#{$prefix}modal-header-title-line-height);
89
+ overflow: hidden;
90
+ color: var(--#{$prefix}modal-header-title-color);
91
+ display: -webkit-box;
92
+ -webkit-box-orient: vertical;
93
+ -webkit-line-clamp: 1;
94
+ }
95
+
96
+ &__subtitle {
97
+ font-size: var(--#{$prefix}modal-header-subtitle-font-size);
98
+ font-weight: var(--#{$prefix}modal-header-subtitle-font-weight);
99
+ line-height: var(--#{$prefix}modal-header-subtitle-line-height);
100
+ overflow: hidden;
101
+ color: var(--#{$prefix}modal-header-subtitle-color);
102
+ display: -webkit-box;
103
+ -webkit-box-orient: vertical;
104
+ -webkit-line-clamp: 1;
105
+ }
106
+ }
107
+
108
+ &-header:not(&-header--bordered) ~ &-body:not([data-hidden='true']),
109
+ &-header:not(&-header--bordered) ~ :not([hidden]) &-body:not([data-hidden='true']) {
110
+ padding-top: 0;
111
+ }
112
+
113
+ &-header--bordered {
114
+ border-bottom-width: 1px;
115
+ }
116
+
117
+ &-body {
118
+ flex-grow: 1;
119
+ padding-block: var(--#{$prefix}modal-body-padding-y);
120
+ padding-inline: var(--#{$prefix}modal-body-padding-x);
121
+ font-size: var(--#{$prefix}modal-body-font-size);
122
+ line-height: var(--#{$prefix}modal-body-line-height);
123
+ color: var(--#{$prefix}modal-body-color);
124
+ }
125
+
126
+ &--scroll-inside &-body {
127
+ overflow-y: auto;
128
+ }
129
+
130
+ &-footer {
131
+ flex-shrink: 0;
132
+ position: relative;
133
+ min-height: var(--#{$prefix}modal-footer-min-height);
134
+ padding-block: var(--#{$prefix}modal-footer-padding-y);
135
+ padding-inline: var(--#{$prefix}modal-footer-padding-x);
136
+ border-top-width: var(--#{$prefix}modal-footer-border-width);
137
+ border-top-style: solid;
138
+ border-top-color: var(--#{$prefix}modal-footer-border-color);
139
+ background-color: var(--#{$prefix}modal-footer-background);
140
+ display: flex;
141
+ justify-content: flex-end;
142
+ align-items: center;
143
+ gap: 0.5rem;
144
+ }
145
+
146
+ &-appear,
147
+ &-enter {
148
+ opacity: 0;
149
+ transform: scale(0.9);
150
+ }
151
+
152
+ &-appear-active,
153
+ &-enter-active {
154
+ opacity: 1;
155
+ transform: scale(1);
156
+ transition:
157
+ opacity 100ms,
158
+ transform 200ms;
159
+ transition-delay: 300ms;
160
+ }
161
+
162
+ &-exit {
163
+ opacity: 1;
164
+ transform: scale(1);
165
+ }
166
+
167
+ &-exit-active {
168
+ opacity: 0;
169
+ transform: scale(0.9);
170
+ transition:
171
+ opacity 300ms,
172
+ transform 300ms;
173
+ }
174
+
175
+ &-fullscreen#{&}-exit-active {
176
+ transform: translateY(100%);
177
+ }
178
+ }
package/scss/themes/fci/components/_drawer.scss CHANGED
@@ -33,8 +33,8 @@
33
33
  --#{$prefix}drawer-header-subtitle-font-weight: 400;
34
34
  --#{$prefix}drawer-header-subtitle-color: var(--#{$prefix}subtitle-color);
35
35
 
36
- --#{$prefix}drawer-header-min-height: 56px;
37
- --#{$prefix}drawer-header-padding-y: 0.625rem;
36
+ --#{$prefix}drawer-header-min-height: 48px;
37
+ --#{$prefix}drawer-header-padding-y: 0.5rem;
38
38
  --#{$prefix}drawer-header-padding-x: 1rem;
39
39
  --#{$prefix}drawer-header-padding-level: 1.25rem;
40
40
  --#{$prefix}drawer-header-gap: 1rem;
@@ -47,11 +47,8 @@
47
47
  }
48
48
 
49
49
  &-body {
50
- --#{$prefix}drawer-body-padding-y: 1.25rem;
50
+ --#{$prefix}drawer-body-padding-y: 1rem;
51
51
  --#{$prefix}drawer-body-padding-x: 1rem;
52
- --#{$prefix}drawer-body-font-size: 0.875rem;
53
- --#{$prefix}drawer-body-line-height: 20px;
54
- --#{$prefix}drawer-body-color: var(--#{$prefix}body-color);
55
52
  }
56
53
  }
57
54
  }
package/scss/themes/fci/components/_index.scss CHANGED
@@ -9,6 +9,7 @@
9
9
  @use 'button';
10
10
 
11
11
  @use 'drawer';
12
+ @use 'modal';
12
13
 
13
14
  @use 'input';
14
15
  @use 'switch';
package/scss/themes/fci/components/_modal.scss ADDED
@@ -0,0 +1,69 @@
1
+ @use '../../../variables' as *;
2
+
3
+ .#{$prefix}theme-fci {
4
+ .#{$prefix}modal {
5
+ --#{$prefix}modal-border-width: 1px;
6
+ --#{$prefix}modal-border-radius: 6px;
7
+ --#{$prefix}modal-border-color: rgba(9, 30, 66, 0.14);
8
+ --#{$prefix}modal-background: #fff;
9
+
10
+ &-wrapper {
11
+ --#{$prefix}modal-wrapper-padding: 1rem;
12
+ }
13
+
14
+ &--sm {
15
+ --#{$prefix}modal-width: 480px;
16
+ }
17
+
18
+ &--md {
19
+ --#{$prefix}modal-width: 640px;
20
+ }
21
+
22
+ &--lg {
23
+ --#{$prefix}modal-width: 720px;
24
+ }
25
+
26
+ &--xl {
27
+ --#{$prefix}modal-width: 1080px;
28
+ }
29
+
30
+ &--full {
31
+ --#{$prefix}modal-width: 100%;
32
+ }
33
+
34
+ &-header {
35
+ --#{$prefix}modal-header-border-color: rgba(9, 30, 66, 0.14);
36
+
37
+ --#{$prefix}modal-header-title-font-weight: 500;
38
+ --#{$prefix}modal-header-title-color: var(--#{$prefix}title-color);
39
+
40
+ --#{$prefix}modal-header-subtitle-font-weight: 400;
41
+ --#{$prefix}modal-header-subtitle-color: var(--#{$prefix}subtitle-color);
42
+
43
+ --#{$prefix}modal-header-min-height: 48px;
44
+ --#{$prefix}modal-header-padding-y: 0.5rem;
45
+ --#{$prefix}modal-header-padding-x: 1rem;
46
+ --#{$prefix}modal-header-gap: 1rem;
47
+
48
+ --#{$prefix}modal-header-title-font-size: 1rem;
49
+ --#{$prefix}modal-header-title-line-height: 20px;
50
+
51
+ --#{$prefix}modal-header-subtitle-font-size: 0.75rem;
52
+ --#{$prefix}modal-header-subtitle-line-height: 16px;
53
+ }
54
+
55
+ &-body {
56
+ --#{$prefix}modal-body-padding-y: 1rem;
57
+ --#{$prefix}modal-body-padding-x: 1rem;
58
+ }
59
+
60
+ &-footer {
61
+ --#{$prefix}modal-footer-min-height: 48px;
62
+ --#{$prefix}modal-footer-padding-y: 0.5rem;
63
+ --#{$prefix}modal-footer-padding-x: 1rem;
64
+
65
+ --#{$prefix}modal-footer-border-width: 1px;
66
+ --#{$prefix}modal-footer-border-color: rgba(9, 30, 66, 0.14);
67
+ }
68
+ }
69
+ }