ecabs-components 2.0.0-alpha.5 → 2.0.0-alpha.7
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 +136 -85
- package/fesm2022/ecabs-components.mjs +3074 -1095
- package/fesm2022/ecabs-components.mjs.map +1 -1
- package/lib/base/consts/buttons.consts.d.ts +2 -0
- package/lib/base/consts/input.consts.d.ts +1 -0
- package/lib/base/directives/date-mask.directive.d.ts +6 -7
- package/lib/base/directives/digits-only.directive.d.ts +13 -2
- package/lib/base/directives/time-mask.directive.d.ts +2 -3
- package/lib/base/directives/time-range.directive.d.ts +1 -2
- package/lib/base/models/element.models.d.ts +0 -5
- package/lib/base/models/phone.models.d.ts +8 -1
- package/lib/base/models/select.models.d.ts +6 -2
- package/lib/base/models/sidebar.models.d.ts +10 -5
- package/lib/base/models/waypoint.models.d.ts +30 -0
- package/lib/base/pipes/phone-number-country-code.pipe.d.ts +8 -0
- package/lib/base/pipes/separator-append.pipe.d.ts +7 -0
- package/lib/base/utils/object-utils.d.ts +1 -0
- package/lib/base/utils/phone-number.utils.d.ts +7 -0
- package/lib/base/utils/select.utils.d.ts +2 -0
- package/lib/base/utils/time-mask.util.d.ts +3 -0
- package/lib/ecabs-button-toggle/ecabs-button-toggle.component.d.ts +25 -0
- package/lib/ecabs-button-toggle/ecabs-button-toggle.module.d.ts +9 -0
- package/lib/ecabs-buttons-v2/ecabs-buttons-v2.component.d.ts +23 -0
- package/lib/ecabs-buttons-v2/ecabs-buttons-v2.module.d.ts +11 -0
- package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component.d.ts +30 -0
- package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module.d.ts +12 -0
- package/lib/ecabs-chip-autocomplete/ecabs-chip-autocomplete.component.d.ts +56 -0
- package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts +24 -0
- package/lib/ecabs-chip-group/ecabs-chip-group.module.d.ts +12 -0
- package/lib/ecabs-date-range-picker-v2/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component.d.ts +9 -0
- package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component.d.ts +69 -0
- package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.module.d.ts +21 -0
- package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts +4 -2
- package/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.d.ts +1 -0
- package/lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component.d.ts +2 -1
- package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts +1 -3
- package/lib/ecabs-input/ecabs-input.component.d.ts +12 -4
- package/lib/ecabs-input-range/ecabs-input-range.component.d.ts +44 -0
- package/lib/ecabs-input-range/ecabs-input-range.module.d.ts +13 -0
- package/lib/ecabs-phone/ecabs-phone.module.d.ts +5 -4
- package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.component.d.ts +64 -0
- package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.module.d.ts +13 -0
- package/lib/ecabs-segment/ecabs-segment.component.d.ts +8 -0
- package/lib/ecabs-select/ecabs-select.component.d.ts +7 -13
- package/lib/ecabs-select/ecabs-select.module.d.ts +5 -4
- package/lib/ecabs-select-icon/ecabs-select-icon.component.d.ts +8 -0
- package/lib/ecabs-select-icon/ecabs-select-icon.module.d.ts +9 -0
- package/lib/ecabs-select-v2/ecabs-select-v2.component.d.ts +25 -25
- package/lib/ecabs-select-v2/ecabs-select-v2.module.d.ts +2 -1
- package/lib/ecabs-table/ecabs-table.component.d.ts +4 -1
- package/lib/ecabs-time-range-input-v2/config.model.d.ts +5 -0
- package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.component.d.ts +52 -0
- package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.module.d.ts +11 -0
- package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.service.d.ts +12 -0
- package/lib/ecabs-timepicker/ecabs-timepicker.component.d.ts +0 -5
- package/package.json +15 -14
- package/public-api.d.ts +25 -0
- package/src/assets/styles/material/_theme.scss +7 -2
- package/src/assets/styles/material/overrides/_autocomplete.scss +28 -3
- package/src/assets/styles/material/overrides/_button.scss +103 -20
- package/src/assets/styles/material/overrides/_card.scss +44 -5
- package/src/assets/styles/material/overrides/_chip.scss +125 -11
- package/src/assets/styles/material/overrides/_datepicker.scss +24 -2
- package/src/assets/styles/material/overrides/_dialog.scss +3 -3
- package/src/assets/styles/material/overrides/_divider.scss +5 -4
- package/src/assets/styles/material/overrides/_expansion.scss +3 -2
- package/src/assets/styles/material/overrides/_form.scss +20 -10
- package/src/assets/styles/material/overrides/_icon.scss +7 -3
- package/src/assets/styles/material/overrides/_menu.scss +4 -0
- package/src/assets/styles/material/overrides/_paginator.scss +13 -11
- package/src/assets/styles/material/overrides/_phone.scss +19 -16
- package/src/assets/styles/material/overrides/_select.scss +64 -42
- package/src/assets/styles/material/overrides/_tab.scss +27 -4
- package/src/assets/styles/material/overrides/_table.scss +3 -2
- package/src/assets/styles/material/overrides/_toaster.scss +7 -8
- package/src/assets/styles/material/overrides/_toggle.scss +11 -2
- package/src/assets/styles/material/overrides/_tooltip.scss +3 -4
- package/src/assets/styles/scss/base/_heading.scss +1 -1
- package/src/assets/styles/scss/base/_normalize.scss +12 -22
- package/src/assets/styles/scss/modules/_autocomplete.scss +25 -11
- package/src/assets/styles/scss/modules/_button.scss +80 -27
- package/src/assets/styles/scss/modules/_card.scss +34 -11
- package/src/assets/styles/scss/modules/_chip.scss +25 -13
- package/src/assets/styles/scss/modules/_dialog.scss +1 -1
- package/src/assets/styles/scss/modules/_divider.scss +2 -1
- package/src/assets/styles/scss/modules/_form.scss +174 -26
- package/src/assets/styles/scss/modules/_icon.scss +2 -1
- package/src/assets/styles/scss/modules/_legend.scss +5 -4
- package/src/assets/styles/scss/modules/_list.scss +2 -2
- package/src/assets/styles/scss/modules/_map.scss +7 -5
- package/src/assets/styles/scss/modules/_phone.scss +10 -13
- package/src/assets/styles/scss/modules/_select.scss +6 -5
- package/src/assets/styles/scss/modules/_statuses.scss +22 -17
- package/src/assets/styles/scss/modules/_table.scss +5 -4
- package/src/assets/styles/scss/modules/_timepicker.scss +3 -3
- package/src/assets/styles/scss/modules/_tooltip.scss +1 -1
- package/src/assets/styles/scss/modules/drag-drop.scss +2 -2
- package/src/assets/styles/scss/utilities/_colors.scss +20 -16
- package/src/assets/styles/scss/utilities/_fonts.scss +6 -1
- package/src/assets/styles/scss/utilities/_mixins.scss +37 -4
- package/src/assets/styles/scss/utilities/_variables.scss +14 -0
- package/src/assets/styles/styles.scss +4 -26
- package/src/assets/styles/tailwind/index.scss +2 -2
- package/lib/base/consts/date-mask.consts.d.ts +0 -7
|
@@ -1,22 +1,23 @@
|
|
|
1
|
+
@use "../utilities/helpers";
|
|
2
|
+
@use "../utilities/fonts";
|
|
1
3
|
@use "../utilities/functions";
|
|
2
4
|
@use "../utilities/mixins";
|
|
3
|
-
@use "../utilities/fonts";
|
|
4
5
|
@use "../utilities/variables";
|
|
5
6
|
|
|
6
7
|
.legend {
|
|
7
|
-
@include mixins.fontSize(fonts.$font-size-
|
|
8
|
+
@include mixins.fontSize(fonts.$font-size-md);
|
|
8
9
|
position: relative;
|
|
9
10
|
display: inline-block;
|
|
10
11
|
margin-left: functions.calc-rem(12);
|
|
11
12
|
padding-left: functions.calc-rem(24);
|
|
12
13
|
vertical-align: top;
|
|
13
|
-
|
|
14
|
+
|
|
14
15
|
&:first-of-type {
|
|
15
16
|
margin-left: 0;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
&:before {
|
|
19
|
-
@extend %pseudos
|
|
20
|
+
@extend %pseudos;
|
|
20
21
|
|
|
21
22
|
border-radius: variables.$border-radius-base;
|
|
22
23
|
width: functions.calc-rem(16);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
@include mixins.m(bordered) {
|
|
8
8
|
.list__item {
|
|
9
|
-
border-bottom: 1px solid var(--color-gray-
|
|
9
|
+
border-bottom: 1px solid var(--color-gray-50);
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -15,6 +15,6 @@
|
|
|
15
15
|
|
|
16
16
|
@include mixins.m(count) {
|
|
17
17
|
margin-right: 2.4rem;
|
|
18
|
-
}
|
|
18
|
+
}
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
@use "../../scss/utilities/
|
|
2
|
-
@use "
|
|
3
|
-
@use "
|
|
4
|
-
@use "
|
|
1
|
+
@use "../../scss/utilities/index";
|
|
2
|
+
@use "../utilities/fonts";
|
|
3
|
+
@use "../utilities/functions";
|
|
4
|
+
@use "../utilities/mixins";
|
|
5
|
+
@use "../utilities/variables";
|
|
6
|
+
|
|
5
7
|
|
|
6
8
|
div {
|
|
7
9
|
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
|
|
@@ -123,7 +125,7 @@ div {
|
|
|
123
125
|
border-bottom-left-radius: variables.$border-radius-base;
|
|
124
126
|
|
|
125
127
|
.pac-item {
|
|
126
|
-
border-color: var(--color-gray-
|
|
128
|
+
border-color: var(--color-gray-50);
|
|
127
129
|
padding: functions.calc-rem(6px) functions.calc-rem(12px);
|
|
128
130
|
|
|
129
131
|
.pac-icon.pac-icon-marker {
|
|
@@ -1,27 +1,24 @@
|
|
|
1
|
-
@use "
|
|
2
|
-
@use "
|
|
1
|
+
@use "../utilities/functions";
|
|
2
|
+
@use "../utilities/variables";
|
|
3
3
|
|
|
4
4
|
.ecabs-phone {
|
|
5
5
|
.ecabs-tel-input-container {
|
|
6
6
|
position: relative;
|
|
7
7
|
border-radius: variables.$border-radius-base;
|
|
8
|
-
border: 1px solid var(--color-gray-
|
|
8
|
+
border: 1px solid var(--color-gray-300);
|
|
9
9
|
|
|
10
10
|
.ecabs-tel-input-input {
|
|
11
|
-
padding: functions.calc-rem(
|
|
11
|
+
padding: functions.calc-rem(8px 8px 8px 105px) !important;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
padding: functions.calc-rem(3px);
|
|
20
|
-
transform: rotate(45deg);
|
|
21
|
-
-webkit-transform: rotate(45deg);
|
|
14
|
+
.country-selector {
|
|
15
|
+
opacity: 1 !important;
|
|
16
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
|
|
17
|
+
background-size: functions.calc-rem(12px 7.41px);
|
|
18
|
+
padding-right: .36rem;
|
|
22
19
|
}
|
|
23
20
|
|
|
24
|
-
.
|
|
21
|
+
.country-selector-flag.flag {
|
|
25
22
|
filter: unset;
|
|
26
23
|
}
|
|
27
24
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
@use '../utilities/
|
|
2
|
-
@use
|
|
3
|
-
@use
|
|
4
|
-
@use
|
|
1
|
+
@use '../utilities/index';
|
|
2
|
+
@use "../utilities/fonts";
|
|
3
|
+
@use "../utilities/functions";
|
|
4
|
+
@use "../utilities/mixins";
|
|
5
|
+
|
|
5
6
|
|
|
6
7
|
$border-radius: 0.25rem;
|
|
7
8
|
|
|
@@ -9,7 +10,7 @@ $border-radius: 0.25rem;
|
|
|
9
10
|
@include mixins.fontSize(fonts.$font-size-base);
|
|
10
11
|
|
|
11
12
|
border-radius: $border-radius;
|
|
12
|
-
border: 1px solid var(--color-gray-
|
|
13
|
+
border: 1px solid var(--color-gray-300);
|
|
13
14
|
padding: functions.calc-rem(8) functions.calc-rem(16) functions.calc-rem(8) functions.calc-rem(16);
|
|
14
15
|
color: var(--color-black);
|
|
15
16
|
line-height: fonts.$base-line-height;
|
|
@@ -1,31 +1,36 @@
|
|
|
1
1
|
.pending {
|
|
2
|
-
background-color: var(--color-gray-300)
|
|
3
|
-
color: var(--color-gray-400)
|
|
2
|
+
background-color: var(--color-gray-300);
|
|
3
|
+
color: var(--color-gray-400);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.reserved
|
|
7
|
-
background-color:
|
|
8
|
-
color: var(--color-
|
|
6
|
+
.reserved {
|
|
7
|
+
background-color: var(--color-warning-opacity);
|
|
8
|
+
color: var(--color-warning);
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.scheduled, .ended {
|
|
12
|
-
background-color: var(--color-gray-
|
|
13
|
-
color: var(--color-gray-500)
|
|
12
|
+
background-color: var(--color-gray-50);
|
|
13
|
+
color: var(--color-gray-500);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.dispatched, .cab_arrived_at_pickup, .trip_started, .dropped_off, .started,
|
|
17
|
-
.cab_arrived_at_intermediary_waypoint, .trip_ongoing, .in_progress {
|
|
18
|
-
background-color: rgba(var(--color-info-rgb), .05)
|
|
19
|
-
color: var(--color-info)
|
|
17
|
+
.cab_arrived_at_intermediary_waypoint, .trip_ongoing, .in_progress, .published {
|
|
18
|
+
background-color: rgba(var(--color-info-rgb), .05);
|
|
19
|
+
color: var(--color-info);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.cab_arrived_at_dropoff, .trip_ended, .completed, .accepted, .cashed_in, .done
|
|
23
|
-
background-color:
|
|
24
|
-
color: var(--color-success)
|
|
22
|
+
.cab_arrived_at_dropoff, .trip_ended, .completed, .accepted, .cashed_in, .done {
|
|
23
|
+
background-color: var(--color-success--opacity);
|
|
24
|
+
color: var(--color-success);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.cancelled, .rejected, .suspended,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
.cancelled, .rejected, .suspended, .sick, .no_show, .unable_to_complete, .unavailable, .failed {
|
|
28
|
+
background-color: var(--color-error-opacity);
|
|
29
|
+
color: var(--color-error);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
.archived {
|
|
34
|
+
background-color: var(--color-gray-100);
|
|
35
|
+
color: var(--color-gray-600);
|
|
31
36
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
@use "../utilities/helpers";
|
|
2
|
+
@use "../utilities/fonts";
|
|
3
|
+
@use "../utilities/functions";
|
|
1
4
|
@use "../utilities/mixins";
|
|
2
5
|
@use "../utilities/variables";
|
|
3
|
-
@use "../utilities/functions";
|
|
4
|
-
@use "../utilities/fonts";
|
|
5
6
|
|
|
6
7
|
.table-ui {
|
|
7
8
|
text-align: left;
|
|
@@ -16,14 +17,14 @@
|
|
|
16
17
|
background-color: var(--color-white);
|
|
17
18
|
|
|
18
19
|
&.loading:after {
|
|
19
|
-
@extend %pseudos
|
|
20
|
+
@extend %pseudos;
|
|
20
21
|
|
|
21
22
|
top: 0;
|
|
22
23
|
left: 0;
|
|
23
24
|
width: 100%;
|
|
24
25
|
height: 100%;
|
|
25
26
|
|
|
26
|
-
background-color: var(--color-gray-
|
|
27
|
+
background-color: var(--color-gray-50);
|
|
27
28
|
opacity: 0.5;
|
|
28
29
|
z-index: 999;
|
|
29
30
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
@use "../utilities/fonts";
|
|
1
2
|
@use "../utilities/functions";
|
|
2
3
|
@use "../utilities/variables";
|
|
3
|
-
@use "../utilities/fonts";
|
|
4
4
|
|
|
5
5
|
ecabs-timepicker {
|
|
6
6
|
.timeInputWrapper {
|
|
@@ -70,7 +70,7 @@ ecabs-timepicker {
|
|
|
70
70
|
li {
|
|
71
71
|
display: block;
|
|
72
72
|
padding: 8px 12px;
|
|
73
|
-
font-size: fonts.$font-size-
|
|
73
|
+
font-size: fonts.$font-size-md;
|
|
74
74
|
line-height: fonts.$base-line-height;
|
|
75
75
|
font-weight: normal;
|
|
76
76
|
color: var(--color-black);
|
|
@@ -85,7 +85,7 @@ ecabs-timepicker {
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
&.hovered {
|
|
88
|
-
background: var(--color-gray-
|
|
88
|
+
background: var(--color-gray-50);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
@use "../utilities/functions";
|
|
1
2
|
@use "../utilities/mixins";
|
|
2
3
|
@use "../utilities/variables";
|
|
3
|
-
@use "../utilities/functions";
|
|
4
4
|
|
|
5
5
|
.drag-drop {
|
|
6
6
|
@include mixins.m(container) {
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
@include mixins.m(placeholder) {
|
|
30
|
-
background: var(--color-gray-
|
|
30
|
+
background: var(--color-gray-50);
|
|
31
31
|
border: dashed 2px var(--color-gray-400) !important;
|
|
32
32
|
min-height: functions.calc-rem(120);
|
|
33
33
|
transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--color-black: #
|
|
2
|
+
--color-black: #020618;
|
|
3
3
|
--color-white: #ffffff;
|
|
4
4
|
--color-white-opacity-05: rgba(0, 0, 0, 0.05);
|
|
5
5
|
|
|
6
6
|
/* #Grays */
|
|
7
|
-
--color-gray-
|
|
8
|
-
--color-gray-
|
|
9
|
-
--color-gray-
|
|
10
|
-
--color-gray-
|
|
11
|
-
--color-gray-
|
|
7
|
+
--color-gray-50: #F8FAFC;
|
|
8
|
+
--color-gray-100: #F1F5F9;
|
|
9
|
+
--color-gray-200: #E2E8F0;
|
|
10
|
+
--color-gray-300: #CAD5E2;
|
|
11
|
+
--color-gray-400: #90A1B9;
|
|
12
|
+
--color-gray-500: #62748E;
|
|
13
|
+
--color-gray-600: #45556C;
|
|
14
|
+
--color-gray-700: #314158;
|
|
15
|
+
--color-gray-800: #1D293D;
|
|
16
|
+
--color-gray-900: #0F172B;
|
|
17
|
+
--color-gray-950: #020618;
|
|
12
18
|
|
|
13
19
|
/* #Brand */
|
|
14
20
|
--color-brand-dark: #193273;
|
|
@@ -22,25 +28,23 @@
|
|
|
22
28
|
--color-brand-300-rgb: 231, 239, 255;
|
|
23
29
|
|
|
24
30
|
/* #Accent */
|
|
25
|
-
--color-error: #
|
|
26
|
-
--color-error-opacity: #
|
|
31
|
+
--color-error: #bb032a;
|
|
32
|
+
--color-error-opacity: #FFF0EE;
|
|
27
33
|
--color-error-rgb: 223, 56, 56;
|
|
28
34
|
|
|
29
35
|
--color-notification: #f4d04f;
|
|
30
36
|
--color-notification-rgb: 244, 208, 79;
|
|
31
37
|
|
|
32
|
-
--color-warn: #f2994a;
|
|
33
|
-
--color-warn-rgb: 242, 153, 74;
|
|
34
|
-
|
|
35
38
|
--color-info: #325fda;
|
|
36
39
|
--color-info-rgb: 50, 95, 218;
|
|
40
|
+
--color-info-messages: #e3e9f3;
|
|
37
41
|
|
|
38
|
-
--color-warning: #
|
|
39
|
-
--color-warning-opacity: #
|
|
42
|
+
--color-warning: #845201;
|
|
43
|
+
--color-warning-opacity: #FDF2DC;
|
|
40
44
|
|
|
41
|
-
--color-success: #
|
|
42
|
-
--color-success--opacity: #
|
|
43
|
-
--color-success-rgb:
|
|
45
|
+
--color-success: #166C3B;
|
|
46
|
+
--color-success--opacity: #EAF6ED;
|
|
47
|
+
--color-success-rgb: 7, 81, 69;
|
|
44
48
|
|
|
45
49
|
--color-allocation-started: #E8F8E5;
|
|
46
50
|
--color-allocation-scheduled: #FDF0E4;
|
|
@@ -12,7 +12,8 @@ $font-weight-extra-bold: 800;
|
|
|
12
12
|
|
|
13
13
|
// #Sizes
|
|
14
14
|
$font-size-xs: 12px;
|
|
15
|
-
$font-size-sm:
|
|
15
|
+
$font-size-sm: 13px;
|
|
16
|
+
$font-size-md: 14px;
|
|
16
17
|
$font-size-base: 16px;
|
|
17
18
|
$font-size-lg: 18px;
|
|
18
19
|
|
|
@@ -24,3 +25,7 @@ $font-heading-lg: 36px;
|
|
|
24
25
|
|
|
25
26
|
// Height
|
|
26
27
|
$base-line-height: 1.5;
|
|
28
|
+
|
|
29
|
+
:root {
|
|
30
|
+
--mat-option-label-text-size: #{$font-size-sm};
|
|
31
|
+
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
@use "helpers";
|
|
1
2
|
@use "sass:map";
|
|
2
|
-
@use "
|
|
3
|
-
@use "
|
|
4
|
-
|
|
3
|
+
@use "variables";
|
|
4
|
+
@use "functions";
|
|
5
|
+
@use "fonts";
|
|
5
6
|
// Calculates font size in REMs with a pixel fallback.
|
|
6
7
|
@mixin fontSize($size) {
|
|
7
8
|
font-size: $size;
|
|
@@ -29,7 +30,7 @@
|
|
|
29
30
|
@mixin p-el($el-name, $h: 'null', $w: 'null') {
|
|
30
31
|
@if $el-name == 'before' or $el-name == 'after' {
|
|
31
32
|
&::#{$el-name} {
|
|
32
|
-
@extend %pseudos
|
|
33
|
+
@extend %pseudos;
|
|
33
34
|
width: $w;
|
|
34
35
|
height: $h;
|
|
35
36
|
@content;
|
|
@@ -67,3 +68,35 @@
|
|
|
67
68
|
@error '"#{$break}" is not a valid breakpoint. Please enter a supported value (e.g. "small", "medium" or "large")';
|
|
68
69
|
}
|
|
69
70
|
}
|
|
71
|
+
|
|
72
|
+
// ==========================================================================
|
|
73
|
+
// Sized-control button v2 metrics
|
|
74
|
+
// ==========================================================================
|
|
75
|
+
@mixin btn-size($height, $min-width, $padding-x, $font-size, $line-height) {
|
|
76
|
+
height: $height;
|
|
77
|
+
min-width: $min-width;
|
|
78
|
+
padding: 0 $padding-x;
|
|
79
|
+
font-size: $font-size;
|
|
80
|
+
font-weight: fonts.$font-weight-semibold;
|
|
81
|
+
line-height: $line-height;
|
|
82
|
+
letter-spacing: 0;
|
|
83
|
+
border-radius: functions.calc-rem(variables.$border-radius-large);
|
|
84
|
+
text-align: center;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
// Step for the button-toggle size scale, applied to Material's toggle internals.
|
|
88
|
+
@mixin toggle-size($height, $min-width, $font-size, $padding-x) {
|
|
89
|
+
.mat-button-toggle {
|
|
90
|
+
height: $height;
|
|
91
|
+
|
|
92
|
+
.mat-button-toggle-button {
|
|
93
|
+
height: $height;
|
|
94
|
+
min-width: $min-width;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.mat-button-toggle-label-content {
|
|
98
|
+
font-size: $font-size;
|
|
99
|
+
padding: 0 $padding-x;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
+
@use "functions";
|
|
1
2
|
/* #Box shadows */
|
|
2
3
|
$box-shadow-default: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
|
4
|
+
$box-shadow-medium: 0px 1px 2px 0px #0000000D;
|
|
3
5
|
$box-shadow-large: 0 0 25px rgba(0, 0, 0, 0.2);
|
|
4
6
|
|
|
5
7
|
/* #Border settings */
|
|
6
8
|
$border-radius-base: .25rem;
|
|
9
|
+
$border-radius-xl: 12px;
|
|
10
|
+
$border-radius-medium: 6px;
|
|
11
|
+
$border-radius-large: 8px;
|
|
7
12
|
|
|
8
13
|
/* #Transition */
|
|
9
14
|
$trans-duration-style: .24s ease-out;
|
|
@@ -17,3 +22,12 @@ $breakpoints: (
|
|
|
17
22
|
xl: 1200px,
|
|
18
23
|
xxl: 1400px
|
|
19
24
|
);
|
|
25
|
+
|
|
26
|
+
:root {
|
|
27
|
+
--mat-standard-button-toggle-shape: #{functions.calc-rem($border-radius-large)};
|
|
28
|
+
--mat-option-label-text-color: var(--color-gray-900);
|
|
29
|
+
--mat-option-focus-state-layer-color: var(--color-gray-100);
|
|
30
|
+
--mat-option-hover-state-layer-color: var(--color-gray-50);
|
|
31
|
+
--mat-divider-color: var(--color-gray-100);
|
|
32
|
+
--mat-select-placeholder-text-color: var(--color-gray-400);
|
|
33
|
+
}
|
|
@@ -1,27 +1,5 @@
|
|
|
1
|
-
@use "sass:meta";
|
|
2
|
-
@use "tailwindcss";
|
|
3
|
-
@use "tailwind/index.scss";
|
|
4
|
-
@use "scss/utilities";
|
|
5
1
|
@use "material/theme";
|
|
6
|
-
@use "scss/modules";
|
|
7
|
-
|
|
8
|
-
@
|
|
9
|
-
|
|
10
|
-
--color-gray-100: var(--color-gray-100);
|
|
11
|
-
--color-gray-200: var(--color-gray-200);
|
|
12
|
-
--color-gray-300: var(--color-gray-300);
|
|
13
|
-
--color-gray-400: var(--color-gray-400);
|
|
14
|
-
--color-gray-500: var(--color-gray-500);
|
|
15
|
-
--color-brand-dark: var(--color-brand-dark);
|
|
16
|
-
--color-brand-light: var(--color-brand-light);
|
|
17
|
-
--color-brand-300: var(--color-brand-300);
|
|
18
|
-
--color-accent-error: var(--color-error);
|
|
19
|
-
--color-accent-notification: var(--color-notification);
|
|
20
|
-
--color-accent-success: var(--color-success);
|
|
21
|
-
|
|
22
|
-
--line-height-0: 0rem;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
@layer base {
|
|
26
|
-
@include meta.load-css("../styles/scss/base/index.scss");
|
|
27
|
-
}
|
|
2
|
+
@use "scss/modules/index";
|
|
3
|
+
@use "scss/utilities/index" as index2;
|
|
4
|
+
@use "scss/base/index" as index3;
|
|
5
|
+
@use "tailwind/index" as index4;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-20{z-index:20}.z-50{z-index:50}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-max{height:max-content}.\!w-full{width:100%!important}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-9{--tw-translate-x:calc(var(--spacing) * -9);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-current{border-color:currentColor}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-none{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-gray-500{color:var(--color-gray-500)!important}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-inherit:hover{color:inherit}}@media (min-width:40rem){.sm\:hidden{display:none}}@media (min-width:48rem){.md\:mr-3{margin-right:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-20{z-index:20}.z-50{z-index:50}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.my-1{margin-block:var(--spacing)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-5\!{height:calc(var(--spacing) * 5)!important}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-max{height:max-content}.w-2\/3{width:66.6667%}.w-5{width:calc(var(--spacing) * 5)}.w-5\!{width:calc(var(--spacing) * 5)!important}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-48{width:calc(var(--spacing) * 48)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-\[260px\]{width:260px}.w-full{width:100%}.w-full\!{width:100%!important}.max-w-96{max-width:calc(var(--spacing) * 96)}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-9{--tw-translate-x:calc(var(--spacing) * -9);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0{gap:0}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.bg-blue-50{background-color:var(--color-blue-50)}.bg-brand-300{background-color:var(--color-brand-300)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\!p-0{padding:0!important}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-lg\!{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xl\!{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-0{--tw-leading:0;line-height:0}.leading-5\!{--tw-leading:calc(var(--spacing) * 5)!important;line-height:calc(var(--spacing) * 5)!important}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.\!text-gray-500{color:var(--color-gray-500)!important}.text-accent-error{color:var(--color-error)}.text-black{color:var(--color-black)}.text-blue-800{color:var(--color-blue-800)}.text-brand-dark{color:var(--color-brand-dark)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-brand-dark:hover{color:var(--color-brand-dark)}.hover\:text-gray-400\!:hover{color:var(--color-gray-400)!important}.hover\:text-inherit:hover{color:inherit}}@media (min-width:40rem){.sm\:hidden{display:none}}@media (min-width:48rem){.md\:mr-3{margin-right:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}}*,:after,:before,::backdrop{border-color:var(--color-gray-200)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
|