fokus-styles 2.6.2 → 2.7.0
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.
- package/README.md +5 -0
- package/dist/css/components.css +534 -27
- package/dist/css/components.min.css +1 -1
- package/dist/css/fokus-components.css +534 -27
- package/dist/css/fokus-components.min.css +1 -1
- package/dist/css/fokus-core.css +42 -0
- package/dist/css/fokus-core.min.css +1 -1
- package/dist/css/fokus-dark.css +42 -0
- package/dist/css/fokus-dark.min.css +1 -1
- package/dist/css/fokus-helpers.css +646 -0
- package/dist/css/fokus-helpers.min.css +2 -0
- package/dist/css/fokus-rtl.css +9667 -2716
- package/dist/css/fokus-rtl.min.css +1 -1
- package/dist/css/fokus-utilities.css +9175 -2682
- package/dist/css/fokus-utilities.min.css +1 -1
- package/dist/css/fokus.css +9893 -2799
- package/dist/css/fokus.min.css +1 -1
- package/dist/css/forms.css +206 -28
- package/dist/css/forms.min.css +1 -1
- package/dist/css/helpers.css +9175 -2682
- package/dist/css/helpers.min.css +1 -1
- package/dist/css/layout.css +42 -0
- package/dist/css/layout.min.css +1 -1
- package/dist/js/fokus.js +91 -69
- package/dist/js/fokus.min.js +19 -19
- package/package.json +2 -1
- package/packages/fokus-components/scss/components/_button-group.scss +12 -0
- package/packages/fokus-components/scss/components/_buttons.scss +39 -6
- package/packages/fokus-components/scss/components/_datepicker.scss +47 -1
- package/packages/fokus-components/scss/components/_dropdown.scss +212 -6
- package/packages/fokus-components/scss/components/_index.scss +1 -0
- package/packages/fokus-components/scss/components/_menu.scss +95 -0
- package/packages/fokus-components/scss/components/_pagination.scss +43 -16
- package/packages/fokus-components/scss/components/_segmented-control.scss +16 -1
- package/packages/fokus-components/scss/components/_tabs.scss +58 -0
- package/packages/fokus-components/scss/components/_tag.scss +32 -0
- package/packages/fokus-components/scss/forms/_forms.scss +155 -28
- package/packages/fokus-components/scss/forms/_range.scss +29 -0
- package/packages/fokus-core/scss/base/_motion.scss +3 -1
- package/packages/fokus-core/scss/settings/_config.scss +39 -1
- package/packages/fokus-core/scss/settings/_index.scss +1 -0
- package/packages/fokus-core/scss/settings/_utilities.scss +86 -0
- package/packages/fokus-core/scss/themes/_dark.scss +9 -0
- package/packages/fokus-core/scss/tokens/_root.scss +23 -0
- package/packages/fokus-js/js/combobox.js +2 -6
- package/packages/fokus-js/js/command-palette.js +2 -6
- package/packages/fokus-js/js/core/positioning.d.ts +2 -0
- package/packages/fokus-js/js/core/positioning.js +2 -2
- package/packages/fokus-js/js/core/theme.js +8 -0
- package/packages/fokus-js/js/datatable.js +6 -2
- package/packages/fokus-js/js/datepicker.js +13 -5
- package/packages/fokus-js/js/dropdown.js +37 -5
- package/packages/fokus-js/js/nested-menu.js +2 -6
- package/packages/fokus-js/js/notification-center.js +2 -6
- package/packages/fokus-js/js/pagination.js +15 -9
- package/packages/fokus-js/js/popover.js +2 -6
- package/packages/fokus-js/js/select.js +4 -0
- package/packages/fokus-js/js/tabs.js +4 -4
- package/packages/fokus-js/js/tooltip.js +2 -6
- package/packages/fokus-utilities/scss/utilities/_api.scss +62 -69
- package/packages/fokus-utilities/scss/utilities/_borders.scss +39 -0
- package/packages/fokus-utilities/scss/utilities/_colors.scss +27 -0
- package/packages/fokus-utilities/scss/utilities/_display.scss +20 -16
- package/packages/fokus-utilities/scss/utilities/_effects.scss +53 -0
- package/packages/fokus-utilities/scss/utilities/_flex.scss +50 -35
- package/packages/fokus-utilities/scss/utilities/_generated.scss +21 -0
- package/packages/fokus-utilities/scss/utilities/_grid.scss +25 -0
- package/packages/fokus-utilities/scss/utilities/_helpers.scss +35 -0
- package/packages/fokus-utilities/scss/utilities/_index.scss +11 -0
- package/packages/fokus-utilities/scss/utilities/_interactivity.scss +51 -0
- package/packages/fokus-utilities/scss/utilities/_layout.scss +61 -0
- package/packages/fokus-utilities/scss/utilities/_motion.scss +51 -0
- package/packages/fokus-utilities/scss/utilities/_position.scss +6 -6
- package/packages/fokus-utilities/scss/utilities/_print.scss +22 -18
- package/packages/fokus-utilities/scss/utilities/_shadow.scss +7 -3
- package/packages/fokus-utilities/scss/utilities/_sizing.scss +46 -0
- package/packages/fokus-utilities/scss/utilities/_spacing.scss +40 -113
- package/packages/fokus-utilities/scss/utilities/_states.scss +26 -10
- package/packages/fokus-utilities/scss/utilities/_transforms.scss +67 -0
- package/packages/fokus-utilities/scss/utilities/_typography.scss +72 -94
- package/scss/entries/helpers-entry.scss +5 -0
- package/scss/entries/rtl-entry.scss +6 -3
package/dist/css/forms.css
CHANGED
|
@@ -42,9 +42,26 @@
|
|
|
42
42
|
--fs-control-height: 38px;
|
|
43
43
|
--fs-control-height-sm: 30px;
|
|
44
44
|
--fs-control-height-lg: 46px;
|
|
45
|
+
--fs-control-height-xs: 26px;
|
|
46
|
+
--fs-control-height-xl: 52px;
|
|
45
47
|
--fs-control-padding-x: 12px;
|
|
46
48
|
--fs-control-padding-x-sm: 8px;
|
|
47
49
|
--fs-control-padding-x-lg: 16px;
|
|
50
|
+
--fs-control-padding-x-xs: 6px;
|
|
51
|
+
--fs-control-padding-x-xl: 20px;
|
|
52
|
+
--fs-control-border-color: var(--fs-color-border);
|
|
53
|
+
--fs-control-bg: var(--fs-color-surface);
|
|
54
|
+
--fs-control-hover-bg: var(--fs-color-subtle);
|
|
55
|
+
--fs-control-placeholder-color: var(--fs-color-muted);
|
|
56
|
+
--fs-control-focus-color: var(--fs-focus-color);
|
|
57
|
+
--fs-control-invalid-color: var(--fs-color-danger);
|
|
58
|
+
--fs-control-valid-color: var(--fs-color-success);
|
|
59
|
+
--fs-control-disabled-opacity: var(--fs-disabled-opacity);
|
|
60
|
+
--fs-control-radius: var(--fs-radius-sm);
|
|
61
|
+
--fs-control-touch-target: 44px;
|
|
62
|
+
--fs-control-transition: color var(--fs-transition-fast) var(--fs-ease-standard), background-color var(--fs-transition-fast) var(--fs-ease-standard), border-color var(--fs-transition-fast) var(--fs-ease-standard), box-shadow var(--fs-transition-fast) var(--fs-ease-standard);
|
|
63
|
+
--fs-control-option-gap: var(--fs-space-2);
|
|
64
|
+
--fs-control-addon-bg: var(--fs-color-subtle);
|
|
48
65
|
--fs-focus-width: 2px;
|
|
49
66
|
--fs-focus-offset: 2px;
|
|
50
67
|
--fs-focus-color: var(--fs-color-primary);
|
|
@@ -107,6 +124,24 @@
|
|
|
107
124
|
--fs-feedback-warning-bg: #fff9e6;
|
|
108
125
|
--fs-feedback-danger-bg: #fff2f3;
|
|
109
126
|
--fs-feedback-info-bg: #f2f2ff;
|
|
127
|
+
--fs-color-primary-bg-subtle: var(--fs-feedback-primary-bg);
|
|
128
|
+
--fs-color-primary-border-subtle: var(--fs-color-primary);
|
|
129
|
+
--fs-color-primary-text-emphasis: var(--fs-alert-primary-text);
|
|
130
|
+
--fs-color-secondary-bg-subtle: var(--fs-feedback-secondary-bg);
|
|
131
|
+
--fs-color-secondary-border-subtle: var(--fs-color-secondary);
|
|
132
|
+
--fs-color-secondary-text-emphasis: var(--fs-alert-secondary-text);
|
|
133
|
+
--fs-color-success-bg-subtle: var(--fs-feedback-success-bg);
|
|
134
|
+
--fs-color-success-border-subtle: var(--fs-color-success);
|
|
135
|
+
--fs-color-success-text-emphasis: var(--fs-alert-success-text);
|
|
136
|
+
--fs-color-warning-bg-subtle: var(--fs-feedback-warning-bg);
|
|
137
|
+
--fs-color-warning-border-subtle: var(--fs-color-warning);
|
|
138
|
+
--fs-color-warning-text-emphasis: var(--fs-alert-warning-text);
|
|
139
|
+
--fs-color-danger-bg-subtle: var(--fs-feedback-danger-bg);
|
|
140
|
+
--fs-color-danger-border-subtle: var(--fs-color-danger);
|
|
141
|
+
--fs-color-danger-text-emphasis: var(--fs-alert-danger-text);
|
|
142
|
+
--fs-color-info-bg-subtle: var(--fs-feedback-info-bg);
|
|
143
|
+
--fs-color-info-border-subtle: var(--fs-color-info);
|
|
144
|
+
--fs-color-info-text-emphasis: var(--fs-alert-info-text);
|
|
110
145
|
}
|
|
111
146
|
@supports (color: oklch(0% 0 0deg)) {
|
|
112
147
|
:root {
|
|
@@ -395,37 +430,81 @@
|
|
|
395
430
|
.is-invalid ~ .fs-invalid-feedback {
|
|
396
431
|
display: block;
|
|
397
432
|
}
|
|
398
|
-
.fs-form-control
|
|
433
|
+
.fs-form-control,
|
|
434
|
+
.fs-form-textarea,
|
|
435
|
+
.fs-form-date,
|
|
436
|
+
.fs-form-time {
|
|
399
437
|
width: 100%;
|
|
400
438
|
min-width: 0;
|
|
401
439
|
height: var(--fs-control-height);
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
440
|
+
min-block-size: var(--fs-control-height);
|
|
441
|
+
padding-block: 0;
|
|
442
|
+
padding-inline: var(--fs-control-padding-x);
|
|
443
|
+
border: var(--fs-border-width) solid var(--fs-control-border-color);
|
|
444
|
+
border-radius: var(--fs-control-radius);
|
|
405
445
|
color: var(--fs-color-text);
|
|
406
|
-
background-color: var(--fs-
|
|
446
|
+
background-color: var(--fs-control-bg);
|
|
407
447
|
font-size: 0.8125rem;
|
|
408
448
|
font-weight: 500;
|
|
449
|
+
line-height: 1.35;
|
|
450
|
+
transition: var(--fs-control-transition);
|
|
451
|
+
color-scheme: light;
|
|
452
|
+
}
|
|
453
|
+
[data-theme=dark] .fs-form-control,
|
|
454
|
+
[data-theme=dark] .fs-form-textarea,
|
|
455
|
+
[data-theme=dark] .fs-form-date,
|
|
456
|
+
[data-theme=dark] .fs-form-time,
|
|
457
|
+
[data-fs-theme=dark] .fs-form-control,
|
|
458
|
+
[data-fs-theme=dark] .fs-form-textarea,
|
|
459
|
+
[data-fs-theme=dark] .fs-form-date,
|
|
460
|
+
[data-fs-theme=dark] .fs-form-time {
|
|
461
|
+
color-scheme: dark;
|
|
462
|
+
}
|
|
463
|
+
.fs-form-textarea {
|
|
464
|
+
height: auto;
|
|
465
|
+
min-block-size: 96px;
|
|
466
|
+
padding-block: var(--fs-space-2);
|
|
467
|
+
resize: vertical;
|
|
409
468
|
}
|
|
410
|
-
.fs-form-control::placeholder
|
|
411
|
-
|
|
469
|
+
.fs-form-control::placeholder,
|
|
470
|
+
.fs-form-textarea::placeholder {
|
|
471
|
+
color: var(--fs-control-placeholder-color);
|
|
472
|
+
opacity: 1;
|
|
412
473
|
}
|
|
413
|
-
.fs-form-control:focus-visible
|
|
474
|
+
.fs-form-control:focus-visible,
|
|
475
|
+
.fs-form-textarea:focus-visible,
|
|
476
|
+
.fs-form-date:focus-visible,
|
|
477
|
+
.fs-form-time:focus-visible {
|
|
414
478
|
outline: var(--fs-focus-width) solid var(--fs-color-primary);
|
|
415
479
|
outline-offset: var(--fs-focus-offset);
|
|
416
480
|
border-color: var(--fs-color-primary);
|
|
417
481
|
box-shadow: 0 0 0 3px color-mix(in srgb, var(--fs-color-primary) 22%, transparent);
|
|
418
482
|
}
|
|
419
|
-
.fs-form-control:disabled
|
|
483
|
+
.fs-form-control:disabled,
|
|
484
|
+
.fs-form-textarea:disabled,
|
|
485
|
+
.fs-form-date:disabled,
|
|
486
|
+
.fs-form-time:disabled {
|
|
420
487
|
color: var(--fs-color-muted);
|
|
421
488
|
background-color: var(--fs-color-subtle);
|
|
422
|
-
opacity: var(--fs-disabled-opacity);
|
|
489
|
+
opacity: var(--fs-control-disabled-opacity);
|
|
423
490
|
pointer-events: none;
|
|
424
491
|
}
|
|
425
|
-
.fs-form-control:read-only
|
|
492
|
+
.fs-form-control:read-only,
|
|
493
|
+
.fs-form-textarea:read-only,
|
|
494
|
+
.fs-form-date:read-only,
|
|
495
|
+
.fs-form-time:read-only {
|
|
426
496
|
background-color: var(--fs-color-subtle);
|
|
427
497
|
cursor: default;
|
|
428
498
|
}
|
|
499
|
+
.fs-form-control[type=search] {
|
|
500
|
+
appearance: auto;
|
|
501
|
+
}
|
|
502
|
+
.fs-form-control[type=date],
|
|
503
|
+
.fs-form-control[type=time],
|
|
504
|
+
.fs-form-date,
|
|
505
|
+
.fs-form-time {
|
|
506
|
+
accent-color: var(--fs-color-primary);
|
|
507
|
+
}
|
|
429
508
|
.fs-floating-label {
|
|
430
509
|
position: relative;
|
|
431
510
|
}
|
|
@@ -443,21 +522,43 @@
|
|
|
443
522
|
pointer-events: none;
|
|
444
523
|
}
|
|
445
524
|
.fs-form-control[aria-invalid=true],
|
|
525
|
+
.fs-form-textarea[aria-invalid=true],
|
|
526
|
+
.fs-form-date[aria-invalid=true],
|
|
527
|
+
.fs-form-time[aria-invalid=true],
|
|
446
528
|
.fs-was-validated .fs-form-control:invalid {
|
|
447
|
-
border-color: var(--fs-color
|
|
529
|
+
border-color: var(--fs-control-invalid-color);
|
|
448
530
|
}
|
|
449
531
|
.fs-form-control[aria-invalid=false],
|
|
532
|
+
.fs-form-textarea[aria-invalid=false],
|
|
533
|
+
.fs-form-date[aria-invalid=false],
|
|
534
|
+
.fs-form-time[aria-invalid=false],
|
|
450
535
|
.fs-was-validated .fs-form-control:valid {
|
|
451
|
-
border-color: var(--fs-color
|
|
536
|
+
border-color: var(--fs-control-valid-color);
|
|
452
537
|
}
|
|
453
538
|
.fs-form-control-sm {
|
|
454
539
|
height: var(--fs-control-height-sm);
|
|
540
|
+
min-block-size: var(--fs-control-height-sm);
|
|
541
|
+
padding-inline: var(--fs-control-padding-x-sm);
|
|
455
542
|
font-size: 0.6875rem;
|
|
456
543
|
}
|
|
457
544
|
.fs-form-control-lg {
|
|
458
545
|
height: var(--fs-control-height-lg);
|
|
546
|
+
min-block-size: var(--fs-control-height-lg);
|
|
547
|
+
padding-inline: var(--fs-control-padding-x-lg);
|
|
459
548
|
font-size: 0.8125rem;
|
|
460
549
|
}
|
|
550
|
+
.fs-form-control-xs {
|
|
551
|
+
height: var(--fs-control-height-xs);
|
|
552
|
+
min-block-size: var(--fs-control-height-xs);
|
|
553
|
+
padding-inline: var(--fs-control-padding-x-xs);
|
|
554
|
+
font-size: 0.6875rem;
|
|
555
|
+
}
|
|
556
|
+
.fs-form-control-xl {
|
|
557
|
+
height: var(--fs-control-height-xl);
|
|
558
|
+
min-block-size: var(--fs-control-height-xl);
|
|
559
|
+
padding-inline: var(--fs-control-padding-x-xl);
|
|
560
|
+
font-size: 1rem;
|
|
561
|
+
}
|
|
461
562
|
.fs-form-size-sm {
|
|
462
563
|
width: 120px;
|
|
463
564
|
}
|
|
@@ -498,15 +599,23 @@
|
|
|
498
599
|
justify-content: space-between;
|
|
499
600
|
width: 100%;
|
|
500
601
|
height: var(--fs-control-height);
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
602
|
+
min-block-size: var(--fs-control-height);
|
|
603
|
+
padding-block: 0;
|
|
604
|
+
padding-inline: var(--fs-control-padding-x);
|
|
605
|
+
border: var(--fs-border-width) solid var(--fs-control-border-color);
|
|
606
|
+
border-radius: var(--fs-control-radius);
|
|
504
607
|
color: var(--fs-color-text);
|
|
505
|
-
background-color: var(--fs-
|
|
608
|
+
background-color: var(--fs-control-bg);
|
|
506
609
|
font-size: 0.8125rem;
|
|
507
610
|
font-weight: 500;
|
|
508
611
|
text-align: left;
|
|
509
612
|
cursor: pointer;
|
|
613
|
+
transition: var(--fs-control-transition);
|
|
614
|
+
color-scheme: light;
|
|
615
|
+
}
|
|
616
|
+
[data-theme=dark] .fs-form-select,
|
|
617
|
+
[data-fs-theme=dark] .fs-form-select {
|
|
618
|
+
color-scheme: dark;
|
|
510
619
|
}
|
|
511
620
|
.fs-form-select::after {
|
|
512
621
|
flex-shrink: 0;
|
|
@@ -533,12 +642,28 @@
|
|
|
533
642
|
}
|
|
534
643
|
.fs-form-select-sm {
|
|
535
644
|
height: var(--fs-control-height-sm);
|
|
645
|
+
min-block-size: var(--fs-control-height-sm);
|
|
646
|
+
padding-inline: var(--fs-control-padding-x-sm);
|
|
536
647
|
font-size: 0.6875rem;
|
|
537
648
|
}
|
|
538
649
|
.fs-form-select-lg {
|
|
539
650
|
height: var(--fs-control-height-lg);
|
|
651
|
+
min-block-size: var(--fs-control-height-lg);
|
|
652
|
+
padding-inline: var(--fs-control-padding-x-lg);
|
|
540
653
|
font-size: 0.8125rem;
|
|
541
654
|
}
|
|
655
|
+
.fs-form-select-xs {
|
|
656
|
+
height: var(--fs-control-height-xs);
|
|
657
|
+
min-block-size: var(--fs-control-height-xs);
|
|
658
|
+
padding-inline: var(--fs-control-padding-x-xs);
|
|
659
|
+
font-size: 0.6875rem;
|
|
660
|
+
}
|
|
661
|
+
.fs-form-select-xl {
|
|
662
|
+
height: var(--fs-control-height-xl);
|
|
663
|
+
min-block-size: var(--fs-control-height-xl);
|
|
664
|
+
padding-inline: var(--fs-control-padding-x-xl);
|
|
665
|
+
font-size: 1rem;
|
|
666
|
+
}
|
|
542
667
|
.fs-file-upload {
|
|
543
668
|
position: relative;
|
|
544
669
|
display: inline-flex;
|
|
@@ -629,10 +754,11 @@
|
|
|
629
754
|
.fs-input-group-text {
|
|
630
755
|
display: flex;
|
|
631
756
|
align-items: center;
|
|
632
|
-
|
|
633
|
-
|
|
757
|
+
min-block-size: var(--fs-control-height);
|
|
758
|
+
padding-inline: var(--fs-control-padding-x);
|
|
759
|
+
border: var(--fs-border-width) solid var(--fs-control-border-color);
|
|
634
760
|
color: var(--fs-color-muted);
|
|
635
|
-
background-color: var(--fs-
|
|
761
|
+
background-color: var(--fs-control-addon-bg);
|
|
636
762
|
font-size: 0.8125rem;
|
|
637
763
|
font-weight: 500;
|
|
638
764
|
white-space: nowrap;
|
|
@@ -649,25 +775,47 @@
|
|
|
649
775
|
border-radius: 0;
|
|
650
776
|
}
|
|
651
777
|
.fs-input-group > :first-child {
|
|
652
|
-
border-
|
|
653
|
-
border-
|
|
778
|
+
border-start-start-radius: var(--fs-control-radius);
|
|
779
|
+
border-end-start-radius: var(--fs-control-radius);
|
|
654
780
|
}
|
|
655
781
|
.fs-input-group > :last-child {
|
|
656
|
-
border-
|
|
657
|
-
border-
|
|
782
|
+
border-start-end-radius: var(--fs-control-radius);
|
|
783
|
+
border-end-end-radius: var(--fs-control-radius);
|
|
784
|
+
}
|
|
785
|
+
.fs-input-group:focus-within {
|
|
786
|
+
--fs-control-border-color: var(--fs-focus-color);
|
|
787
|
+
}
|
|
788
|
+
.fs-input-group.is-invalid,
|
|
789
|
+
.fs-input-group:has([aria-invalid=true], .is-invalid) {
|
|
790
|
+
--fs-control-border-color: var(--fs-control-invalid-color);
|
|
791
|
+
}
|
|
792
|
+
.fs-input-group.is-valid,
|
|
793
|
+
.fs-input-group:has([aria-invalid=false], .is-valid) {
|
|
794
|
+
--fs-control-border-color: var(--fs-control-valid-color);
|
|
795
|
+
}
|
|
796
|
+
.fs-input-group-stack-sm {
|
|
797
|
+
flex-wrap: wrap;
|
|
798
|
+
}
|
|
799
|
+
.fs-input-group-stack-sm > * {
|
|
800
|
+
flex: 1 1 100%;
|
|
801
|
+
width: 100%;
|
|
802
|
+
margin-inline-start: 0;
|
|
803
|
+
border-radius: var(--fs-control-radius);
|
|
658
804
|
}
|
|
659
805
|
.fs-input-group-sm > .fs-form-control,
|
|
660
806
|
.fs-input-group-sm > .fs-form-select,
|
|
661
807
|
.fs-input-group-sm > .fs-input-group-text {
|
|
662
|
-
height:
|
|
663
|
-
|
|
808
|
+
height: var(--fs-control-height-sm);
|
|
809
|
+
min-block-size: var(--fs-control-height-sm);
|
|
810
|
+
padding-inline: var(--fs-control-padding-x-sm);
|
|
664
811
|
font-size: 0.6875rem;
|
|
665
812
|
}
|
|
666
813
|
.fs-input-group-lg > .fs-form-control,
|
|
667
814
|
.fs-input-group-lg > .fs-form-select,
|
|
668
815
|
.fs-input-group-lg > .fs-input-group-text {
|
|
669
|
-
height:
|
|
670
|
-
|
|
816
|
+
height: var(--fs-control-height-lg);
|
|
817
|
+
min-block-size: var(--fs-control-height-lg);
|
|
818
|
+
padding-inline: var(--fs-control-padding-x-lg);
|
|
671
819
|
font-size: 1rem;
|
|
672
820
|
}
|
|
673
821
|
}
|
|
@@ -1081,6 +1229,29 @@
|
|
|
1081
1229
|
background: transparent;
|
|
1082
1230
|
appearance: none;
|
|
1083
1231
|
cursor: pointer;
|
|
1232
|
+
accent-color: var(--fs-range-fill-color);
|
|
1233
|
+
}
|
|
1234
|
+
.fs-form-range-xs {
|
|
1235
|
+
--fs-range-track-height: 4px;
|
|
1236
|
+
--fs-range-thumb-size: 14px;
|
|
1237
|
+
}
|
|
1238
|
+
.fs-form-range-sm {
|
|
1239
|
+
--fs-range-track-height: 5px;
|
|
1240
|
+
--fs-range-thumb-size: 16px;
|
|
1241
|
+
}
|
|
1242
|
+
.fs-form-range-lg {
|
|
1243
|
+
--fs-range-track-height: 8px;
|
|
1244
|
+
--fs-range-thumb-size: 22px;
|
|
1245
|
+
}
|
|
1246
|
+
.fs-form-range-xl {
|
|
1247
|
+
--fs-range-track-height: 10px;
|
|
1248
|
+
--fs-range-thumb-size: 26px;
|
|
1249
|
+
}
|
|
1250
|
+
.fs-form-range-vertical {
|
|
1251
|
+
width: var(--fs-range-thumb-size);
|
|
1252
|
+
height: 160px;
|
|
1253
|
+
writing-mode: vertical-lr;
|
|
1254
|
+
direction: rtl;
|
|
1084
1255
|
}
|
|
1085
1256
|
.fs-form-range::-webkit-slider-runnable-track {
|
|
1086
1257
|
height: var(--fs-range-track-height);
|
|
@@ -1314,6 +1485,13 @@
|
|
|
1314
1485
|
--fs-color-focus: var(--fs-color-primary);
|
|
1315
1486
|
--fs-color-action-primary: var(--fs-color-primary);
|
|
1316
1487
|
--fs-color-action-danger: var(--fs-color-danger);
|
|
1488
|
+
--fs-control-bg: var(--fs-color-surface);
|
|
1489
|
+
--fs-control-border-color: var(--fs-color-border);
|
|
1490
|
+
--fs-control-hover-bg: var(--fs-color-subtle);
|
|
1491
|
+
--fs-control-placeholder-color: var(--fs-color-muted);
|
|
1492
|
+
--fs-control-invalid-color: var(--fs-color-danger);
|
|
1493
|
+
--fs-control-valid-color: var(--fs-color-success);
|
|
1494
|
+
--fs-control-addon-bg: var(--fs-color-subtle);
|
|
1317
1495
|
--fs-shadow-sm: 0 1px 3px rgb(0 0 0 / 50%), 0 1px 2px rgb(0 0 0 / 40%);
|
|
1318
1496
|
--fs-shadow-md: 0 6px 12px rgb(0 0 0 / 55%), 0 3px 6px rgb(0 0 0 / 45%);
|
|
1319
1497
|
--fs-shadow-lg: 0 15px 30px rgb(0 0 0 / 60%), 0 6px 12px rgb(0 0 0 / 50%);
|
package/dist/css/forms.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer reset, tokens, base, layout, components, utilities, overrides;@layer tokens{:root{--fs-color-white:#fff;--fs-color-black:#000;--fs-color-text:#1e293b;--fs-color-muted:#64748b;--fs-color-border:#e2e8f0;--fs-color-surface:#fff;--fs-color-subtle:#f8fafc;--fs-font-sans:Plus Jakarta Sans,sans-serif;--fs-font-mono:Source Code Pro,monospace;--fs-font-size-md:0.8125rem;--fs-font-size-h1:1.75rem;--fs-font-size-h2:1.5rem;--fs-font-size-h3:1.3125rem;--fs-font-size-h4:1.125rem;--fs-font-size-h5:1rem;--fs-font-size-h6:0.875rem;--fs-font-weight-semibold:600;--fs-line-height-base:1.5;--fs-line-height-heading:1.25;--fs-radius-sm:4px;--fs-radius-md:6px;--fs-radius-lg:8px;--fs-gutter-x:1.5rem;--fs-gutter-y:0px;--fs-space-0:0;--fs-space-1:0.25rem;--fs-space-2:0.5rem;--fs-space-3:1rem;--fs-space-4:1.5rem;--fs-space-5:3rem;--fs-z-base:0;--fs-z-dropdown:1000;--fs-z-sticky:1020;--fs-z-modal:1050;--fs-z-offcanvas:1060;--fs-z-notification:1080;--fs-z-toast:1090;--fs-z-tooltip:1100;--fs-control-height:38px;--fs-control-height-sm:30px;--fs-control-height-lg:46px;--fs-control-padding-x:12px;--fs-control-padding-x-sm:8px;--fs-control-padding-x-lg:16px;--fs-focus-width:2px;--fs-focus-offset:2px;--fs-focus-color:var(--fs-color-primary);--fs-focus-ring-size:3px;--fs-focus-ring-color:color-mix(in srgb,var(--fs-focus-color) 22%,#0000);--fs-focus-ring-alpha:22%;--fs-transition-fast:150ms;--fs-transition-normal:220ms;--fs-motion-duration-fast:var(--fs-transition-fast);--fs-motion-duration-normal:var(--fs-transition-normal);--fs-motion-ease-standard:var(--fs-ease-standard);--fs-ease-standard:cubic-bezier(0.2,0,0,1);--fs-border-width:1px;--fs-disabled-opacity:0.5;--fs-safe-area-top:env(safe-area-inset-top,0px);--fs-safe-area-right:env(safe-area-inset-right,0px);--fs-safe-area-bottom:env(safe-area-inset-bottom,0px);--fs-safe-area-left:env(safe-area-inset-left,0px);--fs-component-control-height:var(--fs-control-height);--fs-component-overlay-backdrop:#0000008c;--fs-component-panel-radius:var(--fs-radius-md);--fs-component-panel-shadow:var(--fs-shadow-lg);--fs-contrast-border-width:var(--fs-border-width);--fs-contrast-focus-width:var(--fs-focus-width);--fs-cq-sm:320px;--fs-cq-md:480px;--fs-cq-lg:640px;--fs-shadow-sm:0 1px 3px #00000026,0 1px 2px #0000001a;--fs-shadow-md:0 6px 12px #00000026,0 3px 6px #0000001a;--fs-shadow-lg:0 15px 30px #0000002e,0 6px 12px #0000001f;--fs-tooltip-bg:#1e293b;--fs-tooltip-text:#fff;--fs-color-primary:#1a61e6;--fs-color-on-primary:#fff;--fs-alert-primary-bg:#dce9fe;--fs-alert-primary-text:#042159;--fs-color-secondary:#64748b;--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:#e6e9ed;--fs-alert-secondary-text:#222932;--fs-color-success:#0dd157;--fs-color-on-success:#000;--fs-alert-success-bg:#e5f9e7;--fs-alert-success-text:#02501c;--fs-color-warning:#fab633;--fs-color-on-warning:#000;--fs-alert-warning-bg:#fff5e5;--fs-alert-warning-text:#61440d;--fs-color-danger:#cc3335;--fs-color-on-danger:#fff;--fs-alert-danger-bg:#fce2e0;--fs-alert-danger-text:#4e0d0e;--fs-color-info:#5e5cc7;--fs-color-on-info:#fff;--fs-alert-info-bg:#e4e6f8;--fs-alert-info-text:#1f1f4c;--fs-feedback-primary-bg:#e6f0ff;--fs-feedback-secondary-bg:#f8fafc;--fs-feedback-success-bg:#e6fff2;--fs-feedback-warning-bg:#fff9e6;--fs-feedback-danger-bg:#fff2f3;--fs-feedback-info-bg:#f2f2ff}@supports (color:oklch(0% 0 0deg)){:root{--fs-color-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-muted:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-border:oklch(92.876126719% 0.0126187744 255.5078854448deg);--fs-color-subtle:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-bg:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(53.5630074284% 0.2132145174 261.6264320248deg);--fs-color-on-primary:#fff;--fs-alert-primary-bg:oklch(93.0344511143% 0.0319821776 261.6264320248deg);--fs-alert-primary-text:oklch(26.7815037142% 0.1066072587 261.6264320248deg);--fs-color-secondary:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:oklch(93.3158651149% 0.0061075564 257.4166191214deg);--fs-alert-secondary-text:oklch(27.7195503831% 0.0203585215 257.4166191214deg);--fs-color-success:oklch(75.151587899% 0.2146126169 148.125846236deg);--fs-color-on-success:#000;--fs-alert-success-bg:oklch(96.2727381849% 0.0321918925 148.125846236deg);--fs-alert-success-text:oklch(37.5757939495% 0.1073063085 148.125846236deg);--fs-color-warning:oklch(81.9510815663% 0.1562613975 78.6575213966deg);--fs-color-on-warning:#000;--fs-alert-warning-bg:oklch(97.2926622349% 0.0234392096 78.6575213966deg);--fs-alert-warning-text:oklch(40.9755407832% 0.0781306987 78.6575213966deg);--fs-color-danger:oklch(55.9653139301% 0.1897270855 25.2407937498deg);--fs-color-on-danger:#fff;--fs-alert-danger-bg:oklch(93.3947970895% 0.0284590628 25.2407937498deg);--fs-alert-danger-text:oklch(27.982656965% 0.0948635427 25.2407937498deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-color-on-info:#fff;--fs-alert-info-bg:oklch(93.0003967004% 0.0243019669 280.2231949375deg);--fs-alert-info-text:oklch(26.6679890014% 0.0810065564 280.2231949375deg);--fs-feedback-primary-bg:oklch(95.2067827456% 0.0228899025 258.359342143deg);--fs-feedback-secondary-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-feedback-success-bg:oklch(97.8305614459% 0.0311593614 163.2740567608deg);--fs-feedback-warning-bg:oklch(98.17094418% 0.025708244 92.3886876566deg);--fs-feedback-danger-bg:oklch(97.1603097552% 0.0140720277 12.0135639679deg);--fs-feedback-info-bg:oklch(96.4918490239% 0.0173174767 286.0707018324deg)}}@media (prefers-contrast:more){:root{--fs-contrast-border-width:2px;--fs-contrast-focus-width:3px;--fs-focus-width:var(--fs-contrast-focus-width);--fs-border-width:var(--fs-contrast-border-width)}}}@layer tokens{:root{--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-chart-series-1:var(--fs-color-primary);--fs-chart-series-2:var(--fs-color-success);--fs-chart-series-3:var(--fs-color-warning);--fs-chart-series-4:var(--fs-color-danger);--fs-chart-series-5:var(--fs-color-info);--fs-chart-series-6:var(--fs-color-secondary);--fs-chart-grid:var(--fs-color-border);--fs-chart-axis:var(--fs-color-muted);--fs-chart-tooltip-bg:var(--fs-tooltip-bg);--fs-chart-tooltip-text:var(--fs-tooltip-text)}}@layer tokens{}@layer reset{*,:after,:before{box-sizing:border-box}html{line-height:var(--fs-line-height-base);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--fs-color-text);background-color:var(--fs-color-surface)}[hidden]{display:none!important}}@layer base{body,button,input,select,textarea{font-family:var(--fs-font-sans);font-size:var(--fs-font-size-md)}code,kbd,pre,samp{font-family:var(--fs-font-mono)}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:var(--fs-font-weight-semibold);line-height:var(--fs-line-height-heading)}h1{font-size:var(--fs-font-size-h1)}h2{font-size:var(--fs-font-size-h2)}h3{font-size:var(--fs-font-size-h3)}h4{font-size:var(--fs-font-size-h4)}h5{font-size:var(--fs-font-size-h5)}h6{font-size:var(--fs-font-size-h6)}}@layer base{@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fs-progress-bar-animated,.fs-progress-indeterminate .fs-progress-bar,.fs-spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}}@layer reset{:focus-visible{outline:var(--fs-focus-width) solid var(--fs-focus-color);outline-offset:var(--fs-focus-offset)}@media (forced-colors:active){:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.fs-btn,[role=button],button,input,select,textarea{border-color:ButtonText;forced-color-adjust:auto}.fs-u-focus-ring:focus-visible{outline:3px solid Highlight}}}@layer utilities{.fs-u-visually-hidden-focusable:not(:focus):not(:focus-within),.fs-u-visually-hidden:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.fs-skip-link{position:fixed;z-index:1000;inset-block-start:var(--fs-space-2);inset-inline-start:var(--fs-space-2);transform:translateY(-200%);padding:var(--fs-space-2) var(--fs-space-3);color:var(--fs-color-on-primary);background:var(--fs-color-primary);border-radius:var(--fs-radius-sm)}.fs-skip-link:focus{transform:translateY(0)}}@layer components{.fs-form-fieldset{min-inline-size:0;margin:0;padding:var(--fs-space-3);border:var(--fs-border-width) solid var(--fs-color-border);border-radius:var(--fs-radius-md)}.fs-form-fieldset>legend{max-inline-size:100%;padding-inline:var(--fs-space-1);color:var(--fs-color-text);font-size:.75rem;font-weight:600}.fs-form-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:12px 16px;width:100%}.fs-form-col{display:flex;flex:1 1 240px;flex-direction:column;align-items:stretch;min-width:0;gap:4px}.fs-form-label{color:var(--fs-color-muted);font-size:.75rem;font-weight:400}.fs-form-label,.fs-form-text{width:auto;margin:0}.fs-form-text,.fs-invalid-feedback,.fs-valid-feedback{min-height:1.25rem;padding:3px 8px;border-radius:var(--fs-radius-sm)}.fs-form-text{color:var(--fs-color-muted);font-size:.6875rem;font-weight:400}.fs-invalid-feedback,.fs-valid-feedback{display:none;font-size:.6875rem;font-weight:400}.fs-valid-feedback{color:var(--fs-alert-success-text);background-color:var(--fs-feedback-success-bg)}.fs-invalid-feedback{color:var(--fs-alert-danger-text);background-color:var(--fs-feedback-danger-bg)}.is-invalid~.fs-invalid-feedback,.is-valid~.fs-valid-feedback{display:block}.fs-form-control{width:100%;min-width:0;height:var(--fs-control-height);padding:0 7px;border:var(--fs-border-width) solid var(--fs-color-border-default);border-radius:var(--fs-radius-sm);color:var(--fs-color-text);background-color:var(--fs-color-surface);font-size:.8125rem;font-weight:500}.fs-form-control::placeholder{color:var(--fs-color-muted)}.fs-form-control:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-form-control:disabled{color:var(--fs-color-muted);background-color:var(--fs-color-subtle);opacity:var(--fs-disabled-opacity);pointer-events:none}.fs-form-control:read-only{background-color:var(--fs-color-subtle);cursor:default}.fs-floating-label{position:relative}.fs-floating-label>.fs-form-control{height:56px;padding-top:20px}.fs-floating-label>.fs-form-label{position:absolute;z-index:1;top:8px;left:8px;color:var(--fs-color-muted);font-size:.6875rem;pointer-events:none}.fs-form-control[aria-invalid=true],.fs-was-validated .fs-form-control:invalid{border-color:var(--fs-color-danger)}.fs-form-control[aria-invalid=false],.fs-was-validated .fs-form-control:valid{border-color:var(--fs-color-success)}.fs-form-control-sm{height:var(--fs-control-height-sm);font-size:.6875rem}.fs-form-control-lg{height:var(--fs-control-height-lg);font-size:.8125rem}.fs-form-size-sm{width:120px}.fs-form-size-md{width:180px}.fs-form-size-lg{width:240px}.fs-form-size-xl{width:300px}.fs-form-size-xxl{width:360px}.fs-form-control.is-valid{border-color:var(--fs-color-success)}.fs-form-control.is-valid:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-success);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-success) 22%,#0000)}.fs-form-control.is-invalid{border-color:var(--fs-color-danger)}.fs-form-control.is-invalid:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-danger) 22%,#0000)}.fs-form-select{display:flex;flex:1;align-items:center;justify-content:space-between;width:100%;height:var(--fs-control-height);padding:0 7px;border:var(--fs-border-width) solid var(--fs-color-border-default);border-radius:var(--fs-radius-sm);color:var(--fs-color-text);background-color:var(--fs-color-surface);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer}.fs-form-select:after{flex-shrink:0;display:inline-block;width:0;height:0;margin-left:8px;content:"";border-top:5px solid;border-right:5px solid #0000;border-left:5px solid #0000}.fs-form-select:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-form-select:disabled{color:var(--fs-color-muted);background-color:var(--fs-color-subtle);opacity:.4;pointer-events:none}.fs-form-select-sm{height:var(--fs-control-height-sm);font-size:.6875rem}.fs-form-select-lg{height:var(--fs-control-height-lg);font-size:.8125rem}.fs-file-upload{position:relative;display:inline-flex}.fs-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fs-file-label{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--fs-color-border);border-radius:var(--fs-radius-sm);color:var(--fs-color-text);background-color:var(--fs-color-subtle);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter var(--fs-transition-fast) var(--fs-ease-standard)}.fs-file-label:hover{filter:brightness(.96)}.fs-file-input:focus-visible+.fs-file-label{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-file-input:disabled+.fs-file-label{color:var(--fs-color-muted);opacity:var(--fs-disabled-opacity);pointer-events:none;cursor:default}.fs-file-label-sm{height:30px;padding:0 10px;font-size:.6875rem}.fs-file-label-lg{height:46px;padding:0 18px;font-size:1rem}.fs-file-label.is-dragover{border-color:var(--fs-color-primary);background-color:var(--fs-color-subtle)}.fs-file-label-dropzone{flex-direction:column;gap:4px;width:100%;height:auto;padding:32px 16px;border-style:dashed;border-width:2px;font-weight:400;text-align:center}.fs-file-label-dropzone .fs-file-dropzone-hint{color:var(--fs-color-muted);font-size:.6875rem;font-weight:400}.fs-input-group{display:flex;align-items:stretch;width:100%}.fs-input-group>:is(.fs-form-control,.fs-form-select){flex:1 1 auto;width:1%;min-width:0}.fs-input-group-text{display:flex;align-items:center;padding:0 12px;border:1px solid var(--fs-color-border);color:var(--fs-color-muted);background-color:var(--fs-color-subtle);font-size:.8125rem;font-weight:500;white-space:nowrap}.fs-input-group>:not(:first-child){margin-left:-1px}.fs-input-group>:focus-visible,.fs-input-group>:focus-within{position:relative;z-index:1}.fs-input-group>*{border-radius:0}.fs-input-group>:first-child{border-top-left-radius:var(--fs-radius-sm);border-bottom-left-radius:var(--fs-radius-sm)}.fs-input-group>:last-child{border-top-right-radius:var(--fs-radius-sm);border-bottom-right-radius:var(--fs-radius-sm)}.fs-input-group-sm>:is(.fs-form-control,.fs-form-select,.fs-input-group-text){height:30px;padding:0 8px;font-size:.6875rem}.fs-input-group-lg>:is(.fs-form-control,.fs-form-select,.fs-input-group-text){height:46px;padding:0 16px;font-size:1rem}.fs-check,.fs-radio,.fs-switch{display:inline-flex;align-items:center;min-inline-size:0}.fs-check{--fs-check-size:18px;--fs-check-border-width:2px;--fs-check-radius:var(--fs-radius-sm);--fs-check-gap:var(--fs-space-2);--fs-check-mark-color:var(--fs-color-on-primary);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-radio{--fs-radio-size:18px;--fs-radio-dot-size:8px;--fs-radio-radius:50%;--fs-radio-gap:var(--fs-space-2);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-switch{--fs-switch-track-width:40px;--fs-switch-track-height:24px;--fs-switch-thumb-width:18px;--fs-switch-thumb-height:18px;--fs-switch-thumb-offset:3px;--fs-switch-on-offset:19px;--fs-switch-radius:var(--fs-radius-md);--fs-switch-thumb-radius:var(--fs-radius-sm);--fs-switch-gap:var(--fs-space-2);--fs-switch-track-bg:var(--fs-color-subtle);--fs-switch-track-border:var(--fs-color-border-default);--fs-switch-track-checked-bg:var(--fs-color-primary);--fs-switch-thumb-bg:var(--fs-color-surface);--fs-switch-thumb-border:var(--fs-color-border-default);--fs-switch-thumb-shadow:var(--fs-shadow-sm);--fs-switch-track-shadow:inset 0 1px 1px #0f172a1f;--fs-switch-hover-ring:color-mix(in srgb,var(--fs-color-primary) 18%,#0000);--fs-switch-hover-shadow:0 0 0 4px var(--fs-switch-hover-ring);--fs-switch-active-scale:0.92;--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-check-input,.fs-radio-input,.fs-switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fs-check-label,.fs-radio-label,.fs-switch-label{position:relative;display:inline-flex;align-items:center;min-block-size:24px;min-inline-size:24px;color:var(--fs-color-text);font-size:.8125rem;line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none}.fs-check-label{padding-inline-start:calc(var(--fs-check-size) + var(--fs-check-gap))}.fs-radio-label{padding-inline-start:calc(var(--fs-radio-size) + var(--fs-radio-gap))}.fs-switch-label{padding-inline-start:calc(var(--fs-switch-track-width) + var(--fs-switch-gap))}.fs-check-label:before,.fs-radio-label:before,.fs-switch-label:before{position:absolute;inset-block-start:50%;box-sizing:border-box;border:var(--fs-border-width) solid var(--fs-color-border);background-color:var(--fs-color-surface);content:"";transform:translateY(-50%);transition:background-color var(--fs-transition-fast) var(--fs-ease-standard),border-color var(--fs-transition-fast) var(--fs-ease-standard),box-shadow var(--fs-transition-fast) var(--fs-ease-standard)}.fs-check-label:before{inset-inline-start:0;width:var(--fs-check-size);height:var(--fs-check-size);border-width:var(--fs-check-border-width);border-radius:var(--fs-check-radius)}.fs-radio-label:before{inset-inline-start:0;width:var(--fs-radio-size);height:var(--fs-radio-size);border-radius:var(--fs-radio-radius)}.fs-check-label:after,.fs-radio-label:after,.fs-switch-label:after{position:absolute;content:"";opacity:0;transition:opacity var(--fs-transition-fast) var(--fs-ease-standard),background-color var(--fs-transition-fast) var(--fs-ease-standard),inset-inline-start var(--fs-transition-fast) var(--fs-ease-standard),transform var(--fs-transition-fast) var(--fs-ease-standard)}.fs-check-label:after{inset-inline-start:calc((var(--fs-check-size) - 9px)/2);inset-block-start:50%;width:9px;height:5px;border-block-end:2px solid var(--fs-check-mark-color);border-inline-start:2px solid var(--fs-check-mark-color);transform:translateY(-65%) rotate(-45deg)}.fs-radio-label:after{inset-inline-start:calc((var(--fs-radio-size) - var(--fs-radio-dot-size))/2);inset-block-start:50%;width:var(--fs-radio-dot-size);height:var(--fs-radio-dot-size);border-radius:50%;background-color:var(--fs-color-on-primary);transform:translateY(-50%)}.fs-check-input:checked+.fs-check-label:before,.fs-radio-input:checked+.fs-radio-label:before{border-color:var(--fs-color-primary);background-color:var(--fs-color-primary)}.fs-check-input:checked+.fs-check-label:after,.fs-radio-input:checked+.fs-radio-label:after{opacity:1}.fs-check-input:not(:disabled,:indeterminate,.is-invalid)+.fs-check-label:hover:before,.fs-radio-input:not(:disabled,.is-invalid)+.fs-radio-label:hover:before,.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{background-color:var(--fs-control-hover-bg)}.fs-check-input:checked:not(:disabled,.is-invalid)+.fs-check-label:hover:before,.fs-radio-input:checked:not(:disabled,.is-invalid)+.fs-radio-label:hover:before,.fs-switch-input:checked:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{background-color:color-mix(in srgb,var(--fs-color-primary) 88%,var(--fs-color-black))}.fs-check-input:not(:disabled,.is-invalid)+.fs-check-label:active:before,.fs-radio-input:not(:disabled,.is-invalid)+.fs-radio-label:active:before,.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:active:before{background-color:var(--fs-control-active-bg);border-color:var(--fs-color-primary)}.fs-switch-label:before{inset-inline-start:0;width:var(--fs-switch-track-width);height:var(--fs-switch-track-height);border-color:var(--fs-switch-track-border);border-radius:var(--fs-switch-radius);background-color:var(--fs-switch-track-bg);box-shadow:var(--fs-switch-track-shadow)}.fs-switch-label:after{inset-inline-start:var(--fs-switch-thumb-offset);inset-block-start:50%;width:var(--fs-switch-thumb-width);height:var(--fs-switch-thumb-height);border-radius:var(--fs-switch-thumb-radius);border:var(--fs-border-width) solid var(--fs-switch-thumb-border);background-color:var(--fs-switch-thumb-bg);opacity:1;transform:translateY(-50%);box-shadow:var(--fs-switch-thumb-shadow)}.fs-switch-input:checked+.fs-switch-label:before{border-color:var(--fs-switch-track-checked-bg);background-color:var(--fs-switch-track-checked-bg);box-shadow:none}.fs-switch-input:checked+.fs-switch-label:after{inset-inline-start:var(--fs-switch-on-offset);border-color:var(--fs-color-on-primary);background-color:var(--fs-color-on-primary)}.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{box-shadow:var(--fs-switch-hover-shadow),var(--fs-switch-track-shadow)}.fs-switch-input:checked:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{box-shadow:var(--fs-switch-hover-shadow)}.fs-switch-input:not(:disabled)+.fs-switch-label:active:after{transform:translateY(-50%) scale(var(--fs-switch-active-scale))}.fs-check-input:focus-visible+.fs-check-label:before,.fs-radio-input:focus-visible+.fs-radio-label:before,.fs-switch-input:focus-visible+.fs-switch-label:before{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-check-input:disabled+.fs-check-label,.fs-radio-input:disabled+.fs-radio-label,.fs-switch-input:disabled+.fs-switch-label{color:var(--fs-color-muted);cursor:default;opacity:var(--fs-disabled-opacity);pointer-events:none}.fs-check-input:disabled+.fs-check-label:before,.fs-radio-input:disabled+.fs-radio-label:before,.fs-switch-input:disabled+.fs-switch-label:before{border-color:var(--fs-switch-track-border);background-color:var(--fs-switch-track-bg);box-shadow:none}.fs-switch-input:disabled+.fs-switch-label:after{background-color:var(--fs-color-subtle);box-shadow:none}.fs-check-input:disabled:checked+.fs-check-label:before,.fs-radio-input:disabled:checked+.fs-radio-label:before,.fs-switch-input:disabled:checked+.fs-switch-label:before{border-color:color-mix(in srgb,var(--fs-switch-track-checked-bg) 55%,var(--fs-color-border));background-color:color-mix(in srgb,var(--fs-switch-track-checked-bg) 45%,var(--fs-switch-track-bg))}.fs-switch-input:disabled:checked+.fs-switch-label:after{background-color:var(--fs-color-on-primary)}.fs-check-input.is-valid+.fs-check-label:before,.fs-check-input[aria-invalid=false]+.fs-check-label:before,.fs-radio-input.is-valid+.fs-radio-label:before,.fs-radio-input[aria-invalid=false]+.fs-radio-label:before,.fs-switch-input.is-valid+.fs-switch-label:before,.fs-switch-input[aria-invalid=false]+.fs-switch-label:before{border-color:var(--fs-control-success-color)}.fs-check-input.is-invalid+.fs-check-label:before,.fs-check-input[aria-invalid=true]+.fs-check-label:before,.fs-radio-input.is-invalid+.fs-radio-label:before,.fs-radio-input[aria-invalid=true]+.fs-radio-label:before,.fs-switch-input.is-invalid+.fs-switch-label:before,.fs-switch-input[aria-invalid=true]+.fs-switch-label:before{border-color:var(--fs-control-error-color)}.fs-switch-input.is-invalid:checked+.fs-switch-label:before,.fs-switch-input[aria-invalid=true]:checked+.fs-switch-label:before{background-color:var(--fs-control-error-color);box-shadow:none}.fs-switch-input.is-valid:checked+.fs-switch-label:before,.fs-switch-input[aria-invalid=false]:checked+.fs-switch-label:before{background-color:var(--fs-control-success-color);border-color:var(--fs-control-success-color);box-shadow:none}:is(.fs-check-input.is-invalid,.fs-check-input[aria-invalid=true])+.fs-check-label:before{background-color:var(--fs-control-error-color)}:is(.fs-check-input.is-invalid,.fs-check-input[aria-invalid=true])+.fs-check-label:after{inset-inline-start:50%;inset-block-start:50%;width:9px;height:9px;border:0;background-image:linear-gradient(45deg,#0000 42%,var(--fs-color-on-danger,var(--fs-color-white)) 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,var(--fs-color-on-danger,var(--fs-color-white)) 42% 58%,#0000 58%);opacity:1;transform:translate(-50%,-50%)}.fs-check-input:indeterminate+.fs-check-label:before{border-color:var(--fs-color-primary);background-color:var(--fs-color-surface)}.fs-check-input:indeterminate+.fs-check-label:after{inset-inline-start:calc((var(--fs-check-size) - 10px)/2);inset-block-start:50%;width:10px;height:2px;border:0;border-radius:1px;background-color:var(--fs-color-primary);opacity:1;transform:translateY(-50%)}.fs-check-sm,.fs-radio-sm,.fs-switch-sm{font-size:.75rem}.fs-check-sm{--fs-check-size:15px;--fs-check-gap:9px}.fs-radio-sm{--fs-radio-size:15px;--fs-radio-dot-size:7px;--fs-radio-gap:9px}.fs-switch-sm{--fs-switch-track-width:32px;--fs-switch-track-height:18px;--fs-switch-thumb-width:14px;--fs-switch-thumb-height:14px;--fs-switch-thumb-offset:2px;--fs-switch-on-offset:16px;--fs-switch-hover-shadow:0 0 0 3px var(--fs-switch-hover-ring)}.fs-check-lg,.fs-radio-lg,.fs-switch-lg{font-size:1rem}.fs-check-lg{--fs-check-size:22px;--fs-check-gap:12px}.fs-radio-lg{--fs-radio-size:22px;--fs-radio-dot-size:10px;--fs-radio-gap:12px}.fs-switch-lg{--fs-switch-track-width:48px;--fs-switch-track-height:28px;--fs-switch-thumb-width:22px;--fs-switch-thumb-height:22px;--fs-switch-thumb-offset:3px;--fs-switch-on-offset:23px;--fs-switch-hover-shadow:0 0 0 5px var(--fs-switch-hover-ring)}}@layer components{@media (prefers-reduced-motion:reduce){.fs-check-label:after,.fs-check-label:before,.fs-radio-label:after,.fs-radio-label:before,.fs-switch-label:after,.fs-switch-label:before{transition-duration:0s}}@media (prefers-contrast:more){.fs-check,.fs-radio,.fs-switch{--fs-border-width:2px;--fs-focus-width:3px}}@media (forced-colors:active){.fs-check-label:before,.fs-radio-label:before,.fs-switch-label:after,.fs-switch-label:before{border-color:ButtonText;forced-color-adjust:auto}.fs-check-input:checked+.fs-check-label:before,.fs-radio-input:checked+.fs-radio-label:before,.fs-switch-input:checked+.fs-switch-label:before{background-color:Highlight;border-color:Highlight}.fs-switch-label:after{background-color:ButtonFace;border-color:ButtonText;box-shadow:none}.fs-switch-input:checked+.fs-switch-label:after{background-color:HighlightText;border-color:HighlightText}.fs-check-input:focus-visible+.fs-check-label:before,.fs-radio-input:focus-visible+.fs-radio-label:before,.fs-switch-input:focus-visible+.fs-switch-label:before{outline:3px solid Highlight;outline-offset:2px}}}@layer components{.fs-form-range{--fs-range-track-height:6px;--fs-range-track-color:var(--fs-color-border);--fs-range-fill-color:var(--fs-color-primary);--fs-range-thumb-size:18px;--fs-range-thumb-color:var(--fs-color-surface);--fs-range-thumb-border-color:var(--fs-color-primary);--fs-range-percent:0%;width:100%;height:var(--fs-range-thumb-size);padding:0;background:#0000;appearance:none;cursor:pointer}.fs-form-range::-webkit-slider-runnable-track{height:var(--fs-range-track-height);border-radius:var(--fs-radius-sm);background:linear-gradient(to right,var(--fs-range-fill-color) var(--fs-range-percent),var(--fs-range-track-color) var(--fs-range-percent))}.fs-form-range::-moz-range-track{height:var(--fs-range-track-height);border-radius:var(--fs-radius-sm);background:linear-gradient(to right,var(--fs-range-fill-color) var(--fs-range-percent),var(--fs-range-track-color) var(--fs-range-percent))}.fs-form-range::-webkit-slider-thumb{width:var(--fs-range-thumb-size);height:var(--fs-range-thumb-size);margin-top:calc((var(--fs-range-track-height) - var(--fs-range-thumb-size))/2);border:2px solid var(--fs-range-thumb-border-color);border-radius:50%;background-color:var(--fs-range-thumb-color);appearance:none;cursor:pointer}.fs-form-range::-moz-range-thumb{width:calc(var(--fs-range-thumb-size) - 4px);height:calc(var(--fs-range-thumb-size) - 4px);border:2px solid var(--fs-range-thumb-border-color);border-radius:50%;background-color:var(--fs-range-thumb-color);cursor:pointer}.fs-form-range:focus-visible::-webkit-slider-thumb{outline:var(--fs-focus-width) solid var(--fs-range-thumb-border-color);outline-offset:var(--fs-focus-offset);border-color:var(--fs-range-thumb-border-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-range-thumb-border-color) 22%,#0000)}.fs-form-range:focus-visible::-moz-range-thumb{outline:var(--fs-focus-width) solid var(--fs-range-thumb-border-color);outline-offset:var(--fs-focus-offset);border-color:var(--fs-range-thumb-border-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-range-thumb-border-color) 22%,#0000)}.fs-form-range:disabled{opacity:.6;cursor:not-allowed}.fs-form-range:disabled::-webkit-slider-thumb{cursor:not-allowed}.fs-form-range:disabled::-moz-range-thumb{cursor:not-allowed}.fs-range-output{display:inline-block;min-width:2.5em;color:var(--fs-color-text);font-size:.75rem;font-weight:500;text-align:center}.fs-file-upload-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:12px;padding:0;list-style:none}.fs-file-upload-item{gap:12px;padding:8px 12px;border:1px solid var(--fs-color-border);background-color:var(--fs-color-surface)}.fs-file-upload-item,.fs-file-upload-thumb{display:flex;align-items:center;border-radius:var(--fs-radius-sm)}.fs-file-upload-thumb{flex-shrink:0;justify-content:center;width:40px;height:40px;overflow:hidden;background-color:var(--fs-color-subtle);color:var(--fs-color-muted)}.fs-file-upload-thumb img{width:100%;height:100%;object-fit:cover}.fs-file-upload-info{flex:1;min-width:0}.fs-file-upload-name{margin:0;color:var(--fs-color-text);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-file-upload-size{margin:0 0 4px;color:var(--fs-color-muted);font-size:.6875rem}.fs-file-upload-item.is-error .fs-file-upload-size{color:var(--fs-alert-danger-text)}.fs-file-upload-remove{flex-shrink:0}}@layer components{}@layer tokens{[data-fs-brand=violet]{--fs-color-primary:#6d28d9;--fs-alert-primary-bg:#e6e2fd;--fs-alert-primary-text:#260953;--fs-feedback-primary-bg:#e6e2fd}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:#7339dc;--fs-alert-primary-bg:#1f2f53;--fs-alert-primary-text:#a794f0;--fs-feedback-primary-bg:#1f2f53}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=violet]{--fs-color-primary:oklch(49.0666497236% 0.2412317343 292.5809393311deg);--fs-alert-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg);--fs-alert-primary-text:oklch(24.5333248618% 0.1206158672 292.5809393311deg);--fs-feedback-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg)}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:oklch(51.6133172374% 0.2291701476 292.5809393311deg);--fs-alert-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg);--fs-alert-primary-text:oklch(71.986657348% 0.1326774539 292.5809393311deg);--fs-feedback-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg)}}[data-fs-brand=corporate]{--fs-color-primary:#1d4e89;--fs-alert-primary-bg:#dbe3ee;--fs-alert-primary-text:#051931;--fs-feedback-primary-bg:#dbe3ee}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:#29578f;--fs-alert-primary-bg:#1f2e46;--fs-alert-primary-text:#809bbf;--fs-feedback-primary-bg:#1f2e46}[data-fs-brand=vibrant]{--fs-color-primary:#f2542d;--fs-alert-primary-bg:#ffe7e1;--fs-alert-primary-text:#5e1b0b;--fs-feedback-primary-bg:#ffe7e1}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:#f45f3b;--fs-alert-primary-bg:#313356;--fs-alert-primary-text:#ffa791;--fs-feedback-primary-bg:#313356}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=corporate]{--fs-color-primary:oklch(42.3377990386% 0.1112359961 255.1073474093deg);--fs-alert-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg);--fs-alert-primary-text:oklch(21.1688995193% 0.055617998 255.1073474093deg);--fs-feedback-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg)}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:oklch(45.2209090867% 0.1056741963 255.1073474093deg);--fs-alert-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg);--fs-alert-primary-text:oklch(68.2857894712% 0.0611797979 255.1073474093deg);--fs-feedback-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg)}[data-fs-brand=vibrant]{--fs-color-primary:oklch(65.5786741493% 0.2007639921 34.7814711243deg);--fs-alert-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg);--fs-alert-primary-text:oklch(32.7893370747% 0.1003819961 34.7814711243deg);--fs-feedback-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg)}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:oklch(67.2997404419% 0.1907257925 34.7814711243deg);--fs-alert-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg);--fs-alert-primary-text:oklch(81.0682707821% 0.1104201957 34.7814711243deg);--fs-feedback-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg)}}}@layer overrides{[data-fs-brand=vibrant] :is(.fs-badge-primary,.fs-btn-primary){--fs-btn-color:#000;--fs-badge-color:#000}[data-fs-brand=vibrant] .fs-check{--fs-check-mark:#000}}@layer tokens{[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-shadow-sm:0 1px 3px #00000080,0 1px 2px #0006;--fs-shadow-md:0 6px 12px #0000008c,0 3px 6px #00000073;--fs-shadow-lg:0 15px 30px #0009,0 6px 12px #00000080;--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b;--fs-color-primary:#286ae8;--fs-alert-primary-bg:#1f3252;--fs-alert-primary-text:#83acf6;--fs-feedback-primary-bg:#1f3252;--fs-color-secondary:#728196;--fs-alert-secondary-bg:#283346;--fs-alert-secondary-text:#a7b0be;--fs-feedback-secondary-bg:#283346;--fs-color-success:#86e396;--fs-alert-success-bg:#193e59;--fs-alert-success-text:#9be8a6;--fs-feedback-success-bg:#193e59;--fs-color-warning:#fdd18a;--fs-alert-warning-bg:#3b3959;--fs-alert-warning-text:#fed89d;--fs-feedback-warning-bg:#3b3959;--fs-color-danger:#d0413f;--fs-alert-danger-bg:#2d3051;--fs-alert-danger-text:#eb968e;--fs-feedback-danger-bg:#2d3051;--fs-color-info:#5e5cc7;--fs-alert-info-bg:#23324f;--fs-alert-info-text:#a1a6e4;--fs-feedback-info-bg:#23324f}@supports (color:oklch(0% 0 0deg)){[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:oklch(96.2913383165% 0.002529697 228.7848682695deg);--fs-color-muted:oklch(80.9268110646% 0.0083071608 253.8653061211deg);--fs-color-border:oklch(36.8827622528% 0.0074489239 240.018838067deg);--fs-color-surface:oklch(24.7936263361% 0.0058460141 271.1764187765deg);--fs-color-subtle:oklch(29.3286259539% 0.0055990771 271.2234269855deg);--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-tooltip-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(55.884857057% 0.2025537915 261.6264320248deg);--fs-alert-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-alert-primary-text:oklch(74.4596540856% 0.1172679846 261.6264320248deg);--fs-feedback-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-color-secondary:oklch(59.8951906896% 0.0366453387 257.4166191214deg);--fs-alert-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-alert-secondary-text:oklch(75.4915054214% 0.0223943736 257.4166191214deg);--fs-feedback-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-color-success:oklch(83.8485321344% 0.139498201 148.125846236deg);--fs-alert-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-alert-success-text:oklch(86.3333733445% 0.1180369393 148.125846236deg);--fs-feedback-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-color-warning:oklch(88.2682030181% 0.1015699084 78.6575213966deg);--fs-alert-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-alert-warning-text:oklch(90.0730948615% 0.0859437686 78.6575213966deg);--fs-feedback-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-color-danger:oklch(58.1670482336% 0.1802407312 25.2407937498deg);--fs-alert-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-alert-danger-text:oklch(75.7809226615% 0.104349897 25.2407937498deg);--fs-feedback-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-alert-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg);--fs-alert-info-text:oklch(74.3347879016% 0.0891072121 280.2231949375deg);--fs-feedback-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg)}}@media (prefers-color-scheme:dark){[data-fs-theme=auto]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b}}@media (forced-colors:active){:root,[data-fs-theme=auto],[data-fs-theme=dark],[data-fs-theme=light],[data-theme=dark]{--fs-color-border:CanvasText;--fs-color-text:CanvasText;--fs-color-surface:Canvas;--fs-color-subtle:Canvas;--fs-focus-color:Highlight}}}
|
|
1
|
+
@layer reset, tokens, base, layout, components, utilities, overrides;@layer tokens{:root{--fs-color-white:#fff;--fs-color-black:#000;--fs-color-text:#1e293b;--fs-color-muted:#64748b;--fs-color-border:#e2e8f0;--fs-color-surface:#fff;--fs-color-subtle:#f8fafc;--fs-font-sans:Plus Jakarta Sans,sans-serif;--fs-font-mono:Source Code Pro,monospace;--fs-font-size-md:0.8125rem;--fs-font-size-h1:1.75rem;--fs-font-size-h2:1.5rem;--fs-font-size-h3:1.3125rem;--fs-font-size-h4:1.125rem;--fs-font-size-h5:1rem;--fs-font-size-h6:0.875rem;--fs-font-weight-semibold:600;--fs-line-height-base:1.5;--fs-line-height-heading:1.25;--fs-radius-sm:4px;--fs-radius-md:6px;--fs-radius-lg:8px;--fs-gutter-x:1.5rem;--fs-gutter-y:0px;--fs-space-0:0;--fs-space-1:0.25rem;--fs-space-2:0.5rem;--fs-space-3:1rem;--fs-space-4:1.5rem;--fs-space-5:3rem;--fs-z-base:0;--fs-z-dropdown:1000;--fs-z-sticky:1020;--fs-z-modal:1050;--fs-z-offcanvas:1060;--fs-z-notification:1080;--fs-z-toast:1090;--fs-z-tooltip:1100;--fs-control-height:38px;--fs-control-height-sm:30px;--fs-control-height-lg:46px;--fs-control-height-xs:26px;--fs-control-height-xl:52px;--fs-control-padding-x:12px;--fs-control-padding-x-sm:8px;--fs-control-padding-x-lg:16px;--fs-control-padding-x-xs:6px;--fs-control-padding-x-xl:20px;--fs-control-border-color:var(--fs-color-border);--fs-control-bg:var(--fs-color-surface);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-placeholder-color:var(--fs-color-muted);--fs-control-focus-color:var(--fs-focus-color);--fs-control-invalid-color:var(--fs-color-danger);--fs-control-valid-color:var(--fs-color-success);--fs-control-disabled-opacity:var(--fs-disabled-opacity);--fs-control-radius:var(--fs-radius-sm);--fs-control-touch-target:44px;--fs-control-transition:color var(--fs-transition-fast) var(--fs-ease-standard),background-color var(--fs-transition-fast) var(--fs-ease-standard),border-color var(--fs-transition-fast) var(--fs-ease-standard),box-shadow var(--fs-transition-fast) var(--fs-ease-standard);--fs-control-option-gap:var(--fs-space-2);--fs-control-addon-bg:var(--fs-color-subtle);--fs-focus-width:2px;--fs-focus-offset:2px;--fs-focus-color:var(--fs-color-primary);--fs-focus-ring-size:3px;--fs-focus-ring-color:color-mix(in srgb,var(--fs-focus-color) 22%,#0000);--fs-focus-ring-alpha:22%;--fs-transition-fast:150ms;--fs-transition-normal:220ms;--fs-motion-duration-fast:var(--fs-transition-fast);--fs-motion-duration-normal:var(--fs-transition-normal);--fs-motion-ease-standard:var(--fs-ease-standard);--fs-ease-standard:cubic-bezier(0.2,0,0,1);--fs-border-width:1px;--fs-disabled-opacity:0.5;--fs-safe-area-top:env(safe-area-inset-top,0px);--fs-safe-area-right:env(safe-area-inset-right,0px);--fs-safe-area-bottom:env(safe-area-inset-bottom,0px);--fs-safe-area-left:env(safe-area-inset-left,0px);--fs-component-control-height:var(--fs-control-height);--fs-component-overlay-backdrop:#0000008c;--fs-component-panel-radius:var(--fs-radius-md);--fs-component-panel-shadow:var(--fs-shadow-lg);--fs-contrast-border-width:var(--fs-border-width);--fs-contrast-focus-width:var(--fs-focus-width);--fs-cq-sm:320px;--fs-cq-md:480px;--fs-cq-lg:640px;--fs-shadow-sm:0 1px 3px #00000026,0 1px 2px #0000001a;--fs-shadow-md:0 6px 12px #00000026,0 3px 6px #0000001a;--fs-shadow-lg:0 15px 30px #0000002e,0 6px 12px #0000001f;--fs-tooltip-bg:#1e293b;--fs-tooltip-text:#fff;--fs-color-primary:#1a61e6;--fs-color-on-primary:#fff;--fs-alert-primary-bg:#dce9fe;--fs-alert-primary-text:#042159;--fs-color-secondary:#64748b;--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:#e6e9ed;--fs-alert-secondary-text:#222932;--fs-color-success:#0dd157;--fs-color-on-success:#000;--fs-alert-success-bg:#e5f9e7;--fs-alert-success-text:#02501c;--fs-color-warning:#fab633;--fs-color-on-warning:#000;--fs-alert-warning-bg:#fff5e5;--fs-alert-warning-text:#61440d;--fs-color-danger:#cc3335;--fs-color-on-danger:#fff;--fs-alert-danger-bg:#fce2e0;--fs-alert-danger-text:#4e0d0e;--fs-color-info:#5e5cc7;--fs-color-on-info:#fff;--fs-alert-info-bg:#e4e6f8;--fs-alert-info-text:#1f1f4c;--fs-feedback-primary-bg:#e6f0ff;--fs-feedback-secondary-bg:#f8fafc;--fs-feedback-success-bg:#e6fff2;--fs-feedback-warning-bg:#fff9e6;--fs-feedback-danger-bg:#fff2f3;--fs-feedback-info-bg:#f2f2ff;--fs-color-primary-bg-subtle:var(--fs-feedback-primary-bg);--fs-color-primary-border-subtle:var(--fs-color-primary);--fs-color-primary-text-emphasis:var(--fs-alert-primary-text);--fs-color-secondary-bg-subtle:var(--fs-feedback-secondary-bg);--fs-color-secondary-border-subtle:var(--fs-color-secondary);--fs-color-secondary-text-emphasis:var(--fs-alert-secondary-text);--fs-color-success-bg-subtle:var(--fs-feedback-success-bg);--fs-color-success-border-subtle:var(--fs-color-success);--fs-color-success-text-emphasis:var(--fs-alert-success-text);--fs-color-warning-bg-subtle:var(--fs-feedback-warning-bg);--fs-color-warning-border-subtle:var(--fs-color-warning);--fs-color-warning-text-emphasis:var(--fs-alert-warning-text);--fs-color-danger-bg-subtle:var(--fs-feedback-danger-bg);--fs-color-danger-border-subtle:var(--fs-color-danger);--fs-color-danger-text-emphasis:var(--fs-alert-danger-text);--fs-color-info-bg-subtle:var(--fs-feedback-info-bg);--fs-color-info-border-subtle:var(--fs-color-info);--fs-color-info-text-emphasis:var(--fs-alert-info-text)}@supports (color:oklch(0% 0 0deg)){:root{--fs-color-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-muted:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-border:oklch(92.876126719% 0.0126187744 255.5078854448deg);--fs-color-subtle:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-bg:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(53.5630074284% 0.2132145174 261.6264320248deg);--fs-color-on-primary:#fff;--fs-alert-primary-bg:oklch(93.0344511143% 0.0319821776 261.6264320248deg);--fs-alert-primary-text:oklch(26.7815037142% 0.1066072587 261.6264320248deg);--fs-color-secondary:oklch(55.4391007662% 0.040717043 257.4166191214deg);--fs-color-on-secondary:#fff;--fs-alert-secondary-bg:oklch(93.3158651149% 0.0061075564 257.4166191214deg);--fs-alert-secondary-text:oklch(27.7195503831% 0.0203585215 257.4166191214deg);--fs-color-success:oklch(75.151587899% 0.2146126169 148.125846236deg);--fs-color-on-success:#000;--fs-alert-success-bg:oklch(96.2727381849% 0.0321918925 148.125846236deg);--fs-alert-success-text:oklch(37.5757939495% 0.1073063085 148.125846236deg);--fs-color-warning:oklch(81.9510815663% 0.1562613975 78.6575213966deg);--fs-color-on-warning:#000;--fs-alert-warning-bg:oklch(97.2926622349% 0.0234392096 78.6575213966deg);--fs-alert-warning-text:oklch(40.9755407832% 0.0781306987 78.6575213966deg);--fs-color-danger:oklch(55.9653139301% 0.1897270855 25.2407937498deg);--fs-color-on-danger:#fff;--fs-alert-danger-bg:oklch(93.3947970895% 0.0284590628 25.2407937498deg);--fs-alert-danger-text:oklch(27.982656965% 0.0948635427 25.2407937498deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-color-on-info:#fff;--fs-alert-info-bg:oklch(93.0003967004% 0.0243019669 280.2231949375deg);--fs-alert-info-text:oklch(26.6679890014% 0.0810065564 280.2231949375deg);--fs-feedback-primary-bg:oklch(95.2067827456% 0.0228899025 258.359342143deg);--fs-feedback-secondary-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-feedback-success-bg:oklch(97.8305614459% 0.0311593614 163.2740567608deg);--fs-feedback-warning-bg:oklch(98.17094418% 0.025708244 92.3886876566deg);--fs-feedback-danger-bg:oklch(97.1603097552% 0.0140720277 12.0135639679deg);--fs-feedback-info-bg:oklch(96.4918490239% 0.0173174767 286.0707018324deg)}}@media (prefers-contrast:more){:root{--fs-contrast-border-width:2px;--fs-contrast-focus-width:3px;--fs-focus-width:var(--fs-contrast-focus-width);--fs-border-width:var(--fs-contrast-border-width)}}}@layer tokens{:root{--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-chart-series-1:var(--fs-color-primary);--fs-chart-series-2:var(--fs-color-success);--fs-chart-series-3:var(--fs-color-warning);--fs-chart-series-4:var(--fs-color-danger);--fs-chart-series-5:var(--fs-color-info);--fs-chart-series-6:var(--fs-color-secondary);--fs-chart-grid:var(--fs-color-border);--fs-chart-axis:var(--fs-color-muted);--fs-chart-tooltip-bg:var(--fs-tooltip-bg);--fs-chart-tooltip-text:var(--fs-tooltip-text)}}@layer tokens{}@layer reset{*,:after,:before{box-sizing:border-box}html{line-height:var(--fs-line-height-base);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:var(--fs-color-text);background-color:var(--fs-color-surface)}[hidden]{display:none!important}}@layer base{body,button,input,select,textarea{font-family:var(--fs-font-sans);font-size:var(--fs-font-size-md)}code,kbd,pre,samp{font-family:var(--fs-font-mono)}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:var(--fs-font-weight-semibold);line-height:var(--fs-line-height-heading)}h1{font-size:var(--fs-font-size-h1)}h2{font-size:var(--fs-font-size-h2)}h3{font-size:var(--fs-font-size-h3)}h4{font-size:var(--fs-font-size-h4)}h5{font-size:var(--fs-font-size-h5)}h6{font-size:var(--fs-font-size-h6)}}@layer base{@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.fs-progress-bar-animated,.fs-progress-indeterminate .fs-progress-bar,.fs-spinner{animation-duration:1.5s!important;animation-iteration-count:infinite!important}}}@layer reset{:focus-visible{outline:var(--fs-focus-width) solid var(--fs-focus-color);outline-offset:var(--fs-focus-offset)}@media (forced-colors:active){:focus-visible{outline:2px solid CanvasText;outline-offset:2px}.fs-btn,[role=button],button,input,select,textarea{border-color:ButtonText;forced-color-adjust:auto}.fs-u-focus-ring:focus-visible{outline:3px solid Highlight}}}@layer utilities{.fs-u-visually-hidden-focusable:not(:focus):not(:focus-within),.fs-u-visually-hidden:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.fs-skip-link{position:fixed;z-index:1000;inset-block-start:var(--fs-space-2);inset-inline-start:var(--fs-space-2);transform:translateY(-200%);padding:var(--fs-space-2) var(--fs-space-3);color:var(--fs-color-on-primary);background:var(--fs-color-primary);border-radius:var(--fs-radius-sm)}.fs-skip-link:focus{transform:translateY(0)}}@layer components{.fs-form-fieldset{min-inline-size:0;margin:0;padding:var(--fs-space-3);border:var(--fs-border-width) solid var(--fs-color-border);border-radius:var(--fs-radius-md)}.fs-form-fieldset>legend{max-inline-size:100%;padding-inline:var(--fs-space-1);color:var(--fs-color-text);font-size:.75rem;font-weight:600}.fs-form-row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:12px 16px;width:100%}.fs-form-col{display:flex;flex:1 1 240px;flex-direction:column;align-items:stretch;min-width:0;gap:4px}.fs-form-label{color:var(--fs-color-muted);font-size:.75rem;font-weight:400}.fs-form-label,.fs-form-text{width:auto;margin:0}.fs-form-text,.fs-invalid-feedback,.fs-valid-feedback{min-height:1.25rem;padding:3px 8px;border-radius:var(--fs-radius-sm)}.fs-form-text{color:var(--fs-color-muted);font-size:.6875rem;font-weight:400}.fs-invalid-feedback,.fs-valid-feedback{display:none;font-size:.6875rem;font-weight:400}.fs-valid-feedback{color:var(--fs-alert-success-text);background-color:var(--fs-feedback-success-bg)}.fs-invalid-feedback{color:var(--fs-alert-danger-text);background-color:var(--fs-feedback-danger-bg)}.is-invalid~.fs-invalid-feedback,.is-valid~.fs-valid-feedback{display:block}.fs-form-control,.fs-form-date,.fs-form-textarea,.fs-form-time{width:100%;min-width:0;height:var(--fs-control-height);min-block-size:var(--fs-control-height);padding-block:0;padding-inline:var(--fs-control-padding-x);border:var(--fs-border-width) solid var(--fs-control-border-color);border-radius:var(--fs-control-radius);color:var(--fs-color-text);background-color:var(--fs-control-bg);font-size:.8125rem;font-weight:500;line-height:1.35;transition:var(--fs-control-transition);color-scheme:light}[data-fs-theme=dark] .fs-form-control,[data-fs-theme=dark] .fs-form-date,[data-fs-theme=dark] .fs-form-textarea,[data-fs-theme=dark] .fs-form-time,[data-theme=dark] .fs-form-control,[data-theme=dark] .fs-form-date,[data-theme=dark] .fs-form-textarea,[data-theme=dark] .fs-form-time{color-scheme:dark}.fs-form-textarea{height:auto;min-block-size:96px;padding-block:var(--fs-space-2);resize:vertical}.fs-form-control::placeholder,.fs-form-textarea::placeholder{color:var(--fs-control-placeholder-color);opacity:1}.fs-form-control:focus-visible,.fs-form-date:focus-visible,.fs-form-textarea:focus-visible,.fs-form-time:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-form-control:disabled,.fs-form-date:disabled,.fs-form-textarea:disabled,.fs-form-time:disabled{color:var(--fs-color-muted);background-color:var(--fs-color-subtle);opacity:var(--fs-control-disabled-opacity);pointer-events:none}.fs-form-control:read-only,.fs-form-date:read-only,.fs-form-textarea:read-only,.fs-form-time:read-only{background-color:var(--fs-color-subtle);cursor:default}.fs-form-control[type=search]{appearance:auto}.fs-form-control[type=date],.fs-form-control[type=time],.fs-form-date,.fs-form-time{accent-color:var(--fs-color-primary)}.fs-floating-label{position:relative}.fs-floating-label>.fs-form-control{height:56px;padding-top:20px}.fs-floating-label>.fs-form-label{position:absolute;z-index:1;top:8px;left:8px;color:var(--fs-color-muted);font-size:.6875rem;pointer-events:none}.fs-form-control[aria-invalid=true],.fs-form-date[aria-invalid=true],.fs-form-textarea[aria-invalid=true],.fs-form-time[aria-invalid=true],.fs-was-validated .fs-form-control:invalid{border-color:var(--fs-control-invalid-color)}.fs-form-control[aria-invalid=false],.fs-form-date[aria-invalid=false],.fs-form-textarea[aria-invalid=false],.fs-form-time[aria-invalid=false],.fs-was-validated .fs-form-control:valid{border-color:var(--fs-control-valid-color)}.fs-form-control-sm{height:var(--fs-control-height-sm);min-block-size:var(--fs-control-height-sm);padding-inline:var(--fs-control-padding-x-sm);font-size:.6875rem}.fs-form-control-lg{height:var(--fs-control-height-lg);min-block-size:var(--fs-control-height-lg);padding-inline:var(--fs-control-padding-x-lg);font-size:.8125rem}.fs-form-control-xs{height:var(--fs-control-height-xs);min-block-size:var(--fs-control-height-xs);padding-inline:var(--fs-control-padding-x-xs);font-size:.6875rem}.fs-form-control-xl{height:var(--fs-control-height-xl);min-block-size:var(--fs-control-height-xl);padding-inline:var(--fs-control-padding-x-xl);font-size:1rem}.fs-form-size-sm{width:120px}.fs-form-size-md{width:180px}.fs-form-size-lg{width:240px}.fs-form-size-xl{width:300px}.fs-form-size-xxl{width:360px}.fs-form-control.is-valid{border-color:var(--fs-color-success)}.fs-form-control.is-valid:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-success);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-success);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-success) 22%,#0000)}.fs-form-control.is-invalid{border-color:var(--fs-color-danger)}.fs-form-control.is-invalid:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-danger) 22%,#0000)}.fs-form-select{display:flex;flex:1;align-items:center;justify-content:space-between;width:100%;height:var(--fs-control-height);min-block-size:var(--fs-control-height);padding-block:0;padding-inline:var(--fs-control-padding-x);border:var(--fs-border-width) solid var(--fs-control-border-color);border-radius:var(--fs-control-radius);color:var(--fs-color-text);background-color:var(--fs-control-bg);font-size:.8125rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--fs-control-transition);color-scheme:light}:is([data-fs-theme=dark],[data-theme=dark]) .fs-form-select{color-scheme:dark}.fs-form-select:after{flex-shrink:0;display:inline-block;width:0;height:0;margin-left:8px;content:"";border-top:5px solid;border-right:5px solid #0000;border-left:5px solid #0000}.fs-form-select:focus-visible{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-form-select:disabled{color:var(--fs-color-muted);background-color:var(--fs-color-subtle);opacity:.4;pointer-events:none}.fs-form-select-sm{height:var(--fs-control-height-sm);min-block-size:var(--fs-control-height-sm);padding-inline:var(--fs-control-padding-x-sm);font-size:.6875rem}.fs-form-select-lg{height:var(--fs-control-height-lg);min-block-size:var(--fs-control-height-lg);padding-inline:var(--fs-control-padding-x-lg);font-size:.8125rem}.fs-form-select-xs{height:var(--fs-control-height-xs);min-block-size:var(--fs-control-height-xs);padding-inline:var(--fs-control-padding-x-xs);font-size:.6875rem}.fs-form-select-xl{height:var(--fs-control-height-xl);min-block-size:var(--fs-control-height-xl);padding-inline:var(--fs-control-padding-x-xl);font-size:1rem}.fs-file-upload{position:relative;display:inline-flex}.fs-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fs-file-label{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid var(--fs-color-border);border-radius:var(--fs-radius-sm);color:var(--fs-color-text);background-color:var(--fs-color-subtle);font-size:.8125rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter var(--fs-transition-fast) var(--fs-ease-standard)}.fs-file-label:hover{filter:brightness(.96)}.fs-file-input:focus-visible+.fs-file-label{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-file-input:disabled+.fs-file-label{color:var(--fs-color-muted);opacity:var(--fs-disabled-opacity);pointer-events:none;cursor:default}.fs-file-label-sm{height:30px;padding:0 10px;font-size:.6875rem}.fs-file-label-lg{height:46px;padding:0 18px;font-size:1rem}.fs-file-label.is-dragover{border-color:var(--fs-color-primary);background-color:var(--fs-color-subtle)}.fs-file-label-dropzone{flex-direction:column;gap:4px;width:100%;height:auto;padding:32px 16px;border-style:dashed;border-width:2px;font-weight:400;text-align:center}.fs-file-label-dropzone .fs-file-dropzone-hint{color:var(--fs-color-muted);font-size:.6875rem;font-weight:400}.fs-input-group{display:flex;align-items:stretch;width:100%}.fs-input-group>:is(.fs-form-control,.fs-form-select){flex:1 1 auto;width:1%;min-width:0}.fs-input-group-text{display:flex;align-items:center;min-block-size:var(--fs-control-height);padding-inline:var(--fs-control-padding-x);border:var(--fs-border-width) solid var(--fs-control-border-color);color:var(--fs-color-muted);background-color:var(--fs-control-addon-bg);font-size:.8125rem;font-weight:500;white-space:nowrap}.fs-input-group>:not(:first-child){margin-left:-1px}.fs-input-group>:focus-visible,.fs-input-group>:focus-within{position:relative;z-index:1}.fs-input-group>*{border-radius:0}.fs-input-group>:first-child{border-start-start-radius:var(--fs-control-radius);border-end-start-radius:var(--fs-control-radius)}.fs-input-group>:last-child{border-start-end-radius:var(--fs-control-radius);border-end-end-radius:var(--fs-control-radius)}.fs-input-group:focus-within{--fs-control-border-color:var(--fs-focus-color)}.fs-input-group.is-invalid,.fs-input-group:has([aria-invalid=true],.is-invalid){--fs-control-border-color:var(--fs-control-invalid-color)}.fs-input-group.is-valid,.fs-input-group:has([aria-invalid=false],.is-valid){--fs-control-border-color:var(--fs-control-valid-color)}.fs-input-group-stack-sm{flex-wrap:wrap}.fs-input-group-stack-sm>*{flex:1 1 100%;width:100%;margin-inline-start:0;border-radius:var(--fs-control-radius)}.fs-input-group-sm>:is(.fs-form-control,.fs-form-select,.fs-input-group-text){height:var(--fs-control-height-sm);min-block-size:var(--fs-control-height-sm);padding-inline:var(--fs-control-padding-x-sm);font-size:.6875rem}.fs-input-group-lg>:is(.fs-form-control,.fs-form-select,.fs-input-group-text){height:var(--fs-control-height-lg);min-block-size:var(--fs-control-height-lg);padding-inline:var(--fs-control-padding-x-lg);font-size:1rem}.fs-check,.fs-radio,.fs-switch{display:inline-flex;align-items:center;min-inline-size:0}.fs-check{--fs-check-size:18px;--fs-check-border-width:2px;--fs-check-radius:var(--fs-radius-sm);--fs-check-gap:var(--fs-space-2);--fs-check-mark-color:var(--fs-color-on-primary);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-radio{--fs-radio-size:18px;--fs-radio-dot-size:8px;--fs-radio-radius:50%;--fs-radio-gap:var(--fs-space-2);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-switch{--fs-switch-track-width:40px;--fs-switch-track-height:24px;--fs-switch-thumb-width:18px;--fs-switch-thumb-height:18px;--fs-switch-thumb-offset:3px;--fs-switch-on-offset:19px;--fs-switch-radius:var(--fs-radius-md);--fs-switch-thumb-radius:var(--fs-radius-sm);--fs-switch-gap:var(--fs-space-2);--fs-switch-track-bg:var(--fs-color-subtle);--fs-switch-track-border:var(--fs-color-border-default);--fs-switch-track-checked-bg:var(--fs-color-primary);--fs-switch-thumb-bg:var(--fs-color-surface);--fs-switch-thumb-border:var(--fs-color-border-default);--fs-switch-thumb-shadow:var(--fs-shadow-sm);--fs-switch-track-shadow:inset 0 1px 1px #0f172a1f;--fs-switch-hover-ring:color-mix(in srgb,var(--fs-color-primary) 18%,#0000);--fs-switch-hover-shadow:0 0 0 4px var(--fs-switch-hover-ring);--fs-switch-active-scale:0.92;--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-active-bg:var(--fs-alert-primary-bg);--fs-control-error-color:var(--fs-color-danger);--fs-control-success-color:var(--fs-color-success)}.fs-check-input,.fs-radio-input,.fs-switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.fs-check-label,.fs-radio-label,.fs-switch-label{position:relative;display:inline-flex;align-items:center;min-block-size:24px;min-inline-size:24px;color:var(--fs-color-text);font-size:.8125rem;line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none}.fs-check-label{padding-inline-start:calc(var(--fs-check-size) + var(--fs-check-gap))}.fs-radio-label{padding-inline-start:calc(var(--fs-radio-size) + var(--fs-radio-gap))}.fs-switch-label{padding-inline-start:calc(var(--fs-switch-track-width) + var(--fs-switch-gap))}.fs-check-label:before,.fs-radio-label:before,.fs-switch-label:before{position:absolute;inset-block-start:50%;box-sizing:border-box;border:var(--fs-border-width) solid var(--fs-color-border);background-color:var(--fs-color-surface);content:"";transform:translateY(-50%);transition:background-color var(--fs-transition-fast) var(--fs-ease-standard),border-color var(--fs-transition-fast) var(--fs-ease-standard),box-shadow var(--fs-transition-fast) var(--fs-ease-standard)}.fs-check-label:before{inset-inline-start:0;width:var(--fs-check-size);height:var(--fs-check-size);border-width:var(--fs-check-border-width);border-radius:var(--fs-check-radius)}.fs-radio-label:before{inset-inline-start:0;width:var(--fs-radio-size);height:var(--fs-radio-size);border-radius:var(--fs-radio-radius)}.fs-check-label:after,.fs-radio-label:after,.fs-switch-label:after{position:absolute;content:"";opacity:0;transition:opacity var(--fs-transition-fast) var(--fs-ease-standard),background-color var(--fs-transition-fast) var(--fs-ease-standard),inset-inline-start var(--fs-transition-fast) var(--fs-ease-standard),transform var(--fs-transition-fast) var(--fs-ease-standard)}.fs-check-label:after{inset-inline-start:calc((var(--fs-check-size) - 9px)/2);inset-block-start:50%;width:9px;height:5px;border-block-end:2px solid var(--fs-check-mark-color);border-inline-start:2px solid var(--fs-check-mark-color);transform:translateY(-65%) rotate(-45deg)}.fs-radio-label:after{inset-inline-start:calc((var(--fs-radio-size) - var(--fs-radio-dot-size))/2);inset-block-start:50%;width:var(--fs-radio-dot-size);height:var(--fs-radio-dot-size);border-radius:50%;background-color:var(--fs-color-on-primary);transform:translateY(-50%)}.fs-check-input:checked+.fs-check-label:before,.fs-radio-input:checked+.fs-radio-label:before{border-color:var(--fs-color-primary);background-color:var(--fs-color-primary)}.fs-check-input:checked+.fs-check-label:after,.fs-radio-input:checked+.fs-radio-label:after{opacity:1}.fs-check-input:not(:disabled,:indeterminate,.is-invalid)+.fs-check-label:hover:before,.fs-radio-input:not(:disabled,.is-invalid)+.fs-radio-label:hover:before,.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{background-color:var(--fs-control-hover-bg)}.fs-check-input:checked:not(:disabled,.is-invalid)+.fs-check-label:hover:before,.fs-radio-input:checked:not(:disabled,.is-invalid)+.fs-radio-label:hover:before,.fs-switch-input:checked:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{background-color:color-mix(in srgb,var(--fs-color-primary) 88%,var(--fs-color-black))}.fs-check-input:not(:disabled,.is-invalid)+.fs-check-label:active:before,.fs-radio-input:not(:disabled,.is-invalid)+.fs-radio-label:active:before,.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:active:before{background-color:var(--fs-control-active-bg);border-color:var(--fs-color-primary)}.fs-switch-label:before{inset-inline-start:0;width:var(--fs-switch-track-width);height:var(--fs-switch-track-height);border-color:var(--fs-switch-track-border);border-radius:var(--fs-switch-radius);background-color:var(--fs-switch-track-bg);box-shadow:var(--fs-switch-track-shadow)}.fs-switch-label:after{inset-inline-start:var(--fs-switch-thumb-offset);inset-block-start:50%;width:var(--fs-switch-thumb-width);height:var(--fs-switch-thumb-height);border-radius:var(--fs-switch-thumb-radius);border:var(--fs-border-width) solid var(--fs-switch-thumb-border);background-color:var(--fs-switch-thumb-bg);opacity:1;transform:translateY(-50%);box-shadow:var(--fs-switch-thumb-shadow)}.fs-switch-input:checked+.fs-switch-label:before{border-color:var(--fs-switch-track-checked-bg);background-color:var(--fs-switch-track-checked-bg);box-shadow:none}.fs-switch-input:checked+.fs-switch-label:after{inset-inline-start:var(--fs-switch-on-offset);border-color:var(--fs-color-on-primary);background-color:var(--fs-color-on-primary)}.fs-switch-input:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{box-shadow:var(--fs-switch-hover-shadow),var(--fs-switch-track-shadow)}.fs-switch-input:checked:not(:disabled,.is-invalid)+.fs-switch-label:hover:before{box-shadow:var(--fs-switch-hover-shadow)}.fs-switch-input:not(:disabled)+.fs-switch-label:active:after{transform:translateY(-50%) scale(var(--fs-switch-active-scale))}.fs-check-input:focus-visible+.fs-check-label:before,.fs-radio-input:focus-visible+.fs-radio-label:before,.fs-switch-input:focus-visible+.fs-switch-label:before{outline:var(--fs-focus-width) solid var(--fs-color-primary);outline-offset:var(--fs-focus-offset);border-color:var(--fs-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-color-primary) 22%,#0000)}.fs-check-input:disabled+.fs-check-label,.fs-radio-input:disabled+.fs-radio-label,.fs-switch-input:disabled+.fs-switch-label{color:var(--fs-color-muted);cursor:default;opacity:var(--fs-disabled-opacity);pointer-events:none}.fs-check-input:disabled+.fs-check-label:before,.fs-radio-input:disabled+.fs-radio-label:before,.fs-switch-input:disabled+.fs-switch-label:before{border-color:var(--fs-switch-track-border);background-color:var(--fs-switch-track-bg);box-shadow:none}.fs-switch-input:disabled+.fs-switch-label:after{background-color:var(--fs-color-subtle);box-shadow:none}.fs-check-input:disabled:checked+.fs-check-label:before,.fs-radio-input:disabled:checked+.fs-radio-label:before,.fs-switch-input:disabled:checked+.fs-switch-label:before{border-color:color-mix(in srgb,var(--fs-switch-track-checked-bg) 55%,var(--fs-color-border));background-color:color-mix(in srgb,var(--fs-switch-track-checked-bg) 45%,var(--fs-switch-track-bg))}.fs-switch-input:disabled:checked+.fs-switch-label:after{background-color:var(--fs-color-on-primary)}.fs-check-input.is-valid+.fs-check-label:before,.fs-check-input[aria-invalid=false]+.fs-check-label:before,.fs-radio-input.is-valid+.fs-radio-label:before,.fs-radio-input[aria-invalid=false]+.fs-radio-label:before,.fs-switch-input.is-valid+.fs-switch-label:before,.fs-switch-input[aria-invalid=false]+.fs-switch-label:before{border-color:var(--fs-control-success-color)}.fs-check-input.is-invalid+.fs-check-label:before,.fs-check-input[aria-invalid=true]+.fs-check-label:before,.fs-radio-input.is-invalid+.fs-radio-label:before,.fs-radio-input[aria-invalid=true]+.fs-radio-label:before,.fs-switch-input.is-invalid+.fs-switch-label:before,.fs-switch-input[aria-invalid=true]+.fs-switch-label:before{border-color:var(--fs-control-error-color)}.fs-switch-input.is-invalid:checked+.fs-switch-label:before,.fs-switch-input[aria-invalid=true]:checked+.fs-switch-label:before{background-color:var(--fs-control-error-color);box-shadow:none}.fs-switch-input.is-valid:checked+.fs-switch-label:before,.fs-switch-input[aria-invalid=false]:checked+.fs-switch-label:before{background-color:var(--fs-control-success-color);border-color:var(--fs-control-success-color);box-shadow:none}:is(.fs-check-input.is-invalid,.fs-check-input[aria-invalid=true])+.fs-check-label:before{background-color:var(--fs-control-error-color)}:is(.fs-check-input.is-invalid,.fs-check-input[aria-invalid=true])+.fs-check-label:after{inset-inline-start:50%;inset-block-start:50%;width:9px;height:9px;border:0;background-image:linear-gradient(45deg,#0000 42%,var(--fs-color-on-danger,var(--fs-color-white)) 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,var(--fs-color-on-danger,var(--fs-color-white)) 42% 58%,#0000 58%);opacity:1;transform:translate(-50%,-50%)}.fs-check-input:indeterminate+.fs-check-label:before{border-color:var(--fs-color-primary);background-color:var(--fs-color-surface)}.fs-check-input:indeterminate+.fs-check-label:after{inset-inline-start:calc((var(--fs-check-size) - 10px)/2);inset-block-start:50%;width:10px;height:2px;border:0;border-radius:1px;background-color:var(--fs-color-primary);opacity:1;transform:translateY(-50%)}.fs-check-sm,.fs-radio-sm,.fs-switch-sm{font-size:.75rem}.fs-check-sm{--fs-check-size:15px;--fs-check-gap:9px}.fs-radio-sm{--fs-radio-size:15px;--fs-radio-dot-size:7px;--fs-radio-gap:9px}.fs-switch-sm{--fs-switch-track-width:32px;--fs-switch-track-height:18px;--fs-switch-thumb-width:14px;--fs-switch-thumb-height:14px;--fs-switch-thumb-offset:2px;--fs-switch-on-offset:16px;--fs-switch-hover-shadow:0 0 0 3px var(--fs-switch-hover-ring)}.fs-check-lg,.fs-radio-lg,.fs-switch-lg{font-size:1rem}.fs-check-lg{--fs-check-size:22px;--fs-check-gap:12px}.fs-radio-lg{--fs-radio-size:22px;--fs-radio-dot-size:10px;--fs-radio-gap:12px}.fs-switch-lg{--fs-switch-track-width:48px;--fs-switch-track-height:28px;--fs-switch-thumb-width:22px;--fs-switch-thumb-height:22px;--fs-switch-thumb-offset:3px;--fs-switch-on-offset:23px;--fs-switch-hover-shadow:0 0 0 5px var(--fs-switch-hover-ring)}}@layer components{@media (prefers-reduced-motion:reduce){.fs-check-label:after,.fs-check-label:before,.fs-radio-label:after,.fs-radio-label:before,.fs-switch-label:after,.fs-switch-label:before{transition-duration:0s}}@media (prefers-contrast:more){.fs-check,.fs-radio,.fs-switch{--fs-border-width:2px;--fs-focus-width:3px}}@media (forced-colors:active){.fs-check-label:before,.fs-radio-label:before,.fs-switch-label:after,.fs-switch-label:before{border-color:ButtonText;forced-color-adjust:auto}.fs-check-input:checked+.fs-check-label:before,.fs-radio-input:checked+.fs-radio-label:before,.fs-switch-input:checked+.fs-switch-label:before{background-color:Highlight;border-color:Highlight}.fs-switch-label:after{background-color:ButtonFace;border-color:ButtonText;box-shadow:none}.fs-switch-input:checked+.fs-switch-label:after{background-color:HighlightText;border-color:HighlightText}.fs-check-input:focus-visible+.fs-check-label:before,.fs-radio-input:focus-visible+.fs-radio-label:before,.fs-switch-input:focus-visible+.fs-switch-label:before{outline:3px solid Highlight;outline-offset:2px}}}@layer components{.fs-form-range{--fs-range-track-height:6px;--fs-range-track-color:var(--fs-color-border);--fs-range-fill-color:var(--fs-color-primary);--fs-range-thumb-size:18px;--fs-range-thumb-color:var(--fs-color-surface);--fs-range-thumb-border-color:var(--fs-color-primary);--fs-range-percent:0%;width:100%;height:var(--fs-range-thumb-size);padding:0;background:#0000;appearance:none;cursor:pointer;accent-color:var(--fs-range-fill-color)}.fs-form-range-xs{--fs-range-track-height:4px;--fs-range-thumb-size:14px}.fs-form-range-sm{--fs-range-track-height:5px;--fs-range-thumb-size:16px}.fs-form-range-lg{--fs-range-track-height:8px;--fs-range-thumb-size:22px}.fs-form-range-xl{--fs-range-track-height:10px;--fs-range-thumb-size:26px}.fs-form-range-vertical{width:var(--fs-range-thumb-size);height:160px;writing-mode:vertical-lr;direction:rtl}.fs-form-range::-webkit-slider-runnable-track{height:var(--fs-range-track-height);border-radius:var(--fs-radius-sm);background:linear-gradient(to right,var(--fs-range-fill-color) var(--fs-range-percent),var(--fs-range-track-color) var(--fs-range-percent))}.fs-form-range::-moz-range-track{height:var(--fs-range-track-height);border-radius:var(--fs-radius-sm);background:linear-gradient(to right,var(--fs-range-fill-color) var(--fs-range-percent),var(--fs-range-track-color) var(--fs-range-percent))}.fs-form-range::-webkit-slider-thumb{width:var(--fs-range-thumb-size);height:var(--fs-range-thumb-size);margin-top:calc((var(--fs-range-track-height) - var(--fs-range-thumb-size))/2);border:2px solid var(--fs-range-thumb-border-color);border-radius:50%;background-color:var(--fs-range-thumb-color);appearance:none;cursor:pointer}.fs-form-range::-moz-range-thumb{width:calc(var(--fs-range-thumb-size) - 4px);height:calc(var(--fs-range-thumb-size) - 4px);border:2px solid var(--fs-range-thumb-border-color);border-radius:50%;background-color:var(--fs-range-thumb-color);cursor:pointer}.fs-form-range:focus-visible::-webkit-slider-thumb{outline:var(--fs-focus-width) solid var(--fs-range-thumb-border-color);outline-offset:var(--fs-focus-offset);border-color:var(--fs-range-thumb-border-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-range-thumb-border-color) 22%,#0000)}.fs-form-range:focus-visible::-moz-range-thumb{outline:var(--fs-focus-width) solid var(--fs-range-thumb-border-color);outline-offset:var(--fs-focus-offset);border-color:var(--fs-range-thumb-border-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--fs-range-thumb-border-color) 22%,#0000)}.fs-form-range:disabled{opacity:.6;cursor:not-allowed}.fs-form-range:disabled::-webkit-slider-thumb{cursor:not-allowed}.fs-form-range:disabled::-moz-range-thumb{cursor:not-allowed}.fs-range-output{display:inline-block;min-width:2.5em;color:var(--fs-color-text);font-size:.75rem;font-weight:500;text-align:center}.fs-file-upload-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:12px;padding:0;list-style:none}.fs-file-upload-item{gap:12px;padding:8px 12px;border:1px solid var(--fs-color-border);background-color:var(--fs-color-surface)}.fs-file-upload-item,.fs-file-upload-thumb{display:flex;align-items:center;border-radius:var(--fs-radius-sm)}.fs-file-upload-thumb{flex-shrink:0;justify-content:center;width:40px;height:40px;overflow:hidden;background-color:var(--fs-color-subtle);color:var(--fs-color-muted)}.fs-file-upload-thumb img{width:100%;height:100%;object-fit:cover}.fs-file-upload-info{flex:1;min-width:0}.fs-file-upload-name{margin:0;color:var(--fs-color-text);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-file-upload-size{margin:0 0 4px;color:var(--fs-color-muted);font-size:.6875rem}.fs-file-upload-item.is-error .fs-file-upload-size{color:var(--fs-alert-danger-text)}.fs-file-upload-remove{flex-shrink:0}}@layer components{}@layer tokens{[data-fs-brand=violet]{--fs-color-primary:#6d28d9;--fs-alert-primary-bg:#e6e2fd;--fs-alert-primary-text:#260953;--fs-feedback-primary-bg:#e6e2fd}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:#7339dc;--fs-alert-primary-bg:#1f2f53;--fs-alert-primary-text:#a794f0;--fs-feedback-primary-bg:#1f2f53}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=violet]{--fs-color-primary:oklch(49.0666497236% 0.2412317343 292.5809393311deg);--fs-alert-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg);--fs-alert-primary-text:oklch(24.5333248618% 0.1206158672 292.5809393311deg);--fs-feedback-primary-bg:oklch(92.3599974585% 0.0361847601 292.5809393311deg)}[data-fs-brand=violet][data-theme=dark],[data-theme=dark] [data-fs-brand=violet]{--fs-color-primary:oklch(51.6133172374% 0.2291701476 292.5809393311deg);--fs-alert-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg);--fs-alert-primary-text:oklch(71.986657348% 0.1326774539 292.5809393311deg);--fs-feedback-primary-bg:oklch(31.117092664% 0.067505667 264.9134801836deg)}}[data-fs-brand=corporate]{--fs-color-primary:#1d4e89;--fs-alert-primary-bg:#dbe3ee;--fs-alert-primary-text:#051931;--fs-feedback-primary-bg:#dbe3ee}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:#29578f;--fs-alert-primary-bg:#1f2e46;--fs-alert-primary-text:#809bbf;--fs-feedback-primary-bg:#1f2e46}[data-fs-brand=vibrant]{--fs-color-primary:#f2542d;--fs-alert-primary-bg:#ffe7e1;--fs-alert-primary-text:#5e1b0b;--fs-feedback-primary-bg:#ffe7e1}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:#f45f3b;--fs-alert-primary-bg:#313356;--fs-alert-primary-text:#ffa791;--fs-feedback-primary-bg:#313356}@supports (color:oklch(0% 0 0deg)){[data-fs-brand=corporate]{--fs-color-primary:oklch(42.3377990386% 0.1112359961 255.1073474093deg);--fs-alert-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg);--fs-alert-primary-text:oklch(21.1688995193% 0.055617998 255.1073474093deg);--fs-feedback-primary-bg:oklch(91.3506698558% 0.0166853994 255.1073474093deg)}[data-fs-brand=corporate][data-theme=dark],[data-theme=dark] [data-fs-brand=corporate]{--fs-color-primary:oklch(45.2209090867% 0.1056741963 255.1073474093deg);--fs-alert-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg);--fs-alert-primary-text:oklch(68.2857894712% 0.0611797979 255.1073474093deg);--fs-feedback-primary-bg:oklch(30.1077650613% 0.0480063062 259.2924413953deg)}[data-fs-brand=vibrant]{--fs-color-primary:oklch(65.5786741493% 0.2007639921 34.7814711243deg);--fs-alert-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg);--fs-alert-primary-text:oklch(32.7893370747% 0.1003819961 34.7814711243deg);--fs-feedback-primary-bg:oklch(94.8368011224% 0.0301145988 34.7814711243deg)}[data-fs-brand=vibrant][data-theme=dark],[data-theme=dark] [data-fs-brand=vibrant]{--fs-color-primary:oklch(67.2997404419% 0.1907257925 34.7814711243deg);--fs-alert-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg);--fs-alert-primary-text:oklch(81.0682707821% 0.1104201957 34.7814711243deg);--fs-feedback-primary-bg:oklch(33.5938963279% 0.0614355056 280.2435599526deg)}}}@layer overrides{[data-fs-brand=vibrant] :is(.fs-badge-primary,.fs-btn-primary){--fs-btn-color:#000;--fs-badge-color:#000}[data-fs-brand=vibrant] .fs-check{--fs-check-mark:#000}}@layer tokens{[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-control-bg:var(--fs-color-surface);--fs-control-border-color:var(--fs-color-border);--fs-control-hover-bg:var(--fs-color-subtle);--fs-control-placeholder-color:var(--fs-color-muted);--fs-control-invalid-color:var(--fs-color-danger);--fs-control-valid-color:var(--fs-color-success);--fs-control-addon-bg:var(--fs-color-subtle);--fs-shadow-sm:0 1px 3px #00000080,0 1px 2px #0006;--fs-shadow-md:0 6px 12px #0000008c,0 3px 6px #00000073;--fs-shadow-lg:0 15px 30px #0009,0 6px 12px #00000080;--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b;--fs-color-primary:#286ae8;--fs-alert-primary-bg:#1f3252;--fs-alert-primary-text:#83acf6;--fs-feedback-primary-bg:#1f3252;--fs-color-secondary:#728196;--fs-alert-secondary-bg:#283346;--fs-alert-secondary-text:#a7b0be;--fs-feedback-secondary-bg:#283346;--fs-color-success:#86e396;--fs-alert-success-bg:#193e59;--fs-alert-success-text:#9be8a6;--fs-feedback-success-bg:#193e59;--fs-color-warning:#fdd18a;--fs-alert-warning-bg:#3b3959;--fs-alert-warning-text:#fed89d;--fs-feedback-warning-bg:#3b3959;--fs-color-danger:#d0413f;--fs-alert-danger-bg:#2d3051;--fs-alert-danger-text:#eb968e;--fs-feedback-danger-bg:#2d3051;--fs-color-info:#5e5cc7;--fs-alert-info-bg:#23324f;--fs-alert-info-text:#a1a6e4;--fs-feedback-info-bg:#23324f}@supports (color:oklch(0% 0 0deg)){[data-fs-theme=dark],[data-theme=dark]{--fs-color-text:oklch(96.2913383165% 0.002529697 228.7848682695deg);--fs-color-muted:oklch(80.9268110646% 0.0083071608 253.8653061211deg);--fs-color-border:oklch(36.8827622528% 0.0074489239 240.018838067deg);--fs-color-surface:oklch(24.7936263361% 0.0058460141 271.1764187765deg);--fs-color-subtle:oklch(29.3286259539% 0.0055990771 271.2234269855deg);--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-color-action-primary:var(--fs-color-primary);--fs-color-action-danger:var(--fs-color-danger);--fs-tooltip-bg:oklch(98.4151869501% 0.0034126992 247.8577745944deg);--fs-tooltip-text:oklch(27.9495237712% 0.0368481257 260.0309873929deg);--fs-color-primary:oklch(55.884857057% 0.2025537915 261.6264320248deg);--fs-alert-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-alert-primary-text:oklch(74.4596540856% 0.1172679846 261.6264320248deg);--fs-feedback-primary-bg:oklch(31.7915463198% 0.0633030844 260.2703040876deg);--fs-color-secondary:oklch(59.8951906896% 0.0366453387 257.4166191214deg);--fs-alert-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-alert-secondary-text:oklch(75.4915054214% 0.0223943736 257.4166191214deg);--fs-feedback-secondary-bg:oklch(32.0729603204% 0.0374284633 259.6388321521deg);--fs-color-success:oklch(83.8485321344% 0.139498201 148.125846236deg);--fs-alert-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-alert-success-text:oklch(86.3333733445% 0.1180369393 148.125846236deg);--fs-feedback-success-bg:oklch(35.0298333903% 0.0635127994 243.2452162193deg);--fs-color-warning:oklch(88.2682030181% 0.1015699084 78.6575213966deg);--fs-alert-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-alert-warning-text:oklch(90.0730948615% 0.0859437686 78.6575213966deg);--fs-feedback-warning-bg:oklch(36.0497574404% 0.0547601164 286.8249674934deg);--fs-color-danger:oklch(58.1670482336% 0.1802407312 25.2407937498deg);--fs-alert-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-alert-danger-text:oklch(75.7809226615% 0.104349897 25.2407937498deg);--fs-feedback-danger-bg:oklch(32.151892295% 0.0597799696 278.8124583464deg);--fs-color-info:oklch(53.3359780029% 0.1620131129 280.2231949375deg);--fs-alert-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg);--fs-alert-info-text:oklch(74.3347879016% 0.0891072121 280.2231949375deg);--fs-feedback-info-bg:oklch(31.7574919059% 0.0556228738 263.0598185246deg)}}@media (prefers-color-scheme:dark){[data-fs-theme=auto]{--fs-color-text:#f1f3f4;--fs-color-muted:#bdc1c6;--fs-color-border:#3c4043;--fs-color-surface:#202124;--fs-color-subtle:#2b2c2f;--fs-color-bg-surface:var(--fs-color-surface);--fs-color-bg-subtle:var(--fs-color-subtle);--fs-color-surface-raised:var(--fs-color-surface);--fs-color-surface-interactive:var(--fs-color-subtle);--fs-color-text-primary:var(--fs-color-text);--fs-color-text-muted:var(--fs-color-muted);--fs-color-border-default:var(--fs-color-border);--fs-color-focus:var(--fs-color-primary);--fs-tooltip-bg:#f8fafc;--fs-tooltip-text:#1e293b}}@media (forced-colors:active){:root,[data-fs-theme=auto],[data-fs-theme=dark],[data-fs-theme=light],[data-theme=dark]{--fs-color-border:CanvasText;--fs-color-text:CanvasText;--fs-color-surface:Canvas;--fs-color-subtle:Canvas;--fs-focus-color:Highlight}}}
|
|
2
2
|
/*# sourceMappingURL=forms.min.css.map */
|