@unifiedsoftware/styles 1.0.59 → 1.0.61

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 (9) hide show
  1. package/css/fci.css +147 -7
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +88 -23
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_badge.scss +2 -2
  7. package/scss/components/_input.scss +13 -3
  8. package/scss/mixins/_overlay.scss +13 -0
  9. package/scss/themes/fci/components/_input.scss +188 -7
package/css/fci.css CHANGED
@@ -652,25 +652,165 @@
652
652
  }
653
653
 
654
654
  .us-theme-fci .us-input {
655
- --us-input-padding-y: 0.25rem;
656
- --us-input-padding-x: 0.875rem;
657
- --us-input-height: 32px;
658
- --us-input-font-size: 0.75rem;
659
655
  --us-input-font-family: var(--us-font-sans);
660
- --us-input-line-height: 24px;
661
656
  --us-input-border-radius: 6px;
662
657
  --us-input-gap: 0.5rem;
663
658
  --us-input-icon-size: 1.125rem;
664
659
  }
665
- .us-theme-fci .us-input > .us-outline {
660
+ .us-theme-fci .us-input--xs {
661
+ --us-input-height: 24px;
662
+ --us-input-padding-y: 0.282rem;
663
+ --us-input-padding-x: 0.625rem;
664
+ --us-input-font-size: 0.75rem;
665
+ }
666
+ .us-theme-fci .us-input--sm {
667
+ --us-input-height: 28px;
668
+ --us-input-padding-y: 0.407rem;
669
+ --us-input-padding-x: 0.75rem;
670
+ --us-input-font-size: 0.75rem;
671
+ }
672
+ .us-theme-fci .us-input--md {
673
+ --us-input-height: 32px;
674
+ --us-input-padding-y: 0.532rem;
675
+ --us-input-padding-x: 0.875rem;
676
+ --us-input-font-size: 0.75rem;
677
+ }
678
+ .us-theme-fci .us-input--lg {
679
+ --us-input-height: 36px;
680
+ --us-input-padding-y: 0.625rem;
681
+ --us-input-padding-x: 1rem;
682
+ --us-input-font-size: 0.85rem;
683
+ }
684
+ .us-theme-fci .us-input--xl {
685
+ --us-input-height: 40px;
686
+ --us-input-padding-y: 0.75rem;
687
+ --us-input-padding-x: 1.125rem;
688
+ --us-input-font-size: 0.85rem;
689
+ }
690
+ .us-theme-fci .us-input--filled > .us-outline {
691
+ --us-outline-border-width: 1px;
692
+ --us-outline-focus-border-width: 1px;
693
+ }
694
+ .us-theme-fci .us-input--outlined > .us-overlay {
695
+ --us-overlay-color: inherit;
696
+ --us-overlay-opacity: 0;
697
+ }
698
+ .us-theme-fci .us-input--outlined > .us-outline {
666
699
  --us-outline-border-width: 1px;
700
+ --us-outline-focus-border-width: 1px;
701
+ }
702
+ .us-theme-fci .us-input--flat > .us-outline {
703
+ --us-outline-border-width: 1px;
704
+ --us-outline-focus-border-width: 1px;
705
+ }
706
+ .us-theme-fci .us-input--text {
707
+ --us-input-padding-x: 0;
708
+ }
709
+ .us-theme-fci .us-input--text > .us-outline {
710
+ --us-outline-border-width: 1px;
711
+ }
712
+ .us-theme-fci .us-input--filled.us-input--inherit {
713
+ --us-input-placeholder-color: rgba(0, 0, 0, 0.6);
714
+ }
715
+ .us-theme-fci .us-input--filled.us-input--inherit > .us-overlay {
716
+ --us-overlay-color: #fff;
717
+ --us-overlay-opacity: 1;
718
+ }
719
+ .us-theme-fci .us-input--filled.us-input--inherit > .us-outline {
720
+ --us-outline-border-color: transparent;
721
+ --us-outline-focus-border-color: var(--us-primary-color);
722
+ --us-outline-focus-opacity: 1;
723
+ }
724
+ .us-theme-fci .us-input--filled.us-input--light > .us-overlay {
725
+ --us-overlay-color: #fff;
726
+ --us-overlay-opacity: 0.8;
727
+ --us-_hover-overlay-opacity: 1;
728
+ --us-_focus-overlay-opacity: 1;
729
+ }
730
+ .us-theme-fci .us-input--filled.us-input--light > .us-outline {
731
+ --us-outline-border-color: transparent;
732
+ --us-outline-focus-border-color: #fff;
733
+ --us-outline-focus-opacity: 1;
734
+ }
735
+ .us-theme-fci .us-input--outlined.us-input--inherit {
736
+ --us-input-placeholder-color: rgba(0, 0, 0, 0.6);
737
+ }
738
+ .us-theme-fci .us-input--outlined.us-input--inherit > .us-overlay {
739
+ --us-overlay-color: inherit;
740
+ --us-overlay-opacity: 0;
741
+ }
742
+ .us-theme-fci .us-input--outlined.us-input--inherit > .us-outline {
667
743
  --us-outline-border-color: currentColor;
668
744
  --us-outline-opacity: 0.12;
669
745
  --us-outline-hover-opacity: 0.24;
670
- --us-outline-focus-border-width: 1px;
671
746
  --us-outline-focus-border-color: var(--us-primary-color);
672
747
  --us-outline-focus-opacity: 1;
673
748
  }
749
+ .us-theme-fci .us-input--outlined.us-input--light {
750
+ --us-input-color: #fff;
751
+ --us-input-placeholder-color: rgba(255, 255, 255, 0.6);
752
+ }
753
+ .us-theme-fci .us-input--outlined.us-input--light > .us-overlay {
754
+ --us-overlay-color: inherit;
755
+ --us-overlay-opacity: 0;
756
+ }
757
+ .us-theme-fci .us-input--outlined.us-input--light > .us-outline {
758
+ --us-outline-border-color: #fff;
759
+ --us-outline-opacity: 0.24;
760
+ --us-outline-hover-opacity: 0.36;
761
+ --us-outline-focus-border-color: #fff;
762
+ --us-outline-focus-opacity: 1;
763
+ }
764
+ .us-theme-fci .us-input--flat.us-input--inherit {
765
+ --us-input-placeholder-color: rgba(0, 0, 0, 0.6);
766
+ }
767
+ .us-theme-fci .us-input--flat.us-input--inherit > .us-overlay {
768
+ --us-overlay-color: inherit;
769
+ --us-overlay-opacity: 0.08;
770
+ --us-_hover-overlay-opacity: 0.12;
771
+ --us-_active-overlay-opacity: 0.24;
772
+ }
773
+ .us-theme-fci .us-input--flat.us-input--inherit > .us-outline {
774
+ --us-outline-border-color: transparent;
775
+ --us-outline-focus-border-color: var(--us-primary-color);
776
+ --us-outline-focus-opacity: 1;
777
+ }
778
+ .us-theme-fci .us-input--flat.us-input--light {
779
+ --us-input-color: #fff;
780
+ --us-input-placeholder-color: rgba(255, 255, 255, 0.6);
781
+ }
782
+ .us-theme-fci .us-input--flat.us-input--light > .us-overlay {
783
+ --us-overlay-color: #fff;
784
+ --us-overlay-opacity: 0.12;
785
+ --us-_hover-overlay-opacity: 0.16;
786
+ --us-_active-overlay-opacity: 0.24;
787
+ }
788
+ .us-theme-fci .us-input--flat.us-input--light > .us-outline {
789
+ --us-outline-border-color: transparent;
790
+ --us-outline-focus-border-color: #fff;
791
+ --us-outline-focus-opacity: 1;
792
+ }
793
+ .us-theme-fci .us-input--text.us-input--inherit {
794
+ --us-input-placeholder-color: rgba(0, 0, 0, 0.6);
795
+ }
796
+ .us-theme-fci .us-input--text.us-input--inherit > .us-overlay {
797
+ --us-overlay-color: inherit;
798
+ --us-overlay-opacity: 0;
799
+ }
800
+ .us-theme-fci .us-input--text.us-input--inherit > .us-outline {
801
+ --us-outline-border-color: transparent;
802
+ }
803
+ .us-theme-fci .us-input--text.us-input--light {
804
+ --us-input-color: #fff;
805
+ --us-input-placeholder-color: rgba(255, 255, 255, 0.6);
806
+ }
807
+ .us-theme-fci .us-input--text.us-input--light > .us-overlay {
808
+ --us-overlay-color: transparent;
809
+ --us-overlay-opacity: 0;
810
+ }
811
+ .us-theme-fci .us-input--text.us-input--light > .us-outline {
812
+ --us-outline-border-color: transparent;
813
+ }
674
814
 
675
815
  .us-theme-fci .us-switch {
676
816
  --us-switch-width: 2.5rem;
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: #fff}.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-drawer-border-width: 1px;--us-drawer-border-color: rgba(9, 30, 66, 0.14)}.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-drawer-footer{--us-drawer-footer-min-height: 48px;--us-drawer-footer-padding-y: 0.5rem;--us-drawer-footer-padding-x: 1rem;--us-drawer-footer-border-color: rgba(9, 30, 66, 0.14)}.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-footer{--us-card-footer-min-height: 48px;--us-card-footer-padding-y: 0.5rem;--us-card-footer-padding-x: 1rem;--us-card-footer-border-color: rgba(9, 30, 66, 0.14)}.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;--us-shadow-none: none;--us-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--us-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--us-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--us-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--us-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.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: #fff}.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-drawer-border-width: 1px;--us-drawer-border-color: rgba(9, 30, 66, 0.14)}.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-drawer-footer{--us-drawer-footer-min-height: 48px;--us-drawer-footer-padding-y: 0.5rem;--us-drawer-footer-padding-x: 1rem;--us-drawer-footer-border-color: rgba(9, 30, 66, 0.14)}.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-font-family: var(--us-font-sans);--us-input-border-radius: 6px;--us-input-gap: 0.5rem;--us-input-icon-size: 1.125rem}.us-theme-fci .us-input--xs{--us-input-height: 24px;--us-input-padding-y: 0.282rem;--us-input-padding-x: 0.625rem;--us-input-font-size: 0.75rem}.us-theme-fci .us-input--sm{--us-input-height: 28px;--us-input-padding-y: 0.407rem;--us-input-padding-x: 0.75rem;--us-input-font-size: 0.75rem}.us-theme-fci .us-input--md{--us-input-height: 32px;--us-input-padding-y: 0.532rem;--us-input-padding-x: 0.875rem;--us-input-font-size: 0.75rem}.us-theme-fci .us-input--lg{--us-input-height: 36px;--us-input-padding-y: 0.625rem;--us-input-padding-x: 1rem;--us-input-font-size: 0.85rem}.us-theme-fci .us-input--xl{--us-input-height: 40px;--us-input-padding-y: 0.75rem;--us-input-padding-x: 1.125rem;--us-input-font-size: 0.85rem}.us-theme-fci .us-input--filled>.us-outline{--us-outline-border-width: 1px;--us-outline-focus-border-width: 1px}.us-theme-fci .us-input--outlined>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-input--outlined>.us-outline{--us-outline-border-width: 1px;--us-outline-focus-border-width: 1px}.us-theme-fci .us-input--flat>.us-outline{--us-outline-border-width: 1px;--us-outline-focus-border-width: 1px}.us-theme-fci .us-input--text{--us-input-padding-x: 0}.us-theme-fci .us-input--text>.us-outline{--us-outline-border-width: 1px}.us-theme-fci .us-input--filled.us-input--inherit{--us-input-placeholder-color: rgba(0, 0, 0, 0.6)}.us-theme-fci .us-input--filled.us-input--inherit>.us-overlay{--us-overlay-color: #fff;--us-overlay-opacity: 1}.us-theme-fci .us-input--filled.us-input--inherit>.us-outline{--us-outline-border-color: transparent;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-input--filled.us-input--light>.us-overlay{--us-overlay-color: #fff;--us-overlay-opacity: 0.8;--us-_hover-overlay-opacity: 1;--us-_focus-overlay-opacity: 1}.us-theme-fci .us-input--filled.us-input--light>.us-outline{--us-outline-border-color: transparent;--us-outline-focus-border-color: #fff;--us-outline-focus-opacity: 1}.us-theme-fci .us-input--outlined.us-input--inherit{--us-input-placeholder-color: rgba(0, 0, 0, 0.6)}.us-theme-fci .us-input--outlined.us-input--inherit>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-input--outlined.us-input--inherit>.us-outline{--us-outline-border-color: currentColor;--us-outline-opacity: 0.12;--us-outline-hover-opacity: 0.24;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-input--outlined.us-input--light{--us-input-color: #fff;--us-input-placeholder-color: rgba(255, 255, 255, 0.6)}.us-theme-fci .us-input--outlined.us-input--light>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-input--outlined.us-input--light>.us-outline{--us-outline-border-color: #fff;--us-outline-opacity: 0.24;--us-outline-hover-opacity: 0.36;--us-outline-focus-border-color: #fff;--us-outline-focus-opacity: 1}.us-theme-fci .us-input--flat.us-input--inherit{--us-input-placeholder-color: rgba(0, 0, 0, 0.6)}.us-theme-fci .us-input--flat.us-input--inherit>.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-input--flat.us-input--inherit>.us-outline{--us-outline-border-color: transparent;--us-outline-focus-border-color: var(--us-primary-color);--us-outline-focus-opacity: 1}.us-theme-fci .us-input--flat.us-input--light{--us-input-color: #fff;--us-input-placeholder-color: rgba(255, 255, 255, 0.6)}.us-theme-fci .us-input--flat.us-input--light>.us-overlay{--us-overlay-color: #fff;--us-overlay-opacity: 0.12;--us-_hover-overlay-opacity: 0.16;--us-_active-overlay-opacity: 0.24}.us-theme-fci .us-input--flat.us-input--light>.us-outline{--us-outline-border-color: transparent;--us-outline-focus-border-color: #fff;--us-outline-focus-opacity: 1}.us-theme-fci .us-input--text.us-input--inherit{--us-input-placeholder-color: rgba(0, 0, 0, 0.6)}.us-theme-fci .us-input--text.us-input--inherit>.us-overlay{--us-overlay-color: inherit;--us-overlay-opacity: 0}.us-theme-fci .us-input--text.us-input--inherit>.us-outline{--us-outline-border-color: transparent}.us-theme-fci .us-input--text.us-input--light{--us-input-color: #fff;--us-input-placeholder-color: rgba(255, 255, 255, 0.6)}.us-theme-fci .us-input--text.us-input--light>.us-overlay{--us-overlay-color: transparent;--us-overlay-opacity: 0}.us-theme-fci .us-input--text.us-input--light>.us-outline{--us-outline-border-color: transparent}.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-footer{--us-card-footer-min-height: 48px;--us-card-footer-padding-y: 0.5rem;--us-card-footer-padding-x: 1rem;--us-card-footer-border-color: rgba(9, 30, 66, 0.14)}.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;--us-shadow-none: none;--us-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--us-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--us-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--us-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--us-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}
package/css/styles.css CHANGED
@@ -30,6 +30,10 @@
30
30
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
31
31
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
32
32
  }
33
+ .us-toolbar--focus > .us-overlay, .us-toolbar--focus:hover > .us-overlay, .us-toolbar:focus > .us-overlay {
34
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
35
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
36
+ }
33
37
  .us-toolbar > .us-outline-b {
34
38
  position: absolute;
35
39
  inset: 0px;
@@ -75,24 +79,7 @@
75
79
  -webkit-line-clamp: 1;
76
80
  }
77
81
 
78
- .us-badge:not(.us-badge--unstyled) {
79
- min-width: var(--us-badge-min-width);
80
- min-height: var(--us-badge-min-height);
81
- padding-block: var(--us-badge-padding-y);
82
- padding-block: var(--us-badge-padding-y);
83
- padding-inline: var(--us-badge-padding-x);
84
- font-size: var(--us-badge-font-size);
85
- font-weight: var(--us-badge-font-weight);
86
- line-height: var(--us-badge-line-height);
87
- border: var(--us-badge-border-width) solid var(--us-badge-border-color);
88
- border-radius: var(--us-badge-border-radius);
89
- color: var(--us-badge-color);
90
- background-color: var(--us-badge-background);
91
- display: inline-flex;
92
- justify-content: center;
93
- align-items: center;
94
- }
95
- .us-badge:not(.us-badge--unstyled) > .us-overlay {
82
+ .us-badge > .us-overlay {
96
83
  position: absolute;
97
84
  inset: 0px;
98
85
  border-radius: inherit;
@@ -104,14 +91,35 @@
104
91
  background-color: currentColor;
105
92
  transition: background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
106
93
  }
107
- .us-badge:not(.us-badge--unstyled):hover > .us-overlay {
94
+ .us-badge:hover > .us-overlay {
108
95
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
109
96
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
110
97
  }
111
- .us-badge:not(.us-badge--unstyled):active > .us-overlay {
98
+ .us-badge:active > .us-overlay {
112
99
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
113
100
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
114
101
  }
102
+ .us-badge--focus > .us-overlay, .us-badge--focus:hover > .us-overlay, .us-badge:focus > .us-overlay {
103
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
104
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
105
+ }
106
+ .us-badge:not(.us-badge--unstyled) {
107
+ min-width: var(--us-badge-min-width);
108
+ min-height: var(--us-badge-min-height);
109
+ padding-block: var(--us-badge-padding-y);
110
+ padding-block: var(--us-badge-padding-y);
111
+ padding-inline: var(--us-badge-padding-x);
112
+ font-size: var(--us-badge-font-size);
113
+ font-weight: var(--us-badge-font-weight);
114
+ line-height: var(--us-badge-line-height);
115
+ border: var(--us-badge-border-width) solid var(--us-badge-border-color);
116
+ border-radius: var(--us-badge-border-radius);
117
+ color: var(--us-badge-color);
118
+ background-color: var(--us-badge-background);
119
+ display: inline-flex;
120
+ justify-content: center;
121
+ align-items: center;
122
+ }
115
123
  .us-badge-wrapper {
116
124
  flex-shrink: 0;
117
125
  position: relative;
@@ -187,6 +195,10 @@
187
195
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
188
196
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
189
197
  }
198
+ .us-chip--focus > .us-overlay, .us-chip--focus:hover > .us-overlay, .us-chip:focus > .us-overlay {
199
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
200
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
201
+ }
190
202
  .us-chip > .us-outline {
191
203
  position: absolute;
192
204
  inset: 0px;
@@ -281,6 +293,10 @@
281
293
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
282
294
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
283
295
  }
296
+ .us-button--focus > .us-overlay, .us-button--focus:hover > .us-overlay, .us-button:focus > .us-overlay {
297
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
298
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
299
+ }
284
300
  .us-button > .us-outline {
285
301
  position: absolute;
286
302
  inset: 0px;
@@ -843,6 +859,7 @@
843
859
  border-radius: var(--us-input-border-radius);
844
860
  color: var(--us-input-color);
845
861
  background-color: var(--us-input-background);
862
+ z-index: 0;
846
863
  }
847
864
  .us-input:focus-visible {
848
865
  outline: none;
@@ -850,6 +867,30 @@
850
867
  .us-input:not(.us-input--filterable) {
851
868
  cursor: pointer;
852
869
  }
870
+ .us-input > .us-overlay {
871
+ position: absolute;
872
+ inset: 0px;
873
+ border-radius: inherit;
874
+ overflow: hidden;
875
+ color: var(--us-overlay-color);
876
+ opacity: var(--us-overlay-opacity);
877
+ z-index: -1;
878
+ pointer-events: none;
879
+ background-color: currentColor;
880
+ transition: background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
881
+ }
882
+ .us-input:hover > .us-overlay {
883
+ color: var(--us-_hover-overlay-color, var(--us-overlay-color));
884
+ opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
885
+ }
886
+ .us-input:active > .us-overlay {
887
+ color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
888
+ opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
889
+ }
890
+ .us-input--focus > .us-overlay, .us-input--focus:hover > .us-overlay, .us-input:focus > .us-overlay {
891
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
892
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
893
+ }
853
894
  .us-input > .us-outline {
854
895
  position: absolute;
855
896
  inset: 0px;
@@ -903,7 +944,8 @@
903
944
  flex: 1;
904
945
  width: 100%;
905
946
  height: 100%;
906
- padding: var(--us-input-padding-y) var(--us-input-padding-x);
947
+ padding-block: var(--us-input-padding-y);
948
+ padding-inline: var(--us-input-padding-x);
907
949
  font-size: var(--us-input-font-size);
908
950
  font-family: var(--us-input-font-family);
909
951
  line-height: var(--us-input-line-height);
@@ -917,6 +959,9 @@
917
959
  .us-input__field:focus {
918
960
  outline: none !important;
919
961
  }
962
+ .us-input__field::placeholder {
963
+ color: var(--us-input-placeholder-color);
964
+ }
920
965
  .us-input__search {
921
966
  flex: 1;
922
967
  width: 100%;
@@ -958,11 +1003,11 @@
958
1003
  }
959
1004
  .us-input__start-content {
960
1005
  margin-right: calc(-1 * var(--us-input-icon-size));
961
- padding: var(--us-input-padding-y) calc(0.75 * var(--us-input-padding-x));
1006
+ padding-inline: calc(0.75 * var(--us-input-padding-x));
962
1007
  }
963
1008
  .us-input__end-content {
964
1009
  margin-left: calc(-1 * var(--us-input-icon-size));
965
- padding: var(--us-input-padding-y) calc(0.75 * var(--us-input-padding-x));
1010
+ padding-inline: calc(0.75 * var(--us-input-padding-x));
966
1011
  }
967
1012
 
968
1013
  .us-switch {
@@ -1113,6 +1158,10 @@
1113
1158
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1114
1159
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1115
1160
  }
1161
+ .us-list-item--focus > .us-overlay, .us-list-item--focus:hover > .us-overlay, .us-list-item:focus > .us-overlay {
1162
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1163
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1164
+ }
1116
1165
  .us-list-item--hoverable, .us-list-item--selected {
1117
1166
  cursor: pointer;
1118
1167
  user-select: none;
@@ -1217,6 +1266,10 @@
1217
1266
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1218
1267
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1219
1268
  }
1269
+ .us-menu-item--focus > .us-overlay, .us-menu-item--focus:hover > .us-overlay, .us-menu-item:focus > .us-overlay {
1270
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1271
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1272
+ }
1220
1273
  .us-menu-item--hoverable {
1221
1274
  cursor: pointer;
1222
1275
  user-select: none;
@@ -1290,6 +1343,10 @@
1290
1343
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1291
1344
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1292
1345
  }
1346
+ .us-menu-group--focus > .us-overlay, .us-menu-group--focus:hover > .us-overlay, .us-menu-group:focus > .us-overlay {
1347
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1348
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1349
+ }
1293
1350
  .us-menu-group__icon {
1294
1351
  flex-shrink: 0;
1295
1352
  z-index: 1;
@@ -1450,6 +1507,10 @@
1450
1507
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1451
1508
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1452
1509
  }
1510
+ .us-tab--focus > .us-overlay, .us-tab--focus:hover > .us-overlay, .us-tab:focus > .us-overlay {
1511
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1512
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1513
+ }
1453
1514
  .us-tab--disabled {
1454
1515
  opacity: 0.6;
1455
1516
  pointer-events: none;
@@ -1507,6 +1568,10 @@
1507
1568
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1508
1569
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1509
1570
  }
1571
+ .us-card--focus > .us-overlay, .us-card--focus:hover > .us-overlay, .us-card:focus > .us-overlay {
1572
+ color: var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
1573
+ opacity: var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
1574
+ }
1510
1575
  .us-card--bordered {
1511
1576
  border: var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);
1512
1577
  }
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:not(.us-badge--unstyled){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:not(.us-badge--unstyled)>.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:not(.us-badge--unstyled):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:not(.us-badge--unstyled):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}.us-backdrop--opaque{background-color:rgba(0,0,0,.6)}.us-backdrop--blur{background-color:rgba(255,255,255,.5);backdrop-filter:blur(12px)}.us-backdrop--transparent{background-color:rgba(0,0,0,0)}.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;border-width:0px;border-style:solid;border-color:var(--us-drawer-border-color)}.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;display:flex;align-items:center}.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{flex-grow:1;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-footer{flex-shrink:0;position:relative;min-height:var(--us-drawer-footer-min-height);padding-block:var(--us-drawer-footer-padding-y);padding-inline:var(--us-drawer-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-drawer-footer-border-color);background-color:var(--us-drawer-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-drawer-body:not([data-hidden=true])~.us-drawer-footer:not(.us-drawer-footer--bordered){padding-top:0}.us-drawer-footer--bordered{border-top-width:1px}.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;border-right-width:var(--us-drawer-border-width)}.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;border-left-width:var(--us-drawer-border-width)}.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;border-bottom-width:var(--us-drawer-border-width)}.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;border-top-width:var(--us-drawer-border-width)}.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);box-shadow:var(--us-modal-box-shadow);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;display:flex;align-items:center}.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;display:flex;align-items:center}.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-data-list{flex-grow:1;overflow:hidden}.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-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--bordered{border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color)}.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;display:flex;align-items:center}.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-card-footer{flex-shrink:0;position:relative;min-height:var(--us-card-footer-min-height);padding-block:var(--us-card-footer-padding-y);padding-inline:var(--us-card-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-card-footer-border-color);background-color:var(--us-card-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-card-body:not([data-hidden=true])~.us-card-footer:not(.us-card-footer--bordered){padding-top:0}.us-card-footer--bordered{border-top-width:1px}.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}.us-shadow-none{box-shadow:var(--us-shadow-none)}.us-shadow-xs{box-shadow:var(--us-shadow-xs)}.us-shadow-sm{box-shadow:var(--us-shadow-sm)}.us-shadow-md{box-shadow:var(--us-shadow-md)}.us-shadow-lg{box-shadow:var(--us-shadow-lg)}.us-shadow-xl{box-shadow:var(--us-shadow-xl)}.us-transition-none{transition-property:none}.us-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-rounded-none{border-radius:0}.us-rounded-xs{border-radius:0.125rem}.us-rounded-sm{border-radius:0.25rem}.us-rounded-md{border-radius:0.375rem}.us-rounded-lg{border-radius:0.5rem}.us-rounded-xl{border-radius:0.75rem}.us-rounded-2xl{border-radius:1rem}.us-rounded-3xl{border-radius:1.5rem}.us-rounded-full{border-radius:9999px}.hover\:us-shadow-none:hover{box-shadow:var(--us-shadow-none)}.hover\:us-shadow-xs:hover{box-shadow:var(--us-shadow-xs)}.hover\:us-shadow-sm:hover{box-shadow:var(--us-shadow-sm)}.hover\:us-shadow-md:hover{box-shadow:var(--us-shadow-md)}.hover\:us-shadow-lg:hover{box-shadow:var(--us-shadow-lg)}.hover\:us-shadow-xl:hover{box-shadow:var(--us-shadow-xl)}.hover\:us-transition-none:hover{transition-property:none}.hover\:us-transition-all:hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:us-transition-shadow:hover{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-shadow-none:active{box-shadow:var(--us-shadow-none)}.active\:us-shadow-xs:active{box-shadow:var(--us-shadow-xs)}.active\:us-shadow-sm:active{box-shadow:var(--us-shadow-sm)}.active\:us-shadow-md:active{box-shadow:var(--us-shadow-md)}.active\:us-shadow-lg:active{box-shadow:var(--us-shadow-lg)}.active\:us-shadow-xl:active{box-shadow:var(--us-shadow-xl)}.active\:us-transition-none:active{transition-property:none}.active\:us-transition-all:active{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-transition-shadow:active{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.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--focus>.us-overlay,.us-toolbar--focus:hover>.us-overlay,.us-toolbar:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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>.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--focus>.us-overlay,.us-badge--focus:hover>.us-overlay,.us-badge:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-badge:not(.us-badge--unstyled){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-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--focus>.us-overlay,.us-chip--focus:hover>.us-overlay,.us-chip:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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--focus>.us-overlay,.us-button--focus:hover>.us-overlay,.us-button:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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}.us-backdrop--opaque{background-color:rgba(0,0,0,.6)}.us-backdrop--blur{background-color:rgba(255,255,255,.5);backdrop-filter:blur(12px)}.us-backdrop--transparent{background-color:rgba(0,0,0,0)}.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;border-width:0px;border-style:solid;border-color:var(--us-drawer-border-color)}.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;display:flex;align-items:center}.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{flex-grow:1;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-footer{flex-shrink:0;position:relative;min-height:var(--us-drawer-footer-min-height);padding-block:var(--us-drawer-footer-padding-y);padding-inline:var(--us-drawer-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-drawer-footer-border-color);background-color:var(--us-drawer-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-drawer-body:not([data-hidden=true])~.us-drawer-footer:not(.us-drawer-footer--bordered){padding-top:0}.us-drawer-footer--bordered{border-top-width:1px}.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;border-right-width:var(--us-drawer-border-width)}.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;border-left-width:var(--us-drawer-border-width)}.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;border-bottom-width:var(--us-drawer-border-width)}.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;border-top-width:var(--us-drawer-border-width)}.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);box-shadow:var(--us-modal-box-shadow);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;display:flex;align-items:center}.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);z-index:0}.us-input:focus-visible{outline:none}.us-input:not(.us-input--filterable){cursor:pointer}.us-input>.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-input:hover>.us-overlay{color:var(--us-_hover-overlay-color, var(--us-overlay-color));opacity:var(--us-_hover-overlay-opacity, var(--us-overlay-opacity))}.us-input: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-input--focus>.us-overlay,.us-input--focus:hover>.us-overlay,.us-input:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.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-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);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__field::placeholder{color:var(--us-input-placeholder-color)}.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-inline:calc(.75*var(--us-input-padding-x))}.us-input__end-content{margin-left:calc(-1*var(--us-input-icon-size));padding-inline: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;display:flex;align-items:center}.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--focus>.us-overlay,.us-list-item--focus:hover>.us-overlay,.us-list-item:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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-data-list{flex-grow:1;overflow:hidden}.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--focus>.us-overlay,.us-menu-item--focus:hover>.us-overlay,.us-menu-item:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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--focus>.us-overlay,.us-menu-group--focus:hover>.us-overlay,.us-menu-group:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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--focus>.us-overlay,.us-tab--focus:hover>.us-overlay,.us-tab:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-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-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--focus>.us-overlay,.us-card--focus:hover>.us-overlay,.us-card:focus>.us-overlay{color:var(--us-_focus-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));opacity:var(--us-_focus-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)))}.us-card--bordered{border:var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color)}.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;display:flex;align-items:center}.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-card-footer{flex-shrink:0;position:relative;min-height:var(--us-card-footer-min-height);padding-block:var(--us-card-footer-padding-y);padding-inline:var(--us-card-footer-padding-x);border-top-width:0px;border-top-style:solid;border-top-color:var(--us-card-footer-border-color);background-color:var(--us-card-footer-background);display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.us-card-body:not([data-hidden=true])~.us-card-footer:not(.us-card-footer--bordered){padding-top:0}.us-card-footer--bordered{border-top-width:1px}.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}.us-shadow-none{box-shadow:var(--us-shadow-none)}.us-shadow-xs{box-shadow:var(--us-shadow-xs)}.us-shadow-sm{box-shadow:var(--us-shadow-sm)}.us-shadow-md{box-shadow:var(--us-shadow-md)}.us-shadow-lg{box-shadow:var(--us-shadow-lg)}.us-shadow-xl{box-shadow:var(--us-shadow-xl)}.us-transition-none{transition-property:none}.us-transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.us-rounded-none{border-radius:0}.us-rounded-xs{border-radius:0.125rem}.us-rounded-sm{border-radius:0.25rem}.us-rounded-md{border-radius:0.375rem}.us-rounded-lg{border-radius:0.5rem}.us-rounded-xl{border-radius:0.75rem}.us-rounded-2xl{border-radius:1rem}.us-rounded-3xl{border-radius:1.5rem}.us-rounded-full{border-radius:9999px}.hover\:us-shadow-none:hover{box-shadow:var(--us-shadow-none)}.hover\:us-shadow-xs:hover{box-shadow:var(--us-shadow-xs)}.hover\:us-shadow-sm:hover{box-shadow:var(--us-shadow-sm)}.hover\:us-shadow-md:hover{box-shadow:var(--us-shadow-md)}.hover\:us-shadow-lg:hover{box-shadow:var(--us-shadow-lg)}.hover\:us-shadow-xl:hover{box-shadow:var(--us-shadow-xl)}.hover\:us-transition-none:hover{transition-property:none}.hover\:us-transition-all:hover{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.hover\:us-transition-shadow:hover{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-shadow-none:active{box-shadow:var(--us-shadow-none)}.active\:us-shadow-xs:active{box-shadow:var(--us-shadow-xs)}.active\:us-shadow-sm:active{box-shadow:var(--us-shadow-sm)}.active\:us-shadow-md:active{box-shadow:var(--us-shadow-md)}.active\:us-shadow-lg:active{box-shadow:var(--us-shadow-lg)}.active\:us-shadow-xl:active{box-shadow:var(--us-shadow-xl)}.active\:us-transition-none:active{transition-property:none}.active\:us-transition-all:active{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.active\:us-transition-shadow:active{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.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.59",
3
+ "version": "1.0.61",
4
4
  "license": "MIT",
5
5
  "files": [
6
6
  "index.scss",
package/scss/components/_badge.scss CHANGED
@@ -3,6 +3,8 @@
3
3
  @use '../mixins/outline' as *;
4
4
 
5
5
  .#{$prefix}badge {
6
+ @include overlay();
7
+
6
8
  &:not(&--unstyled) {
7
9
  min-width: var(--#{$prefix}badge-min-width);
8
10
  min-height: var(--#{$prefix}badge-min-height);
@@ -19,8 +21,6 @@
19
21
  display: inline-flex;
20
22
  justify-content: center;
21
23
  align-items: center;
22
-
23
- @include overlay();
24
24
  }
25
25
 
26
26
  &-wrapper {
package/scss/components/_input.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @use '../variables' as *;
2
+ @use '../mixins/overlay' as *;
2
3
  @use '../mixins/outline' as *;
3
4
 
4
5
  .#{$prefix}input {
@@ -12,6 +13,7 @@
12
13
  border-radius: var(--#{$prefix}input-border-radius);
13
14
  color: var(--#{$prefix}input-color);
14
15
  background-color: var(--#{$prefix}input-background);
16
+ z-index: 0;
15
17
 
16
18
  &:focus-visible {
17
19
  outline: none;
@@ -21,6 +23,7 @@
21
23
  cursor: pointer;
22
24
  }
23
25
 
26
+ @include overlay();
24
27
  @include outline();
25
28
 
26
29
  &--disabled {
@@ -55,7 +58,8 @@
55
58
  flex: 1;
56
59
  width: 100%;
57
60
  height: 100%;
58
- padding: var(--#{$prefix}input-padding-y) var(--#{$prefix}input-padding-x);
61
+ padding-block: var(--#{$prefix}input-padding-y);
62
+ padding-inline: var(--#{$prefix}input-padding-x);
59
63
  font-size: var(--#{$prefix}input-font-size);
60
64
  font-family: var(--#{$prefix}input-font-family);
61
65
  line-height: var(--#{$prefix}input-line-height);
@@ -69,6 +73,10 @@
69
73
  &:focus {
70
74
  outline: none !important;
71
75
  }
76
+
77
+ &::placeholder {
78
+ color: var(--#{$prefix}input-placeholder-color);
79
+ }
72
80
  }
73
81
 
74
82
  &__search {
@@ -118,11 +126,13 @@
118
126
 
119
127
  &__start-content {
120
128
  margin-right: calc(-1 * var(--#{$prefix}input-icon-size));
121
- padding: var(--#{$prefix}input-padding-y) calc(0.75 * var(--#{$prefix}input-padding-x));
129
+ // padding-block: var(--#{$prefix}input-padding-y);
130
+ padding-inline: calc(0.75 * var(--#{$prefix}input-padding-x));
122
131
  }
123
132
 
124
133
  &__end-content {
125
134
  margin-left: calc(-1 * var(--#{$prefix}input-icon-size));
126
- padding: var(--#{$prefix}input-padding-y) calc(0.75 * var(--#{$prefix}input-padding-x));
135
+ // padding-block: var(--#{$prefix}input-padding-y);
136
+ padding-inline: calc(0.75 * var(--#{$prefix}input-padding-x));
127
137
  }
128
138
  }
package/scss/mixins/_overlay.scss CHANGED
@@ -32,6 +32,19 @@
32
32
  var(--#{$prefix}_hover-overlay-opacity, var(--#{$prefix}overlay-opacity)),
33
33
  );
34
34
  }
35
+
36
+ &--focus > .#{$prefix}overlay,
37
+ &--focus:hover > .#{$prefix}overlay,
38
+ &:focus > .#{$prefix}overlay {
39
+ color: var(
40
+ --#{$prefix}_focus-overlay-color,
41
+ var(--#{$prefix}_hover-overlay-color, var(--#{$prefix}overlay-color)),
42
+ );
43
+ opacity: var(
44
+ --#{$prefix}_focus-overlay-opacity,
45
+ var(--#{$prefix}_hover-overlay-opacity, var(--#{$prefix}overlay-opacity)),
46
+ );
47
+ }
35
48
  }
36
49
 
37
50
  @mixin outline-styles(
package/scss/themes/fci/components/_input.scss CHANGED
@@ -2,24 +2,205 @@
2
2
 
3
3
  .#{$prefix}theme-fci {
4
4
  .#{$prefix}input {
5
- --#{$prefix}input-padding-y: 0.25rem;
6
- --#{$prefix}input-padding-x: 0.875rem;
7
- --#{$prefix}input-height: 32px;
8
- --#{$prefix}input-font-size: 0.75rem;
9
5
  --#{$prefix}input-font-family: var(--#{$prefix}font-sans);
10
- --#{$prefix}input-line-height: 24px;
11
6
  --#{$prefix}input-border-radius: 6px;
12
7
  --#{$prefix}input-gap: 0.5rem;
13
8
  --#{$prefix}input-icon-size: 1.125rem;
14
9
 
10
+ &--xs {
11
+ --#{$prefix}input-height: 24px;
12
+ --#{$prefix}input-padding-y: 0.282rem;
13
+ --#{$prefix}input-padding-x: 0.625rem;
14
+ --#{$prefix}input-font-size: 0.75rem;
15
+ }
16
+
17
+ &--sm {
18
+ --#{$prefix}input-height: 28px;
19
+ --#{$prefix}input-padding-y: 0.407rem;
20
+ --#{$prefix}input-padding-x: 0.75rem;
21
+ --#{$prefix}input-font-size: 0.75rem;
22
+ }
23
+
24
+ &--md {
25
+ --#{$prefix}input-height: 32px;
26
+ --#{$prefix}input-padding-y: 0.532rem;
27
+ --#{$prefix}input-padding-x: 0.875rem;
28
+ --#{$prefix}input-font-size: 0.75rem;
29
+ }
30
+
31
+ &--lg {
32
+ --#{$prefix}input-height: 36px;
33
+ --#{$prefix}input-padding-y: 0.625rem;
34
+ --#{$prefix}input-padding-x: 1rem;
35
+ --#{$prefix}input-font-size: 0.85rem;
36
+ }
37
+
38
+ &--xl {
39
+ --#{$prefix}input-height: 40px;
40
+ --#{$prefix}input-padding-y: 0.75rem;
41
+ --#{$prefix}input-padding-x: 1.125rem;
42
+ --#{$prefix}input-font-size: 0.85rem;
43
+ }
44
+
45
+ &--filled {
46
+ & > .#{$prefix}outline {
47
+ --#{$prefix}outline-border-width: 1px;
48
+ --#{$prefix}outline-focus-border-width: 1px;
49
+ }
50
+ }
51
+
52
+ &--outlined {
53
+ & > .#{$prefix}overlay {
54
+ --#{$prefix}overlay-color: inherit;
55
+ --#{$prefix}overlay-opacity: 0;
56
+ }
57
+
58
+ & > .#{$prefix}outline {
59
+ --#{$prefix}outline-border-width: 1px;
60
+ --#{$prefix}outline-focus-border-width: 1px;
61
+ }
62
+ }
63
+
64
+ &--flat {
65
+ & > .#{$prefix}outline {
66
+ --#{$prefix}outline-border-width: 1px;
67
+ --#{$prefix}outline-focus-border-width: 1px;
68
+ }
69
+ }
70
+
71
+ &--text {
72
+ --#{$prefix}input-padding-x: 0;
73
+
74
+ & > .#{$prefix}outline {
75
+ --#{$prefix}outline-border-width: 1px;
76
+ }
77
+ }
78
+ }
79
+
80
+ .#{$prefix}input--filled.#{$prefix}input--inherit {
81
+ --#{$prefix}input-placeholder-color: rgba(0, 0, 0, 0.6);
82
+
83
+ & > .#{$prefix}overlay {
84
+ --#{$prefix}overlay-color: #fff;
85
+ --#{$prefix}overlay-opacity: 1;
86
+ }
87
+
88
+ & > .#{$prefix}outline {
89
+ --#{$prefix}outline-border-color: transparent;
90
+ --#{$prefix}outline-focus-border-color: var(--#{$prefix}primary-color);
91
+ --#{$prefix}outline-focus-opacity: 1;
92
+ }
93
+ }
94
+
95
+ .#{$prefix}input--filled.#{$prefix}input--light {
96
+ & > .#{$prefix}overlay {
97
+ --#{$prefix}overlay-color: #fff;
98
+ --#{$prefix}overlay-opacity: 0.8;
99
+ --#{$prefix}_hover-overlay-opacity: 1;
100
+ --#{$prefix}_focus-overlay-opacity: 1;
101
+ }
102
+
103
+ & > .#{$prefix}outline {
104
+ --#{$prefix}outline-border-color: transparent;
105
+ --#{$prefix}outline-focus-border-color: #fff;
106
+ --#{$prefix}outline-focus-opacity: 1;
107
+ }
108
+ }
109
+
110
+ .#{$prefix}input--outlined.#{$prefix}input--inherit {
111
+ --#{$prefix}input-placeholder-color: rgba(0, 0, 0, 0.6);
112
+
113
+ & > .#{$prefix}overlay {
114
+ --#{$prefix}overlay-color: inherit;
115
+ --#{$prefix}overlay-opacity: 0;
116
+ }
117
+
15
118
  & > .#{$prefix}outline {
16
- --#{$prefix}outline-border-width: 1px;
17
119
  --#{$prefix}outline-border-color: currentColor;
18
120
  --#{$prefix}outline-opacity: 0.12;
19
121
  --#{$prefix}outline-hover-opacity: 0.24;
20
- --#{$prefix}outline-focus-border-width: 1px;
21
122
  --#{$prefix}outline-focus-border-color: var(--#{$prefix}primary-color);
22
123
  --#{$prefix}outline-focus-opacity: 1;
23
124
  }
24
125
  }
126
+
127
+ .#{$prefix}input--outlined.#{$prefix}input--light {
128
+ --#{$prefix}input-color: #fff;
129
+ --#{$prefix}input-placeholder-color: rgba(255, 255, 255, 0.6);
130
+
131
+ & > .#{$prefix}overlay {
132
+ --#{$prefix}overlay-color: inherit;
133
+ --#{$prefix}overlay-opacity: 0;
134
+ }
135
+
136
+ & > .#{$prefix}outline {
137
+ --#{$prefix}outline-border-color: #fff;
138
+ --#{$prefix}outline-opacity: 0.24;
139
+ --#{$prefix}outline-hover-opacity: 0.36;
140
+ --#{$prefix}outline-focus-border-color: #fff;
141
+ --#{$prefix}outline-focus-opacity: 1;
142
+ }
143
+ }
144
+
145
+ .#{$prefix}input--flat.#{$prefix}input--inherit {
146
+ --#{$prefix}input-placeholder-color: rgba(0, 0, 0, 0.6);
147
+
148
+ & > .#{$prefix}overlay {
149
+ --#{$prefix}overlay-color: inherit;
150
+ --#{$prefix}overlay-opacity: 0.08;
151
+ --#{$prefix}_hover-overlay-opacity: 0.12;
152
+ --#{$prefix}_active-overlay-opacity: 0.24;
153
+ }
154
+
155
+ & > .#{$prefix}outline {
156
+ --#{$prefix}outline-border-color: transparent;
157
+ --#{$prefix}outline-focus-border-color: var(--#{$prefix}primary-color);
158
+ --#{$prefix}outline-focus-opacity: 1;
159
+ }
160
+ }
161
+
162
+ .#{$prefix}input--flat.#{$prefix}input--light {
163
+ --#{$prefix}input-color: #fff;
164
+ --#{$prefix}input-placeholder-color: rgba(255, 255, 255, 0.6);
165
+
166
+ & > .#{$prefix}overlay {
167
+ --#{$prefix}overlay-color: #fff;
168
+ --#{$prefix}overlay-opacity: 0.12;
169
+ --#{$prefix}_hover-overlay-opacity: 0.16;
170
+ --#{$prefix}_active-overlay-opacity: 0.24;
171
+ }
172
+
173
+ & > .#{$prefix}outline {
174
+ --#{$prefix}outline-border-color: transparent;
175
+ --#{$prefix}outline-focus-border-color: #fff;
176
+ --#{$prefix}outline-focus-opacity: 1;
177
+ }
178
+ }
179
+
180
+ .#{$prefix}input--text.#{$prefix}input--inherit {
181
+ --#{$prefix}input-placeholder-color: rgba(0, 0, 0, 0.6);
182
+
183
+ & > .#{$prefix}overlay {
184
+ --#{$prefix}overlay-color: inherit;
185
+ --#{$prefix}overlay-opacity: 0;
186
+ }
187
+
188
+ & > .#{$prefix}outline {
189
+ --#{$prefix}outline-border-color: transparent;
190
+ }
191
+ }
192
+
193
+ .#{$prefix}input--text.#{$prefix}input--light {
194
+ --#{$prefix}input-color: #fff;
195
+ --#{$prefix}input-placeholder-color: rgba(255, 255, 255, 0.6);
196
+
197
+ & > .#{$prefix}overlay {
198
+ --#{$prefix}overlay-color: transparent;
199
+ --#{$prefix}overlay-opacity: 0;
200
+ }
201
+
202
+ & > .#{$prefix}outline {
203
+ --#{$prefix}outline-border-color: transparent;
204
+ }
205
+ }
25
206
  }