@jobber/components 6.58.6 → 6.59.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.
Files changed (5) hide show
  1. package/dist/Menu/Menu.d.ts +5 -1
  2. package/dist/Menu-cjs.js +2 -2
  3. package/dist/Menu-es.js +2 -2
  4. package/dist/styles.css +1818 -1818
  5. package/package.json +2 -2
package/dist/styles.css CHANGED
@@ -1,82 +1,3 @@
1
- .P6HrDSaI0Ac- {
2
- display: contents;
3
- }
4
-
5
- :root {
6
- --public--avatar-size: 32px;
7
- }
8
-
9
- .QJpdGzG71k8- {
10
- --avatar-size: var(--public--avatar-size);
11
- --avatar-border-size: var(--border-base);
12
-
13
- display: -ms-flexbox;
14
-
15
- display: flex;
16
- -ms-flex-align: center;
17
- align-items: center;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
- width: 32px;
21
- width: var(--avatar-size);
22
- height: 32px;
23
- height: var(--avatar-size);
24
- min-width: 32px;
25
- min-width: var(--avatar-size);
26
- min-height: 32px;
27
- min-height: var(--avatar-size);
28
- border-radius: 100%;
29
- border-radius: var(--radius-circle);
30
- color: hsl(197, 90%, 12%);
31
- color: var(--color-heading);
32
- font-size: 32px;
33
- font-size: var(--avatar-size);
34
- -webkit-font-smoothing: antialiased;
35
- background: no-repeat center center hsl(197, 15%, 43%);
36
- background: no-repeat center center var(--color-base-blue--600);
37
- background-size: cover;
38
- }
39
-
40
- .QJpdGzG71k8-:focus {
41
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
42
- box-shadow: var(--shadow-focus);
43
- outline: none;
44
- }
45
-
46
- .bexrcoi1lZk- {
47
- --avatar-size: 72px;
48
- --avatar-border-size: var(--border-thick);
49
- }
50
-
51
- .xytAyzEap3U- {
52
- --avatar-size: 24px;
53
- }
54
-
55
- /* isDark is dynamic and applies only when background is dark */
56
-
57
- .E0Pgej0H3YA- {
58
- color: rgba(255, 255, 255, 1);
59
- color: var(--color-base-white);
60
- }
61
-
62
- ._85roPa-UvXQ- {
63
- font-size: calc(var(--avatar-size) / 2);
64
- text-transform: uppercase;
65
- }
66
-
67
- .meLH-BCeXWU- {
68
- font-size: calc(var(--avatar-size) / 2.25);
69
- }
70
-
71
- .OsEsZnEnjLc- {
72
- width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
73
- height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
74
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
75
- box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
76
- border-style: solid;
77
- border-width: var(--avatar-border-size);
78
- }
79
-
80
1
  ._7mObJiwfPh4- {
81
2
  position: relative;
82
3
  width: 100%;
@@ -202,6 +123,85 @@
202
123
  text-align: right;
203
124
  }
204
125
 
126
+ .P6HrDSaI0Ac- {
127
+ display: contents;
128
+ }
129
+
130
+ :root {
131
+ --public--avatar-size: 32px;
132
+ }
133
+
134
+ .QJpdGzG71k8- {
135
+ --avatar-size: var(--public--avatar-size);
136
+ --avatar-border-size: var(--border-base);
137
+
138
+ display: -ms-flexbox;
139
+
140
+ display: flex;
141
+ -ms-flex-align: center;
142
+ align-items: center;
143
+ -ms-flex-pack: center;
144
+ justify-content: center;
145
+ width: 32px;
146
+ width: var(--avatar-size);
147
+ height: 32px;
148
+ height: var(--avatar-size);
149
+ min-width: 32px;
150
+ min-width: var(--avatar-size);
151
+ min-height: 32px;
152
+ min-height: var(--avatar-size);
153
+ border-radius: 100%;
154
+ border-radius: var(--radius-circle);
155
+ color: hsl(197, 90%, 12%);
156
+ color: var(--color-heading);
157
+ font-size: 32px;
158
+ font-size: var(--avatar-size);
159
+ -webkit-font-smoothing: antialiased;
160
+ background: no-repeat center center hsl(197, 15%, 43%);
161
+ background: no-repeat center center var(--color-base-blue--600);
162
+ background-size: cover;
163
+ }
164
+
165
+ .QJpdGzG71k8-:focus {
166
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
167
+ box-shadow: var(--shadow-focus);
168
+ outline: none;
169
+ }
170
+
171
+ .bexrcoi1lZk- {
172
+ --avatar-size: 72px;
173
+ --avatar-border-size: var(--border-thick);
174
+ }
175
+
176
+ .xytAyzEap3U- {
177
+ --avatar-size: 24px;
178
+ }
179
+
180
+ /* isDark is dynamic and applies only when background is dark */
181
+
182
+ .E0Pgej0H3YA- {
183
+ color: rgba(255, 255, 255, 1);
184
+ color: var(--color-base-white);
185
+ }
186
+
187
+ ._85roPa-UvXQ- {
188
+ font-size: calc(var(--avatar-size) / 2);
189
+ text-transform: uppercase;
190
+ }
191
+
192
+ .meLH-BCeXWU- {
193
+ font-size: calc(var(--avatar-size) / 2.25);
194
+ }
195
+
196
+ .OsEsZnEnjLc- {
197
+ width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
198
+ height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
199
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1) inset;
200
+ box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
201
+ border-style: solid;
202
+ border-width: var(--avatar-border-size);
203
+ }
204
+
205
205
  .ucGelS5nNm0- {
206
206
  --banner-surface: var(--color-surface);
207
207
  --banner-textColor: var(--color-text);
@@ -706,427 +706,56 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
706
706
  }
707
707
  }
708
708
 
709
- .-PlHaWx00Hw- {
710
- --card--accent-color: var(--color-grey);
711
- --card--base-padding: var(--space-base);
712
- --card--border: var(--border-base) solid var(--color-border);
709
+ ._5mDLThZ7dBQ- {
710
+ --card--accent-color: var(--color-request);
711
+ }
713
712
 
714
- display: block;
715
- width: 100%;
716
- border: 1px solid hsl(200, 13%, 87%);
717
- border: var(--card--border);
718
- border-radius: 8px;
719
- border-radius: var(--radius-base);
720
- outline-color: hsl(198, 12%, 57%);
721
- outline-color: var(--color-focus);
722
- background-color: rgba(255, 255, 255, 1);
723
- background-color: var(--color-surface);
713
+ .-n66fUZcIH4- {
714
+ --card--accent-color: var(--color-quote);
724
715
  }
725
716
 
726
- .-PlHaWx00Hw-:active {
727
- outline: 0;
717
+ .vfz0wjl-krU- {
718
+ --card--accent-color: var(--color-job);
728
719
  }
729
720
 
730
- /* Adjust `Content` components public padding to match the cards */
721
+ .UnWnEyw0-jY- {
722
+ --card--accent-color: var(--color-invoice);
723
+ }
731
724
 
732
- .-PlHaWx00Hw- > * {
733
- --public-content--padding: var(--card--base-padding);
725
+ .iRFdI5utAsU- {
726
+ --card--accent-color: var(--color-client);
734
727
  }
735
728
 
736
- /* Remove the nested `Content` components public padding */
729
+ ._0f94rfGFhgQ- {
730
+ --card--accent-color: var(--color-blue);
731
+ }
737
732
 
738
- .-PlHaWx00Hw- > * > * {
739
- --public-content--padding: 0;
733
+ .UZmLtIoFU0w- {
734
+ --card--accent-color: var(--color-blue--light);
740
735
  }
741
736
 
742
- .Iilm5Uhxo50- {
743
- border-top-width: 0;
737
+ ._5bsgmHFheR8- {
738
+ --card--accent-color: var(--color-blue--lighter);
744
739
  }
745
740
 
746
- .Iilm5Uhxo50-::before {
747
- content: " ";
748
- display: block;
749
- margin: 0 calc(-1 * 1px);
750
- margin: 0 calc(-1 * var(--border-base));
751
- border-top: 0.375rem solid var(--card--accent-color);
752
- border-radius: 8px 8px 0 0;
753
- border-radius: var(--radius-base) var(--radius-base) 0 0;
741
+ .odY4oZL82vc- {
742
+ --card--accent-color: var(--color-blue--lightest);
754
743
  }
755
744
 
756
- .Vppn4k0fBsc- {
757
- color: inherit;
758
- text-decoration: inherit;
759
- cursor: pointer;
760
- transition: all 200ms ease-out;
761
- transition: all var(--timing-base) ease-out;
745
+ .efMKqzdbpSM- {
746
+ --card--accent-color: var(--color-blue--dark);
762
747
  }
763
748
 
764
- .Vppn4k0fBsc-:hover,
765
- .Vppn4k0fBsc-:focus {
766
- background-color: hsl(53, 21%, 93%);
767
- background-color: var(--color-surface--hover);
749
+ .PuLfA1HnrOs- {
750
+ --card--accent-color: var(--color-green);
768
751
  }
769
752
 
770
- .l3-Pkynq2zA- {
771
- display: -ms-flexbox;
772
- display: flex;
773
- padding: var(--card--base-padding);
774
- padding-bottom: 0;
775
- -ms-flex-pack: justify;
776
- justify-content: space-between;
777
- -ms-flex-align: start;
778
- align-items: flex-start;
779
- gap: 8px;
780
- gap: var(--space-small);
753
+ ._9xiJ-MAQiTY- {
754
+ --card--accent-color: var(--color-green--light);
781
755
  }
782
756
 
783
- .kub1yKbFFN0- {
784
- display: -ms-flexbox;
785
- display: flex;
786
- -ms-flex-wrap: wrap;
787
- flex-wrap: wrap;
788
- gap: 16px;
789
- gap: var(--public-cluster-space, var(--space-base, 16px));
790
- -ms-flex-pack: flex-start;
791
- -ms-flex-pack: var(--public-cluster-justify, flex-start);
792
- justify-content: flex-start;
793
- justify-content: var(--public-cluster-justify, flex-start);
794
- -ms-flex-align: center;
795
- -ms-flex-align: var(--public-cluster-align, center);
796
- align-items: center;
797
- align-items: var(--public-cluster-align, center);
798
- width: var(--public-cluster-width);
799
- }
800
-
801
- /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
802
-
803
- .kub1yKbFFN0- .kub1yKbFFN0- {
804
- width: auto;
805
- }
806
-
807
- /** For collapse below. If any of the sizes are active, we're in column mode. */
808
-
809
- ._5IaWqMXiMqQ-,
810
- .vCly-qsW6uQ-,
811
- .lmABTs-G-FA-,
812
- .NHrDIukxI-o- {
813
- -ms-flex-direction: column;
814
- flex-direction: column;
815
- }
816
-
817
- ._5IaWqMXiMqQ- > *,
818
- .vCly-qsW6uQ- > *,
819
- .lmABTs-G-FA- > *,
820
- .NHrDIukxI-o- > * {
821
- width: 100%;
822
- }
823
-
824
- @media (min-width: 490px) {
825
- ._5IaWqMXiMqQ- {
826
- -ms-flex-direction: row;
827
- flex-direction: row;
828
- }
829
-
830
- ._5IaWqMXiMqQ- > * {
831
- width: auto;
832
- }
833
- }
834
-
835
- @media (--small-screens-and-up) {
836
- ._5IaWqMXiMqQ- {
837
- -ms-flex-direction: row;
838
- flex-direction: row;
839
- }
840
-
841
- ._5IaWqMXiMqQ- > * {
842
- width: auto;
843
- }
844
- }
845
-
846
- @media (min-width: 768px) {
847
- .vCly-qsW6uQ- {
848
- -ms-flex-direction: row;
849
- flex-direction: row;
850
- }
851
-
852
- .vCly-qsW6uQ- > * {
853
- width: auto;
854
- }
855
- }
856
-
857
- @media (--medium-screens-and-up) {
858
- .vCly-qsW6uQ- {
859
- -ms-flex-direction: row;
860
- flex-direction: row;
861
- }
862
-
863
- .vCly-qsW6uQ- > * {
864
- width: auto;
865
- }
866
- }
867
-
868
- @media (min-width: 1080px) {
869
- .lmABTs-G-FA- {
870
- -ms-flex-direction: row;
871
- flex-direction: row;
872
- }
873
-
874
- .lmABTs-G-FA- > * {
875
- width: auto;
876
- }
877
- }
878
-
879
- @media (--large-screens-and-up) {
880
- .lmABTs-G-FA- {
881
- -ms-flex-direction: row;
882
- flex-direction: row;
883
- }
884
-
885
- .lmABTs-G-FA- > * {
886
- width: auto;
887
- }
888
- }
889
-
890
- @media (min-width: 1440px) {
891
- .NHrDIukxI-o- {
892
- -ms-flex-direction: row;
893
- flex-direction: row;
894
- }
895
-
896
- .NHrDIukxI-o- > * {
897
- width: auto;
898
- }
899
- }
900
-
901
- @media (--extra-large-screens-and-up) {
902
- .NHrDIukxI-o- {
903
- -ms-flex-direction: row;
904
- flex-direction: row;
905
- }
906
-
907
- .NHrDIukxI-o- > * {
908
- width: auto;
909
- }
910
- }
911
-
912
- .kub1yKbFFN0-.hkpPPbA3sRk- {
913
- -ms-flex-direction: column;
914
- flex-direction: column;
915
- }
916
-
917
- .kub1yKbFFN0-.hkpPPbA3sRk- > * {
918
- width: 100%;
919
- }
920
-
921
- .bb-VTS0yML8-,
922
- ._2BzdFV5LQvM-,
923
- ._60G0BuQ6TY0- {
924
- --card--border: none;
925
- }
926
-
927
- .bb-VTS0yML8- {
928
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
929
- box-shadow: var(--shadow-low);
930
- }
931
-
932
- ._2BzdFV5LQvM- {
933
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
934
- box-shadow: var(--shadow-base);
935
- }
936
-
937
- ._60G0BuQ6TY0- {
938
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
939
- box-shadow: var(--shadow-high);
940
- }
941
-
942
- .Aj6o8FcaKHc- {
943
- container-name: var(--public-container-name);
944
- container-type: inline-size;
945
- width: var(--public-container-width);
946
- }
947
-
948
- .eIsVvlXoWhs- {
949
- container-type: inline-size;
950
- width: var(--public-container-apply-width);
951
- }
952
-
953
- .YxKKPXAU10s- {
954
- --checkbox--size: 20px;
955
- --checkbox--border--checked: var(--color-interactive);
956
- --checkbox--border--unchecked: var(--color-border--interactive);
957
- --checkbox--border--hover: var(--color-interactive);
958
- display: inline-block;
959
- }
960
-
961
- .KxWx-msbH9c- {
962
- display: -ms-flexbox;
963
- display: flex;
964
- -ms-flex-align: start;
965
- align-items: flex-start;
966
- -webkit-user-select: none;
967
- -ms-user-select: none;
968
- user-select: none;
969
- cursor: pointer;
970
- }
971
-
972
- .TKr3J-6ARFo- {
973
- --checkbox--border--checked: var(--color-disabled--secondary);
974
- --checkbox--border--unchecked: var(--color-disabled--secondary);
975
- --checkbox--border--hover: var(--color-disabled--secondary);
976
- cursor: not-allowed;
977
- }
978
-
979
- .NO34ZbhNqhI- {
980
- position: relative;
981
- }
982
-
983
- .XnCmS-EzK2M- {
984
- /* Hide checkbox on UI but not screen readers and still allow focus state */
985
- position: absolute;
986
- width: 1px;
987
- height: 1px;
988
- overflow: hidden;
989
- clip: rect(0 0 0 0);
990
- clip-path: inset(100%);
991
- white-space: nowrap;
992
- }
993
-
994
- ._-8JCQE6SA9s- {
995
- display: -ms-flexbox;
996
- display: flex;
997
- width: var(--checkbox--size);
998
- height: var(--checkbox--size);
999
- box-sizing: border-box;
1000
- border: 2px solid var(--checkbox--border--unchecked);
1001
- border: var(--border-thick) solid var(--checkbox--border--unchecked);
1002
- border-radius: 4px;
1003
- border-radius: var(--radius-small);
1004
- background-color: rgba(255, 255, 255, 1);
1005
- background-color: var(--color-surface);
1006
- transition: all 100ms ease-out;
1007
- transition: all var(--timing-quick) ease-out;
1008
- -ms-flex-pack: center;
1009
- justify-content: center;
1010
- -ms-flex-align: center;
1011
- align-items: center;
1012
- }
1013
-
1014
- ._-8JCQE6SA9s-:hover,
1015
- .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1016
- border-color: var(--checkbox--border--hover);
1017
- }
1018
-
1019
- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1020
- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1021
- border-color: var(--checkbox--border--checked);
1022
- background-color: hsl(107, 58%, 33%);
1023
- background-color: var(--color-interactive);
1024
- }
1025
-
1026
- .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1027
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1028
- box-shadow: var(--shadow-focus);
1029
- }
1030
-
1031
- .TKr3J-6ARFo- p {
1032
- color: hsl(0, 0%, 72%);
1033
- color: var(--color-disabled);
1034
- }
1035
-
1036
- .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1037
- opacity: 0;
1038
- }
1039
-
1040
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1041
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1042
- background-color: hsl(0, 0%, 93%);
1043
- background-color: var(--color-disabled--secondary);
1044
- }
1045
-
1046
- .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1047
- .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1048
- opacity: 1;
1049
- }
1050
-
1051
- .l8z5TxzVvqA- {
1052
- margin: 0 8px;
1053
- margin: 0 var(--space-small);
1054
- margin-top: 2px;
1055
- margin-top: var(--space-smallest);
1056
- }
1057
-
1058
- .DcBfVgpiWa4- {
1059
- margin-bottom: 8px;
1060
- margin-bottom: var(--space-small);
1061
- padding-left: calc(var(--checkbox--size) + 8px);
1062
- padding-left: calc(var(--checkbox--size) + var(--space-small));
1063
- }
1064
-
1065
- .xxU2WqkpXZU- {
1066
- position: fixed;
1067
- top: 0;
1068
- right: 0;
1069
- bottom: 0;
1070
- left: 0;
1071
- z-index: 6;
1072
- z-index: var(--elevation-menu);
1073
- background-color: transparent;
1074
- }
1075
-
1076
- .W-9SMjhEMpI- {
1077
- display: inline-block;
1078
- }
1079
-
1080
- ._5mDLThZ7dBQ- {
1081
- --card--accent-color: var(--color-request);
1082
- }
1083
-
1084
- .-n66fUZcIH4- {
1085
- --card--accent-color: var(--color-quote);
1086
- }
1087
-
1088
- .vfz0wjl-krU- {
1089
- --card--accent-color: var(--color-job);
1090
- }
1091
-
1092
- .UnWnEyw0-jY- {
1093
- --card--accent-color: var(--color-invoice);
1094
- }
1095
-
1096
- .iRFdI5utAsU- {
1097
- --card--accent-color: var(--color-client);
1098
- }
1099
-
1100
- ._0f94rfGFhgQ- {
1101
- --card--accent-color: var(--color-blue);
1102
- }
1103
-
1104
- .UZmLtIoFU0w- {
1105
- --card--accent-color: var(--color-blue--light);
1106
- }
1107
-
1108
- ._5bsgmHFheR8- {
1109
- --card--accent-color: var(--color-blue--lighter);
1110
- }
1111
-
1112
- .odY4oZL82vc- {
1113
- --card--accent-color: var(--color-blue--lightest);
1114
- }
1115
-
1116
- .efMKqzdbpSM- {
1117
- --card--accent-color: var(--color-blue--dark);
1118
- }
1119
-
1120
- .PuLfA1HnrOs- {
1121
- --card--accent-color: var(--color-green);
1122
- }
1123
-
1124
- ._9xiJ-MAQiTY- {
1125
- --card--accent-color: var(--color-green--light);
1126
- }
1127
-
1128
- .lmzbPrdLKIM- {
1129
- --card--accent-color: var(--color-green--lighter);
757
+ .lmzbPrdLKIM- {
758
+ --card--accent-color: var(--color-green--lighter);
1130
759
  }
1131
760
 
1132
761
  .S5ZiMPMgAmo- {
@@ -1401,24 +1030,268 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1401
1030
  --card--accent-color: var(--color-indigo);
1402
1031
  }
1403
1032
 
1404
- ._0IY3-0yi-R8- {
1405
- --card--accent-color: var(--color-indigo--light);
1033
+ ._0IY3-0yi-R8- {
1034
+ --card--accent-color: var(--color-indigo--light);
1035
+ }
1036
+
1037
+ .EhlKEc9GoHs- {
1038
+ --card--accent-color: var(--color-indigo--lighter);
1039
+ }
1040
+
1041
+ .AdDWGn8NI00- {
1042
+ --card--accent-color: var(--color-indigo--lightest);
1043
+ }
1044
+
1045
+ ._2ps4Uk-mog0- {
1046
+ --card--accent-color: var(--color-indigo--dark);
1047
+ }
1048
+
1049
+ .mflIgpDr82Y- {
1050
+ --card--accent-color: var(--color-white);
1051
+ }
1052
+
1053
+ .-PlHaWx00Hw- {
1054
+ --card--accent-color: var(--color-grey);
1055
+ --card--base-padding: var(--space-base);
1056
+ --card--border: var(--border-base) solid var(--color-border);
1057
+
1058
+ display: block;
1059
+ width: 100%;
1060
+ border: 1px solid hsl(200, 13%, 87%);
1061
+ border: var(--card--border);
1062
+ border-radius: 8px;
1063
+ border-radius: var(--radius-base);
1064
+ outline-color: hsl(198, 12%, 57%);
1065
+ outline-color: var(--color-focus);
1066
+ background-color: rgba(255, 255, 255, 1);
1067
+ background-color: var(--color-surface);
1068
+ }
1069
+
1070
+ .-PlHaWx00Hw-:active {
1071
+ outline: 0;
1072
+ }
1073
+
1074
+ /* Adjust `Content` components public padding to match the cards */
1075
+
1076
+ .-PlHaWx00Hw- > * {
1077
+ --public-content--padding: var(--card--base-padding);
1078
+ }
1079
+
1080
+ /* Remove the nested `Content` components public padding */
1081
+
1082
+ .-PlHaWx00Hw- > * > * {
1083
+ --public-content--padding: 0;
1084
+ }
1085
+
1086
+ .Iilm5Uhxo50- {
1087
+ border-top-width: 0;
1088
+ }
1089
+
1090
+ .Iilm5Uhxo50-::before {
1091
+ content: " ";
1092
+ display: block;
1093
+ margin: 0 calc(-1 * 1px);
1094
+ margin: 0 calc(-1 * var(--border-base));
1095
+ border-top: 0.375rem solid var(--card--accent-color);
1096
+ border-radius: 8px 8px 0 0;
1097
+ border-radius: var(--radius-base) var(--radius-base) 0 0;
1098
+ }
1099
+
1100
+ .Vppn4k0fBsc- {
1101
+ color: inherit;
1102
+ text-decoration: inherit;
1103
+ cursor: pointer;
1104
+ transition: all 200ms ease-out;
1105
+ transition: all var(--timing-base) ease-out;
1106
+ }
1107
+
1108
+ .Vppn4k0fBsc-:hover,
1109
+ .Vppn4k0fBsc-:focus {
1110
+ background-color: hsl(53, 21%, 93%);
1111
+ background-color: var(--color-surface--hover);
1112
+ }
1113
+
1114
+ .l3-Pkynq2zA- {
1115
+ display: -ms-flexbox;
1116
+ display: flex;
1117
+ padding: var(--card--base-padding);
1118
+ padding-bottom: 0;
1119
+ -ms-flex-pack: justify;
1120
+ justify-content: space-between;
1121
+ -ms-flex-align: start;
1122
+ align-items: flex-start;
1123
+ gap: 8px;
1124
+ gap: var(--space-small);
1125
+ }
1126
+
1127
+ .bb-VTS0yML8-,
1128
+ ._2BzdFV5LQvM-,
1129
+ ._60G0BuQ6TY0- {
1130
+ --card--border: none;
1131
+ }
1132
+
1133
+ .bb-VTS0yML8- {
1134
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
1135
+ box-shadow: var(--shadow-low);
1136
+ }
1137
+
1138
+ ._2BzdFV5LQvM- {
1139
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
1140
+ box-shadow: var(--shadow-base);
1141
+ }
1142
+
1143
+ ._60G0BuQ6TY0- {
1144
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
1145
+ box-shadow: var(--shadow-high);
1146
+ }
1147
+
1148
+ .kub1yKbFFN0- {
1149
+ display: -ms-flexbox;
1150
+ display: flex;
1151
+ -ms-flex-wrap: wrap;
1152
+ flex-wrap: wrap;
1153
+ gap: 16px;
1154
+ gap: var(--public-cluster-space, var(--space-base, 16px));
1155
+ -ms-flex-pack: flex-start;
1156
+ -ms-flex-pack: var(--public-cluster-justify, flex-start);
1157
+ justify-content: flex-start;
1158
+ justify-content: var(--public-cluster-justify, flex-start);
1159
+ -ms-flex-align: center;
1160
+ -ms-flex-align: var(--public-cluster-align, center);
1161
+ align-items: center;
1162
+ align-items: var(--public-cluster-align, center);
1163
+ width: var(--public-cluster-width);
1164
+ }
1165
+
1166
+ /** When we nest clusters, the clustering stops working because of the 100% width. This prevents nested clusters from fighting **/
1167
+
1168
+ .kub1yKbFFN0- .kub1yKbFFN0- {
1169
+ width: auto;
1170
+ }
1171
+
1172
+ /** For collapse below. If any of the sizes are active, we're in column mode. */
1173
+
1174
+ ._5IaWqMXiMqQ-,
1175
+ .vCly-qsW6uQ-,
1176
+ .lmABTs-G-FA-,
1177
+ .NHrDIukxI-o- {
1178
+ -ms-flex-direction: column;
1179
+ flex-direction: column;
1180
+ }
1181
+
1182
+ ._5IaWqMXiMqQ- > *,
1183
+ .vCly-qsW6uQ- > *,
1184
+ .lmABTs-G-FA- > *,
1185
+ .NHrDIukxI-o- > * {
1186
+ width: 100%;
1187
+ }
1188
+
1189
+ @media (min-width: 490px) {
1190
+ ._5IaWqMXiMqQ- {
1191
+ -ms-flex-direction: row;
1192
+ flex-direction: row;
1193
+ }
1194
+
1195
+ ._5IaWqMXiMqQ- > * {
1196
+ width: auto;
1197
+ }
1198
+ }
1199
+
1200
+ @media (--small-screens-and-up) {
1201
+ ._5IaWqMXiMqQ- {
1202
+ -ms-flex-direction: row;
1203
+ flex-direction: row;
1204
+ }
1205
+
1206
+ ._5IaWqMXiMqQ- > * {
1207
+ width: auto;
1208
+ }
1209
+ }
1210
+
1211
+ @media (min-width: 768px) {
1212
+ .vCly-qsW6uQ- {
1213
+ -ms-flex-direction: row;
1214
+ flex-direction: row;
1215
+ }
1216
+
1217
+ .vCly-qsW6uQ- > * {
1218
+ width: auto;
1219
+ }
1220
+ }
1221
+
1222
+ @media (--medium-screens-and-up) {
1223
+ .vCly-qsW6uQ- {
1224
+ -ms-flex-direction: row;
1225
+ flex-direction: row;
1226
+ }
1227
+
1228
+ .vCly-qsW6uQ- > * {
1229
+ width: auto;
1230
+ }
1231
+ }
1232
+
1233
+ @media (min-width: 1080px) {
1234
+ .lmABTs-G-FA- {
1235
+ -ms-flex-direction: row;
1236
+ flex-direction: row;
1237
+ }
1238
+
1239
+ .lmABTs-G-FA- > * {
1240
+ width: auto;
1241
+ }
1242
+ }
1243
+
1244
+ @media (--large-screens-and-up) {
1245
+ .lmABTs-G-FA- {
1246
+ -ms-flex-direction: row;
1247
+ flex-direction: row;
1248
+ }
1249
+
1250
+ .lmABTs-G-FA- > * {
1251
+ width: auto;
1252
+ }
1253
+ }
1254
+
1255
+ @media (min-width: 1440px) {
1256
+ .NHrDIukxI-o- {
1257
+ -ms-flex-direction: row;
1258
+ flex-direction: row;
1259
+ }
1260
+
1261
+ .NHrDIukxI-o- > * {
1262
+ width: auto;
1263
+ }
1264
+ }
1265
+
1266
+ @media (--extra-large-screens-and-up) {
1267
+ .NHrDIukxI-o- {
1268
+ -ms-flex-direction: row;
1269
+ flex-direction: row;
1270
+ }
1271
+
1272
+ .NHrDIukxI-o- > * {
1273
+ width: auto;
1274
+ }
1406
1275
  }
1407
1276
 
1408
- .EhlKEc9GoHs- {
1409
- --card--accent-color: var(--color-indigo--lighter);
1277
+ .kub1yKbFFN0-.hkpPPbA3sRk- {
1278
+ -ms-flex-direction: column;
1279
+ flex-direction: column;
1410
1280
  }
1411
1281
 
1412
- .AdDWGn8NI00- {
1413
- --card--accent-color: var(--color-indigo--lightest);
1282
+ .kub1yKbFFN0-.hkpPPbA3sRk- > * {
1283
+ width: 100%;
1414
1284
  }
1415
1285
 
1416
- ._2ps4Uk-mog0- {
1417
- --card--accent-color: var(--color-indigo--dark);
1286
+ .Aj6o8FcaKHc- {
1287
+ container-name: var(--public-container-name);
1288
+ container-type: inline-size;
1289
+ width: var(--public-container-width);
1418
1290
  }
1419
1291
 
1420
- .mflIgpDr82Y- {
1421
- --card--accent-color: var(--color-white);
1292
+ .eIsVvlXoWhs- {
1293
+ container-type: inline-size;
1294
+ width: var(--public-container-apply-width);
1422
1295
  }
1423
1296
 
1424
1297
  .sGSmxHTsTfA- {
@@ -1450,55 +1323,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1450
1323
  margin-bottom: auto;
1451
1324
  }
1452
1325
 
1453
- .rJamQZ6fRes- {
1454
- --content-block-max-width: 100ch;
1455
- --content-block-gutters: 0;
1456
- width: 100%;
1457
- box-sizing: content-box;
1458
- margin-left: auto;
1459
- margin-right: auto;
1460
- max-width: 100ch;
1461
- max-width: var(--content-block-max-width);
1462
- }
1463
-
1464
- .bqjXV8MRO-4- {
1465
- -webkit-margin-start: 0;
1466
- margin-left: 0;
1467
- -webkit-margin-end: auto;
1468
- margin-right: auto;
1469
- }
1470
-
1471
- .sCMxIxKkFe0- {
1472
- -webkit-margin-end: 0;
1473
- margin-right: 0;
1474
- -webkit-margin-start: auto;
1475
- margin-left: auto;
1476
- }
1477
-
1478
- ._2pIQVKvVL1I- {
1479
- margin-left: auto;
1480
- margin-right: auto;
1481
- }
1482
-
1483
- ._6dF2no3aTxw- {
1484
- text-align: center;
1485
- }
1486
-
1487
- .bqjXV8MRO-4-._6dF2no3aTxw- {
1488
- text-align: left;
1489
- }
1490
-
1491
- .sCMxIxKkFe0-._6dF2no3aTxw- {
1492
- text-align: right;
1493
- }
1494
-
1495
- ._8k8YLsatGag- {
1496
- -webkit-padding-start: var(--content-block-gutters);
1497
- padding-left: var(--content-block-gutters);
1498
- -webkit-padding-end: var(--content-block-gutters);
1499
- padding-right: var(--content-block-gutters);
1500
- }
1501
-
1502
1326
  :root {
1503
1327
  --public-chip-base-bg-color: var(--color-interactive--background);
1504
1328
  --public-chip-base-hover-bg-color: var(
@@ -1783,6 +1607,138 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1783
1607
  width: 1px;
1784
1608
  }
1785
1609
 
1610
+ .YxKKPXAU10s- {
1611
+ --checkbox--size: 20px;
1612
+ --checkbox--border--checked: var(--color-interactive);
1613
+ --checkbox--border--unchecked: var(--color-border--interactive);
1614
+ --checkbox--border--hover: var(--color-interactive);
1615
+ display: inline-block;
1616
+ }
1617
+
1618
+ .KxWx-msbH9c- {
1619
+ display: -ms-flexbox;
1620
+ display: flex;
1621
+ -ms-flex-align: start;
1622
+ align-items: flex-start;
1623
+ -webkit-user-select: none;
1624
+ -ms-user-select: none;
1625
+ user-select: none;
1626
+ cursor: pointer;
1627
+ }
1628
+
1629
+ .TKr3J-6ARFo- {
1630
+ --checkbox--border--checked: var(--color-disabled--secondary);
1631
+ --checkbox--border--unchecked: var(--color-disabled--secondary);
1632
+ --checkbox--border--hover: var(--color-disabled--secondary);
1633
+ cursor: not-allowed;
1634
+ }
1635
+
1636
+ .NO34ZbhNqhI- {
1637
+ position: relative;
1638
+ }
1639
+
1640
+ .XnCmS-EzK2M- {
1641
+ /* Hide checkbox on UI but not screen readers and still allow focus state */
1642
+ position: absolute;
1643
+ width: 1px;
1644
+ height: 1px;
1645
+ overflow: hidden;
1646
+ clip: rect(0 0 0 0);
1647
+ clip-path: inset(100%);
1648
+ white-space: nowrap;
1649
+ }
1650
+
1651
+ ._-8JCQE6SA9s- {
1652
+ display: -ms-flexbox;
1653
+ display: flex;
1654
+ width: var(--checkbox--size);
1655
+ height: var(--checkbox--size);
1656
+ box-sizing: border-box;
1657
+ border: 2px solid var(--checkbox--border--unchecked);
1658
+ border: var(--border-thick) solid var(--checkbox--border--unchecked);
1659
+ border-radius: 4px;
1660
+ border-radius: var(--radius-small);
1661
+ background-color: rgba(255, 255, 255, 1);
1662
+ background-color: var(--color-surface);
1663
+ transition: all 100ms ease-out;
1664
+ transition: all var(--timing-quick) ease-out;
1665
+ -ms-flex-pack: center;
1666
+ justify-content: center;
1667
+ -ms-flex-align: center;
1668
+ align-items: center;
1669
+ }
1670
+
1671
+ ._-8JCQE6SA9s-:hover,
1672
+ .YxKKPXAU10s-:hover ._-8JCQE6SA9s- {
1673
+ border-color: var(--checkbox--border--hover);
1674
+ }
1675
+
1676
+ .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1677
+ .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1678
+ border-color: var(--checkbox--border--checked);
1679
+ background-color: hsl(107, 58%, 33%);
1680
+ background-color: var(--color-interactive);
1681
+ }
1682
+
1683
+ .XnCmS-EzK2M-:focus-visible + ._-8JCQE6SA9s- {
1684
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
1685
+ box-shadow: var(--shadow-focus);
1686
+ }
1687
+
1688
+ .TKr3J-6ARFo- p {
1689
+ color: hsl(0, 0%, 72%);
1690
+ color: var(--color-disabled);
1691
+ }
1692
+
1693
+ .TKr3J-6ARFo- ._-8JCQE6SA9s- > * {
1694
+ opacity: 0;
1695
+ }
1696
+
1697
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s-,
1698
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- {
1699
+ background-color: hsl(0, 0%, 93%);
1700
+ background-color: var(--color-disabled--secondary);
1701
+ }
1702
+
1703
+ .TKr3J-6ARFo- .XnCmS-EzK2M-.rqHq3ff9In0- + ._-8JCQE6SA9s- > *,
1704
+ .TKr3J-6ARFo- .XnCmS-EzK2M-:checked + ._-8JCQE6SA9s- > * {
1705
+ opacity: 1;
1706
+ }
1707
+
1708
+ .l8z5TxzVvqA- {
1709
+ margin: 0 8px;
1710
+ margin: 0 var(--space-small);
1711
+ margin-top: 2px;
1712
+ margin-top: var(--space-smallest);
1713
+ }
1714
+
1715
+ .DcBfVgpiWa4- {
1716
+ margin-bottom: 8px;
1717
+ margin-bottom: var(--space-small);
1718
+ padding-left: calc(var(--checkbox--size) + 8px);
1719
+ padding-left: calc(var(--checkbox--size) + var(--space-small));
1720
+ }
1721
+
1722
+ .cftWh-00zXM- {
1723
+ padding: 0;
1724
+ padding: var(--public-content--padding, 0);
1725
+ }
1726
+
1727
+ .xxU2WqkpXZU- {
1728
+ position: fixed;
1729
+ top: 0;
1730
+ right: 0;
1731
+ bottom: 0;
1732
+ left: 0;
1733
+ z-index: 6;
1734
+ z-index: var(--elevation-menu);
1735
+ background-color: transparent;
1736
+ }
1737
+
1738
+ .W-9SMjhEMpI- {
1739
+ display: inline-block;
1740
+ }
1741
+
1786
1742
  .B1cBkstNQhM- > :not(:last-child) {
1787
1743
  margin-bottom: 1px;
1788
1744
  margin-bottom: var(--space-minuscule);
@@ -1818,19 +1774,63 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
1818
1774
  margin-bottom: var(--space-larger);
1819
1775
  }
1820
1776
 
1821
- .K7DP0lB9veI- > :not(:last-child) {
1822
- margin-bottom: 48px;
1823
- margin-bottom: var(--space-largest);
1777
+ .K7DP0lB9veI- > :not(:last-child) {
1778
+ margin-bottom: 48px;
1779
+ margin-bottom: var(--space-largest);
1780
+ }
1781
+
1782
+ .d8bHHzbOHk4- > :not(:last-child) {
1783
+ margin-bottom: 64px;
1784
+ margin-bottom: var(--space-extravagant);
1785
+ }
1786
+
1787
+ .rJamQZ6fRes- {
1788
+ --content-block-max-width: 100ch;
1789
+ --content-block-gutters: 0;
1790
+ width: 100%;
1791
+ box-sizing: content-box;
1792
+ margin-left: auto;
1793
+ margin-right: auto;
1794
+ max-width: 100ch;
1795
+ max-width: var(--content-block-max-width);
1796
+ }
1797
+
1798
+ .bqjXV8MRO-4- {
1799
+ -webkit-margin-start: 0;
1800
+ margin-left: 0;
1801
+ -webkit-margin-end: auto;
1802
+ margin-right: auto;
1803
+ }
1804
+
1805
+ .sCMxIxKkFe0- {
1806
+ -webkit-margin-end: 0;
1807
+ margin-right: 0;
1808
+ -webkit-margin-start: auto;
1809
+ margin-left: auto;
1810
+ }
1811
+
1812
+ ._2pIQVKvVL1I- {
1813
+ margin-left: auto;
1814
+ margin-right: auto;
1815
+ }
1816
+
1817
+ ._6dF2no3aTxw- {
1818
+ text-align: center;
1819
+ }
1820
+
1821
+ .bqjXV8MRO-4-._6dF2no3aTxw- {
1822
+ text-align: left;
1824
1823
  }
1825
1824
 
1826
- .d8bHHzbOHk4- > :not(:last-child) {
1827
- margin-bottom: 64px;
1828
- margin-bottom: var(--space-extravagant);
1825
+ .sCMxIxKkFe0-._6dF2no3aTxw- {
1826
+ text-align: right;
1829
1827
  }
1830
1828
 
1831
- .cftWh-00zXM- {
1832
- padding: 0;
1833
- padding: var(--public-content--padding, 0);
1829
+ ._8k8YLsatGag- {
1830
+ -webkit-padding-start: var(--content-block-gutters);
1831
+ padding-left: var(--content-block-gutters);
1832
+ -webkit-padding-end: var(--content-block-gutters);
1833
+ padding-right: var(--content-block-gutters);
1834
1834
  }
1835
1835
 
1836
1836
  .v3oESmhykhE-,
@@ -2485,16 +2485,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2485
2485
  border-right: var(--divider-width) solid var(--divider-color);
2486
2486
  }
2487
2487
 
2488
- ._50Jq09W07gg- {
2489
- display: grid;
2490
- width: 100%;
2491
- height: 100%;
2492
- overflow: hidden;
2493
- grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2494
- grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2495
- grid-template-rows: 1fr;
2496
- }
2497
-
2498
2488
  .LNIwHwCs8gQ- {
2499
2489
  --drawer-width: 280px;
2500
2490
  --drawer--base-padding: var(--space-base);
@@ -2618,6 +2608,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2618
2608
  --public-content--padding: 0;
2619
2609
  }
2620
2610
 
2611
+ ._50Jq09W07gg- {
2612
+ display: grid;
2613
+ width: 100%;
2614
+ height: 100%;
2615
+ overflow: hidden;
2616
+ grid-template-columns: minmax(0, 1fr) minmax(-webkit-min-content, -webkit-max-content);
2617
+ grid-template-columns: minmax(0, 1fr) minmax(min-content, max-content);
2618
+ grid-template-rows: 1fr;
2619
+ }
2620
+
2621
2621
  .o-b2tWQIZvw- {
2622
2622
  display: -ms-flexbox;
2623
2623
  display: flex;
@@ -2659,57 +2659,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
2659
2659
  opacity: 1;
2660
2660
  }
2661
2661
 
2662
- .pEdV7Oo29SE- {
2663
- display: grid;
2664
- /* If this gets wrapped in a flex container, it should take the remaining space */
2665
- -ms-flex: 1;
2666
- flex: 1;
2667
- }
2668
-
2669
- .ftl4BEGpmyA- {
2670
- gap: 2px;
2671
- gap: var(--space-smallest);
2672
- }
2673
-
2674
- .ikaEWOhu3ZI- {
2675
- gap: 4px;
2676
- gap: var(--space-smaller);
2677
- }
2678
-
2679
- .V9xi4msiJlM- {
2680
- gap: 8px;
2681
- gap: var(--space-small);
2682
- }
2683
-
2684
- .Jzbdj1Ja38E- {
2685
- gap: 16px;
2686
- gap: var(--space-base);
2687
- }
2688
-
2689
- .cLrQOLCo-z8- {
2690
- gap: 24px;
2691
- gap: var(--space-large);
2692
- }
2693
-
2694
- .VZokN5bjMl0- {
2695
- gap: 0;
2696
- }
2697
-
2698
- ._9CW5WRJdMFo- {
2699
- -ms-flex-align: start;
2700
- align-items: start;
2701
- }
2702
-
2703
- .zVzX2gVWEGw- {
2704
- -ms-flex-align: center;
2705
- align-items: center;
2706
- }
2707
-
2708
- .cnhrFSJxBCo- {
2709
- -ms-flex-align: end;
2710
- align-items: end;
2711
- }
2712
-
2713
2662
  :root {
2714
2663
  /**
2715
2664
  * These `--public-field` properties are used in other components such
@@ -3195,6 +3144,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3195
3144
  background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
3196
3145
  }
3197
3146
 
3147
+ .pEdV7Oo29SE- {
3148
+ display: grid;
3149
+ /* If this gets wrapped in a flex container, it should take the remaining space */
3150
+ -ms-flex: 1;
3151
+ flex: 1;
3152
+ }
3153
+
3154
+ .ftl4BEGpmyA- {
3155
+ gap: 2px;
3156
+ gap: var(--space-smallest);
3157
+ }
3158
+
3159
+ .ikaEWOhu3ZI- {
3160
+ gap: 4px;
3161
+ gap: var(--space-smaller);
3162
+ }
3163
+
3164
+ .V9xi4msiJlM- {
3165
+ gap: 8px;
3166
+ gap: var(--space-small);
3167
+ }
3168
+
3169
+ .Jzbdj1Ja38E- {
3170
+ gap: 16px;
3171
+ gap: var(--space-base);
3172
+ }
3173
+
3174
+ .cLrQOLCo-z8- {
3175
+ gap: 24px;
3176
+ gap: var(--space-large);
3177
+ }
3178
+
3179
+ .VZokN5bjMl0- {
3180
+ gap: 0;
3181
+ }
3182
+
3183
+ ._9CW5WRJdMFo- {
3184
+ -ms-flex-align: start;
3185
+ align-items: start;
3186
+ }
3187
+
3188
+ .zVzX2gVWEGw- {
3189
+ -ms-flex-align: center;
3190
+ align-items: center;
3191
+ }
3192
+
3193
+ .cnhrFSJxBCo- {
3194
+ -ms-flex-align: end;
3195
+ align-items: end;
3196
+ }
3197
+
3198
3198
  .ViFkIUcS6PM- {
3199
3199
  font-style: normal;
3200
3200
  }
@@ -3748,59 +3748,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3748
3748
  align-items: stretch;
3749
3749
  }
3750
3750
 
3751
- .RwhScbXCXw0- > *:not(:last-child) {
3752
- margin-bottom: -1px !important;
3753
- }
3754
-
3755
- .xxMbKnv30VQ- {
3756
- display: -ms-flexbox;
3757
- display: flex;
3758
- }
3759
-
3760
- .xxMbKnv30VQ- > *:not(:last-child) {
3761
- margin-bottom: auto;
3762
- margin-right: -1px;
3763
- }
3764
-
3765
- /* Border corners are rounded on the outside edges of the group */
3766
-
3767
- .l87dJm2JnlA- {
3768
- --public-field--top-left-radius: 0;
3769
- --public-field--top-right-radius: 0;
3770
- --public-field--bottom-left-radius: 0;
3771
- --public-field--bottom-right-radius: 0;
3772
- }
3773
-
3774
- .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
3775
- --public-field--top-left-radius: var(--radius-base);
3776
- --public-field--top-right-radius: var(--radius-base);
3777
- }
3778
-
3779
- .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
3780
- --public-field--bottom-left-radius: var(--radius-base);
3781
- --public-field--bottom-right-radius: var(--radius-base);
3782
- }
3783
-
3784
- /* First Horizontal Input Group */
3785
-
3786
- .xxMbKnv30VQ-:first-child > :first-child {
3787
- --public-field--top-left-radius: var(--radius-base);
3788
- }
3789
-
3790
- .xxMbKnv30VQ-:first-child > :last-child {
3791
- --public-field--top-right-radius: var(--radius-base);
3792
- }
3793
-
3794
- /* Last Horizontal Input Group */
3795
-
3796
- .xxMbKnv30VQ-:last-child > :first-child {
3797
- --public-field--bottom-left-radius: var(--radius-base);
3798
- }
3799
-
3800
- .xxMbKnv30VQ-:last-child > :last-child {
3801
- --public-field--bottom-right-radius: var(--radius-base);
3802
- }
3803
-
3804
3751
  .CMahTsC0SPE- {
3805
3752
  display: -ms-flexbox;
3806
3753
  display: flex;
@@ -3907,68 +3854,57 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
3907
3854
  height: 100%;
3908
3855
  }
3909
3856
 
3910
- ._78-Lxj78xPg- {
3857
+ .RwhScbXCXw0- > *:not(:last-child) {
3858
+ margin-bottom: -1px !important;
3859
+ }
3860
+
3861
+ .xxMbKnv30VQ- {
3911
3862
  display: -ms-flexbox;
3912
3863
  display: flex;
3913
- -ms-flex-align: center;
3914
- align-items: center;
3915
- position: absolute;
3916
- top: 0;
3917
- right: 0;
3918
- left: 0;
3919
- z-index: 1;
3920
- z-index: var(--elevation-base);
3921
- height: var(--field--height);
3922
- padding-top: var(--field--padding-top);
3923
- padding-bottom: var(--field--padding-bottom);
3924
- padding-left: var(--field--padding-left);
3925
- padding-right: var(--field--padding-right);
3926
- color: hsl(0, 0%, 72%);
3927
- color: var(--color-grey);
3928
- font-family: inherit;
3929
- font-size: inherit;
3930
- line-height: var(--field--value-lineHeight);
3931
- pointer-events: none;
3932
3864
  }
3933
3865
 
3934
- .GoiXVXaU1Qs- {
3935
- visibility: hidden;
3936
- opacity: 0;
3866
+ .xxMbKnv30VQ- > *:not(:last-child) {
3867
+ margin-bottom: auto;
3868
+ margin-right: -1px;
3937
3869
  }
3938
3870
 
3939
- input.oOrjwubmsVA- {
3940
- padding-left: calc(var(--field--padding-left) + 4px);
3941
- padding-left: calc(var(--field--padding-left) + var(--space-smaller));
3871
+ /* Border corners are rounded on the outside edges of the group */
3872
+
3873
+ .l87dJm2JnlA- {
3874
+ --public-field--top-left-radius: 0;
3875
+ --public-field--top-right-radius: 0;
3876
+ --public-field--bottom-left-radius: 0;
3877
+ --public-field--bottom-right-radius: 0;
3942
3878
  }
3943
3879
 
3944
- .fO5j-2U5rfE- {
3945
- margin-top: 4px;
3946
- margin-top: var(--space-smaller);
3880
+ .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
3881
+ --public-field--top-left-radius: var(--radius-base);
3882
+ --public-field--top-right-radius: var(--radius-base);
3947
3883
  }
3948
3884
 
3949
- .lNpgPQh76MY- {
3950
- display: -ms-flexbox;
3951
- display: flex;
3952
- -ms-flex-align: center;
3953
- align-items: center;
3954
- padding: 4px;
3955
- padding: var(--space-smaller);
3956
- padding-left: 0;
3885
+ .RwhScbXCXw0- > :last-child:not(.xxMbKnv30VQ-) {
3886
+ --public-field--bottom-left-radius: var(--radius-base);
3887
+ --public-field--bottom-right-radius: var(--radius-base);
3888
+ }
3889
+
3890
+ /* First Horizontal Input Group */
3891
+
3892
+ .xxMbKnv30VQ-:first-child > :first-child {
3893
+ --public-field--top-left-radius: var(--radius-base);
3957
3894
  }
3958
3895
 
3959
- .lNpgPQh76MY- > svg {
3960
- margin-right: 4px;
3961
- margin-right: var(--space-smaller);
3962
- -ms-flex-negative: 0;
3963
- flex-shrink: 0;
3964
- -ms-flex-item-align: start;
3965
- align-self: flex-start;
3896
+ .xxMbKnv30VQ-:first-child > :last-child {
3897
+ --public-field--top-right-radius: var(--radius-base);
3966
3898
  }
3967
3899
 
3968
- .lNpgPQh76MY-:focus {
3969
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
3970
- box-shadow: var(--shadow-focus);
3971
- outline: none;
3900
+ /* Last Horizontal Input Group */
3901
+
3902
+ .xxMbKnv30VQ-:last-child > :first-child {
3903
+ --public-field--bottom-left-radius: var(--radius-base);
3904
+ }
3905
+
3906
+ .xxMbKnv30VQ-:last-child > :last-child {
3907
+ --public-field--bottom-right-radius: var(--radius-base);
3972
3908
  }
3973
3909
 
3974
3910
  /**
@@ -4280,40 +4216,75 @@ html.atlantisLightBoxActive {
4280
4216
  margin-right: var(--space-base);
4281
4217
  }
4282
4218
 
4283
- ._8oxipSwiMJQ- {
4284
- color: hsl(107, 58%, 33%);
4285
- color: var(--color-interactive);
4286
- -webkit-text-decoration: underline;
4287
- text-decoration: underline;
4219
+ .fO5j-2U5rfE- {
4220
+ margin-top: 4px;
4221
+ margin-top: var(--space-smaller);
4288
4222
  }
4289
4223
 
4290
- .htH4y2JBFNQ- {
4291
- position: sticky;
4292
- top: 0;
4293
- padding: 8px 16px;
4294
- padding: var(--space-small) var(--space-base);
4295
- border-bottom: 1px solid hsl(197, 90%, 12%);
4296
- border-bottom: var(--border-base) solid var(--color-border--section);
4224
+ .lNpgPQh76MY- {
4225
+ display: -ms-flexbox;
4226
+ display: flex;
4227
+ -ms-flex-align: center;
4228
+ align-items: center;
4229
+ padding: 4px;
4230
+ padding: var(--space-smaller);
4231
+ padding-left: 0;
4297
4232
  }
4298
4233
 
4299
- .sFlecO8-wnY- {
4300
- margin: 0;
4301
- padding: 0;
4302
- list-style: none;
4234
+ .lNpgPQh76MY- > svg {
4235
+ margin-right: 4px;
4236
+ margin-right: var(--space-smaller);
4237
+ -ms-flex-negative: 0;
4238
+ flex-shrink: 0;
4239
+ -ms-flex-item-align: start;
4240
+ align-self: flex-start;
4303
4241
  }
4304
4242
 
4305
- .dbZy6dviEis-:not(:last-child) {
4306
- border-bottom: 1px solid hsl(200, 13%, 87%);
4307
- border-bottom: var(--border-base) solid var(--color-border);
4243
+ .lNpgPQh76MY-:focus {
4244
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4245
+ box-shadow: var(--shadow-focus);
4246
+ outline: none;
4308
4247
  }
4309
4248
 
4310
- .vz43PAcPYt0- {
4311
- position: relative;
4249
+ ._78-Lxj78xPg- {
4250
+ display: -ms-flexbox;
4251
+ display: flex;
4252
+ -ms-flex-align: center;
4253
+ align-items: center;
4254
+ position: absolute;
4255
+ top: 0;
4256
+ right: 0;
4257
+ left: 0;
4258
+ z-index: 1;
4259
+ z-index: var(--elevation-base);
4260
+ height: var(--field--height);
4261
+ padding-top: var(--field--padding-top);
4262
+ padding-bottom: var(--field--padding-bottom);
4263
+ padding-left: var(--field--padding-left);
4264
+ padding-right: var(--field--padding-right);
4265
+ color: hsl(0, 0%, 72%);
4266
+ color: var(--color-grey);
4267
+ font-family: inherit;
4268
+ font-size: inherit;
4269
+ line-height: var(--field--value-lineHeight);
4270
+ pointer-events: none;
4312
4271
  }
4313
4272
 
4314
- .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4315
- padding-bottom: 24px;
4316
- padding-bottom: var(--space-large);
4273
+ .GoiXVXaU1Qs- {
4274
+ visibility: hidden;
4275
+ opacity: 0;
4276
+ }
4277
+
4278
+ input.oOrjwubmsVA- {
4279
+ padding-left: calc(var(--field--padding-left) + 4px);
4280
+ padding-left: calc(var(--field--padding-left) + var(--space-smaller));
4281
+ }
4282
+
4283
+ ._8oxipSwiMJQ- {
4284
+ color: hsl(107, 58%, 33%);
4285
+ color: var(--color-interactive);
4286
+ -webkit-text-decoration: underline;
4287
+ text-decoration: underline;
4317
4288
  }
4318
4289
 
4319
4290
  .rJffaV10x20- {
@@ -4415,78 +4386,199 @@ html.atlantisLightBoxActive {
4415
4386
  white-space: nowrap;
4416
4387
  }
4417
4388
 
4418
- .bR1N0mdMeZU- {
4389
+ .htH4y2JBFNQ- {
4390
+ position: sticky;
4391
+ top: 0;
4392
+ padding: 8px 16px;
4393
+ padding: var(--space-small) var(--space-base);
4394
+ border-bottom: 1px solid hsl(197, 90%, 12%);
4395
+ border-bottom: var(--border-base) solid var(--color-border--section);
4396
+ }
4397
+
4398
+ .sFlecO8-wnY- {
4399
+ margin: 0;
4400
+ padding: 0;
4401
+ list-style: none;
4402
+ }
4403
+
4404
+ .dbZy6dviEis-:not(:last-child) {
4405
+ border-bottom: 1px solid hsl(200, 13%, 87%);
4406
+ border-bottom: var(--border-base) solid var(--color-border);
4407
+ }
4408
+
4409
+ .vz43PAcPYt0- {
4410
+ position: relative;
4411
+ }
4412
+
4413
+ .vz43PAcPYt0-:not(:last-child) .sFlecO8-wnY- {
4414
+ padding-bottom: 24px;
4415
+ padding-bottom: var(--space-large);
4416
+ }
4417
+
4418
+ :root {
4419
+ --modal--width: 600px;
4420
+ --modal--padding-horizontal: var(--space-base);
4421
+ --modal--padding-vertical: var(--space-base);
4422
+ --modal--padding: var(--modal--padding-vertical)
4423
+ var(--modal--padding-horizontal);
4424
+
4425
+ --modal--shadow: var(--shadow-base);
4426
+ }
4427
+
4428
+ @media (min-width: 768px) {
4429
+
4430
+ :root {
4431
+ --modal--padding-horizontal: var(--space-large);
4432
+ --modal--padding-vertical: var(--space-large);
4433
+ --modal--padding: var(--modal--padding-vertical)
4434
+ var(--modal--padding-horizontal);
4435
+ }
4436
+ }
4437
+
4438
+ @media (--medium-screens-and-up) {
4439
+
4440
+ :root {
4441
+ --modal--padding-horizontal: var(--space-large);
4442
+ --modal--padding-vertical: var(--space-large);
4443
+ --modal--padding: var(--modal--padding-vertical)
4444
+ var(--modal--padding-horizontal);
4445
+ }
4446
+ }
4447
+
4448
+ .y3M-9xoEnk0- {
4449
+ display: -ms-flexbox;
4450
+ display: flex;
4451
+ -ms-flex-direction: column;
4452
+ flex-direction: column;
4453
+ z-index: 1001;
4454
+ z-index: var(--elevation-modal);
4455
+ padding: 8px;
4456
+ padding: var(--space-small);
4457
+ overflow: auto;
4458
+ }
4459
+
4460
+ .y3M-9xoEnk0-,
4461
+ .zkyJp1mib-U- {
4462
+ position: fixed;
4463
+ top: 0;
4464
+ right: 0;
4465
+ bottom: 0;
4466
+ left: 0;
4467
+ }
4468
+
4469
+ .zkyJp1mib-U- {
4470
+ background-color: rgba(0, 0, 0, 0.32);
4471
+ background-color: var(--color-overlay);
4472
+ }
4473
+
4474
+ .gMPgiggaud8- {
4419
4475
  position: relative;
4420
4476
  width: 100%;
4477
+ max-width: 600px;
4478
+ max-width: var(--modal--width);
4479
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4480
+ box-shadow: var(--modal--shadow);
4481
+ margin: auto;
4482
+ border: 1px solid hsl(200, 13%, 87%);
4483
+ border: var(--border-base) solid var(--color-border);
4484
+ border-radius: 8px;
4485
+ border-radius: var(--radius-base);
4486
+ background-color: rgba(255, 255, 255, 1);
4487
+ background-color: var(--color-surface);
4488
+ -ms-flex: 0 0 auto;
4489
+ flex: 0 0 auto;
4490
+ outline-color: hsl(198, 12%, 57%);
4491
+ outline-color: var(--color-focus);
4421
4492
  }
4422
4493
 
4423
- .bR1N0mdMeZU- * {
4424
- box-sizing: border-box;
4494
+ /* Adjust `Content` and `Tab` components public padding to match the modal */
4495
+
4496
+ .gMPgiggaud8- > * {
4497
+ --public-content--padding: var(--modal--padding);
4498
+ --public-tab--inset: var(--modal--padding-horizontal);
4499
+ }
4500
+
4501
+ /* Remove the nested `Content` components public padding */
4502
+
4503
+ .gMPgiggaud8- > * > * {
4504
+ --public-content--padding: 0;
4505
+ }
4506
+
4507
+ ._5sBzUnyOqD0- {
4508
+ display: -ms-flexbox;
4509
+ display: flex;
4510
+ -ms-flex-pack: justify;
4511
+ justify-content: space-between;
4512
+ padding: 16px
4513
+ 16px;
4514
+ padding: var(--modal--padding);
4515
+ background-color: transparent;
4516
+ }
4517
+
4518
+ /**
4519
+ * Ensure there's no extra padding top on the next element. This mostly negates
4520
+ * the <Content /> padding
4521
+ */
4522
+
4523
+ ._5sBzUnyOqD0- + * {
4524
+ padding-top: 0;
4525
+ }
4526
+
4527
+ ._4gw63G7IYG0- {
4528
+ margin-top: -6px;
4529
+ margin-right: -6px;
4530
+ }
4531
+
4532
+ .cwVJrrJkNDg- {
4533
+ display: -ms-flexbox;
4534
+ display: flex;
4535
+ padding: 16px
4536
+ 16px;
4537
+ padding: var(--modal--padding);
4538
+ padding-top: 0;
4539
+ -ms-flex: 1 1 100%;
4540
+ flex: 1 1 100%;
4541
+ -ms-flex-pack: end;
4542
+ justify-content: flex-end;
4425
4543
  }
4426
4544
 
4427
- ._7naerR7479Q- {
4428
- --field--height: var(--space-largest);
4545
+ /**
4546
+ * 1. Use CSS `order` to adjust the buttons position on the UI
4547
+ */
4429
4548
 
4430
- --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4431
- --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4432
- --field--padding-left: var(--space-base);
4433
- --field--padding-right: var(--space-base);
4549
+ .MkD4pNUKeAA- {
4550
+ -ms-flex: 1 1 auto;
4551
+ flex: 1 1 auto;
4552
+ -ms-flex-order: 1;
4553
+ order: 1; /* 1 */
4554
+ }
4434
4555
 
4556
+ .C-yC8JKpQLg- {
4435
4557
  display: -ms-flexbox;
4436
-
4437
4558
  display: flex;
4438
- -ms-flex-direction: row;
4439
- flex-direction: row;
4440
- -ms-flex-pack: justify;
4441
- justify-content: space-between;
4442
- -ms-flex-align: center;
4443
- align-items: center;
4444
- width: 100%;
4445
- height: 48px;
4446
- height: var(--field--height);
4447
- padding-top: calc(16px - 2px);
4448
- padding-top: var(--field--padding-top);
4449
- padding-bottom: calc(16px - 2px);
4450
- padding-bottom: var(--field--padding-bottom);
4451
- padding-left: 16px;
4452
- padding-left: var(--field--padding-left);
4453
- padding-right: 16px;
4454
- padding-right: var(--field--padding-right);
4455
- border: 1px solid hsl(200, 13%, 87%);
4456
- border: var(--border-base) solid var(--color-border);
4457
- border-radius: 8px;
4458
- border-radius: var(--radius-base);
4559
+ -ms-flex: 0 0 auto;
4560
+ flex: 0 0 auto;
4561
+ -ms-flex-order: 2;
4562
+ order: 2; /* 1 */
4459
4563
  }
4460
4564
 
4461
- ._7naerR7479Q- p {
4462
- overflow: hidden;
4463
- text-overflow: ellipsis;
4464
- white-space: nowrap;
4465
- }
4565
+ /* This is in a correct position and order */
4466
4566
 
4467
- .bR1N0mdMeZU-:hover,
4468
- .bR1N0mdMeZU-._7naerR7479Q- {
4469
- cursor: pointer;
4470
- caret-color: transparent;
4471
- }
4567
+ /* stylelint-disable-next-line no-descending-specificity */
4472
4568
 
4473
- ._7naerR7479Q-:focus,
4474
- ._7naerR7479Q-.SpV9TqBIR60- {
4475
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
4476
- box-shadow: var(--shadow-focus);
4477
- outline: none;
4569
+ .C-yC8JKpQLg- > * {
4570
+ margin-left: 8px;
4571
+ margin-left: var(--space-small);
4478
4572
  }
4479
4573
 
4480
- .TdyW0RCheH4- {
4481
- --field--padding-left: var(--space-slim);
4482
- --field--padding-right: var(--space-slim);
4483
- --field--height: calc(var(--space-larger) + var(--space-smaller));
4574
+ .C-yC8JKpQLg- > *:first-child {
4575
+ -ms-flex-order: 2;
4576
+ order: 2; /* 1 */
4484
4577
  }
4485
4578
 
4486
- .eBeKgF0JxEQ- {
4487
- --field--padding-left: var(--space-large);
4488
- --field--padding-right: var(--space-large);
4489
- --field--height: calc(var(--space-extravagant));
4579
+ .C-yC8JKpQLg- > *:nth-child(2) {
4580
+ -ms-flex-order: 1;
4581
+ order: 1; /* 1 */
4490
4582
  }
4491
4583
 
4492
4584
  .fpi0W91w2ag- * {
@@ -4658,201 +4750,35 @@ html.atlantisLightBoxActive {
4658
4750
 
4659
4751
  @media (--small-screens-and-up) {
4660
4752
 
4661
- ._7we5hh6kYs8- {
4662
- background-color: transparent;
4663
- }
4664
- }
4665
-
4666
- ._5OJ7B6mFcwk- {
4667
- width: 100%;
4668
- }
4669
-
4670
- .Bzvkz60bwWE- {
4671
- position: absolute;
4672
- width: 1px;
4673
- height: 1px;
4674
- margin: -1px;
4675
- overflow: hidden;
4676
- clip: rect(0, 0, 0, 0);
4677
- white-space: nowrap;
4678
- }
4679
-
4680
- .BSZvIAUzFEU- {
4681
- --modal--padding: var(--space-base);
4682
- --public-tab--inset: var(--space-base);
4683
- --modal--width: 400px;
4684
- max-width: 400px;
4685
- }
4686
-
4687
- .-ydIALYVvGg- {
4688
- --modal--width: 940px;
4689
- max-width: 940px;
4690
- }
4691
-
4692
- :root {
4693
- --modal--width: 600px;
4694
- --modal--padding-horizontal: var(--space-base);
4695
- --modal--padding-vertical: var(--space-base);
4696
- --modal--padding: var(--modal--padding-vertical)
4697
- var(--modal--padding-horizontal);
4698
-
4699
- --modal--shadow: var(--shadow-base);
4700
- }
4701
-
4702
- @media (min-width: 768px) {
4703
-
4704
- :root {
4705
- --modal--padding-horizontal: var(--space-large);
4706
- --modal--padding-vertical: var(--space-large);
4707
- --modal--padding: var(--modal--padding-vertical)
4708
- var(--modal--padding-horizontal);
4709
- }
4710
- }
4711
-
4712
- @media (--medium-screens-and-up) {
4713
-
4714
- :root {
4715
- --modal--padding-horizontal: var(--space-large);
4716
- --modal--padding-vertical: var(--space-large);
4717
- --modal--padding: var(--modal--padding-vertical)
4718
- var(--modal--padding-horizontal);
4719
- }
4720
- }
4721
-
4722
- .y3M-9xoEnk0- {
4723
- display: -ms-flexbox;
4724
- display: flex;
4725
- -ms-flex-direction: column;
4726
- flex-direction: column;
4727
- z-index: 1001;
4728
- z-index: var(--elevation-modal);
4729
- padding: 8px;
4730
- padding: var(--space-small);
4731
- overflow: auto;
4732
- }
4733
-
4734
- .y3M-9xoEnk0-,
4735
- .zkyJp1mib-U- {
4736
- position: fixed;
4737
- top: 0;
4738
- right: 0;
4739
- bottom: 0;
4740
- left: 0;
4741
- }
4742
-
4743
- .zkyJp1mib-U- {
4744
- background-color: rgba(0, 0, 0, 0.32);
4745
- background-color: var(--color-overlay);
4746
- }
4747
-
4748
- .gMPgiggaud8- {
4749
- position: relative;
4750
- width: 100%;
4751
- max-width: 600px;
4752
- max-width: var(--modal--width);
4753
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
4754
- box-shadow: var(--modal--shadow);
4755
- margin: auto;
4756
- border: 1px solid hsl(200, 13%, 87%);
4757
- border: var(--border-base) solid var(--color-border);
4758
- border-radius: 8px;
4759
- border-radius: var(--radius-base);
4760
- background-color: rgba(255, 255, 255, 1);
4761
- background-color: var(--color-surface);
4762
- -ms-flex: 0 0 auto;
4763
- flex: 0 0 auto;
4764
- outline-color: hsl(198, 12%, 57%);
4765
- outline-color: var(--color-focus);
4766
- }
4767
-
4768
- /* Adjust `Content` and `Tab` components public padding to match the modal */
4769
-
4770
- .gMPgiggaud8- > * {
4771
- --public-content--padding: var(--modal--padding);
4772
- --public-tab--inset: var(--modal--padding-horizontal);
4773
- }
4774
-
4775
- /* Remove the nested `Content` components public padding */
4776
-
4777
- .gMPgiggaud8- > * > * {
4778
- --public-content--padding: 0;
4779
- }
4780
-
4781
- ._5sBzUnyOqD0- {
4782
- display: -ms-flexbox;
4783
- display: flex;
4784
- -ms-flex-pack: justify;
4785
- justify-content: space-between;
4786
- padding: 16px
4787
- 16px;
4788
- padding: var(--modal--padding);
4789
- background-color: transparent;
4790
- }
4791
-
4792
- /**
4793
- * Ensure there's no extra padding top on the next element. This mostly negates
4794
- * the <Content /> padding
4795
- */
4796
-
4797
- ._5sBzUnyOqD0- + * {
4798
- padding-top: 0;
4799
- }
4800
-
4801
- ._4gw63G7IYG0- {
4802
- margin-top: -6px;
4803
- margin-right: -6px;
4804
- }
4805
-
4806
- .cwVJrrJkNDg- {
4807
- display: -ms-flexbox;
4808
- display: flex;
4809
- padding: 16px
4810
- 16px;
4811
- padding: var(--modal--padding);
4812
- padding-top: 0;
4813
- -ms-flex: 1 1 100%;
4814
- flex: 1 1 100%;
4815
- -ms-flex-pack: end;
4816
- justify-content: flex-end;
4817
- }
4818
-
4819
- /**
4820
- * 1. Use CSS `order` to adjust the buttons position on the UI
4821
- */
4822
-
4823
- .MkD4pNUKeAA- {
4824
- -ms-flex: 1 1 auto;
4825
- flex: 1 1 auto;
4826
- -ms-flex-order: 1;
4827
- order: 1; /* 1 */
4828
- }
4829
-
4830
- .C-yC8JKpQLg- {
4831
- display: -ms-flexbox;
4832
- display: flex;
4833
- -ms-flex: 0 0 auto;
4834
- flex: 0 0 auto;
4835
- -ms-flex-order: 2;
4836
- order: 2; /* 1 */
4837
- }
4838
-
4839
- /* This is in a correct position and order */
4753
+ ._7we5hh6kYs8- {
4754
+ background-color: transparent;
4755
+ }
4756
+ }
4840
4757
 
4841
- /* stylelint-disable-next-line no-descending-specificity */
4758
+ ._5OJ7B6mFcwk- {
4759
+ width: 100%;
4760
+ }
4842
4761
 
4843
- .C-yC8JKpQLg- > * {
4844
- margin-left: 8px;
4845
- margin-left: var(--space-small);
4762
+ .Bzvkz60bwWE- {
4763
+ position: absolute;
4764
+ width: 1px;
4765
+ height: 1px;
4766
+ margin: -1px;
4767
+ overflow: hidden;
4768
+ clip: rect(0, 0, 0, 0);
4769
+ white-space: nowrap;
4846
4770
  }
4847
4771
 
4848
- .C-yC8JKpQLg- > *:first-child {
4849
- -ms-flex-order: 2;
4850
- order: 2; /* 1 */
4772
+ .BSZvIAUzFEU- {
4773
+ --modal--padding: var(--space-base);
4774
+ --public-tab--inset: var(--space-base);
4775
+ --modal--width: 400px;
4776
+ max-width: 400px;
4851
4777
  }
4852
4778
 
4853
- .C-yC8JKpQLg- > *:nth-child(2) {
4854
- -ms-flex-order: 1;
4855
- order: 1; /* 1 */
4779
+ .-ydIALYVvGg- {
4780
+ --modal--width: 940px;
4781
+ max-width: 940px;
4856
4782
  }
4857
4783
 
4858
4784
  :root {
@@ -5022,109 +4948,78 @@ html.atlantisLightBoxActive {
5022
4948
  order: 1; /* 1 */
5023
4949
  }
5024
4950
 
5025
- .rY8OtuArIi0- {
5026
- --popover--padding: var(--space-base);
5027
- --popover-content--base-padding: var(--space-base);
5028
- --popover--width: 350px;
5029
- --dismiss--button-padding: calc(var(--base-unit) / 4);
5030
- --popover--position--offset: -7px;
5031
-
5032
- z-index: 1002;
4951
+ .bR1N0mdMeZU- {
4952
+ position: relative;
4953
+ width: 100%;
4954
+ }
5033
4955
 
5034
- z-index: var(--elevation-tooltip);
5035
- width: -webkit-max-content;
5036
- width: max-content;
5037
- max-width: 350px;
5038
- max-width: var(--popover--width);
5039
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5040
- box-shadow: var(--shadow-base);
5041
- border: 1px solid hsl(200, 13%, 87%);
5042
- border: var(--border-base) solid var(--color-border);
5043
- border-radius: 8px;
5044
- border-radius: var(--radius-base);
5045
- font-size: 14px;
5046
- font-size: var(--typography--fontSize-base);
5047
- line-height: normal;
5048
- background: rgba(255, 255, 255, 1);
5049
- background: var(--color-surface);
4956
+ .bR1N0mdMeZU- * {
4957
+ box-sizing: border-box;
5050
4958
  }
5051
4959
 
5052
- .UI1AohefbSo- {
4960
+ ._7naerR7479Q- {
4961
+ --field--height: var(--space-largest);
4962
+
4963
+ --field--padding-top: calc(var(--space-base) - var(--space-smallest));
4964
+ --field--padding-bottom: calc(var(--space-base) - var(--space-smallest));
4965
+ --field--padding-left: var(--space-base);
4966
+ --field--padding-right: var(--space-base);
4967
+
5053
4968
  display: -ms-flexbox;
4969
+
5054
4970
  display: flex;
5055
- position: "relative";
5056
- padding: var(--popover--padding);
4971
+ -ms-flex-direction: row;
4972
+ flex-direction: row;
5057
4973
  -ms-flex-pack: justify;
5058
4974
  justify-content: space-between;
5059
4975
  -ms-flex-align: center;
5060
4976
  align-items: center;
5061
- }
5062
-
5063
- .HyA0TM5soDM- {
5064
- float: right;
5065
- padding: var(--dismiss--button-padding);
5066
- text-align: right;
5067
- }
5068
-
5069
- .rY8OtuArIi0- > * {
5070
- --public-content--padding: var(--popover-content--base-padding);
5071
- }
5072
-
5073
- .uClo-5-xhAc- {
5074
- visibility: hidden;
5075
- }
5076
-
5077
- .uClo-5-xhAc-,
5078
- .uClo-5-xhAc-::before {
5079
- position: absolute;
5080
- width: 16px;
5081
- width: var(--base-unit);
5082
- height: 16px;
5083
- height: var(--base-unit);
5084
- background: inherit;
5085
- }
5086
-
5087
- .uClo-5-xhAc-::before {
5088
- content: "";
5089
- visibility: visible;
4977
+ width: 100%;
4978
+ height: 48px;
4979
+ height: var(--field--height);
4980
+ padding-top: calc(16px - 2px);
4981
+ padding-top: var(--field--padding-top);
4982
+ padding-bottom: calc(16px - 2px);
4983
+ padding-bottom: var(--field--padding-bottom);
4984
+ padding-left: 16px;
4985
+ padding-left: var(--field--padding-left);
4986
+ padding-right: 16px;
4987
+ padding-right: var(--field--padding-right);
5090
4988
  border: 1px solid hsl(200, 13%, 87%);
5091
4989
  border: var(--border-base) solid var(--color-border);
5092
- -webkit-transform: rotate(45deg);
5093
- transform: rotate(45deg);
5094
- -webkit-transform-origin: center;
5095
- transform-origin: center;
5096
- clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);
5097
- }
5098
-
5099
- .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc- {
5100
- bottom: var(--popover--position--offset);
5101
- }
5102
-
5103
- .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc-::before {
5104
- -webkit-transform: rotate(-135deg);
5105
- transform: rotate(-135deg);
4990
+ border-radius: 8px;
4991
+ border-radius: var(--radius-base);
5106
4992
  }
5107
4993
 
5108
- .rY8OtuArIi0-[data-popper-placement^="bottom"] > .uClo-5-xhAc- {
5109
- top: var(--popover--position--offset);
4994
+ ._7naerR7479Q- p {
4995
+ overflow: hidden;
4996
+ text-overflow: ellipsis;
4997
+ white-space: nowrap;
5110
4998
  }
5111
4999
 
5112
- .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc- {
5113
- right: var(--popover--position--offset);
5000
+ .bR1N0mdMeZU-:hover,
5001
+ .bR1N0mdMeZU-._7naerR7479Q- {
5002
+ cursor: pointer;
5003
+ caret-color: transparent;
5114
5004
  }
5115
5005
 
5116
- .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc-::before {
5117
- -webkit-transform: rotate(135deg);
5118
- transform: rotate(135deg);
5006
+ ._7naerR7479Q-:focus,
5007
+ ._7naerR7479Q-.SpV9TqBIR60- {
5008
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
5009
+ box-shadow: var(--shadow-focus);
5010
+ outline: none;
5119
5011
  }
5120
5012
 
5121
- .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc- {
5122
- left: var(--popover--position--offset);
5013
+ .TdyW0RCheH4- {
5014
+ --field--padding-left: var(--space-slim);
5015
+ --field--padding-right: var(--space-slim);
5016
+ --field--height: calc(var(--space-larger) + var(--space-smaller));
5123
5017
  }
5124
5018
 
5125
- .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc-::before {
5126
- -webkit-transform: rotate(-45deg);
5127
- transform: rotate(-45deg);
5019
+ .eBeKgF0JxEQ- {
5020
+ --field--padding-left: var(--space-large);
5021
+ --field--padding-right: var(--space-large);
5022
+ --field--height: calc(var(--space-extravagant));
5128
5023
  }
5129
5024
 
5130
5025
  .BLYnKItuM3c- {
@@ -5205,68 +5100,173 @@ html.atlantisLightBoxActive {
5205
5100
  justify-content: space-between;
5206
5101
  }
5207
5102
 
5208
- .lbmoDvdtQO4-.iF5IA1SYKoA- ._7t53-bnzh98- {
5103
+ .lbmoDvdtQO4-.iF5IA1SYKoA- ._7t53-bnzh98- {
5104
+ display: -ms-flexbox;
5105
+ display: flex;
5106
+ -ms-flex-wrap: wrap;
5107
+ flex-wrap: wrap;
5108
+ -ms-flex-pack: justify;
5109
+ justify-content: space-between;
5110
+ }
5111
+
5112
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98-,
5113
+ .lbmoDvdtQO4-.SH0aNOLVhE8- ._7t53-bnzh98- {
5114
+ -ms-flex-wrap: nowrap;
5115
+ flex-wrap: nowrap;
5116
+ }
5117
+
5118
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98- {
5119
+ -ms-flex-pack: end;
5120
+ justify-content: flex-end;
5121
+ }
5122
+
5123
+ .g-H7CKkX-LA- {
5124
+ -ms-flex: 0 0 100%;
5125
+ flex: 0 0 100%;
5126
+ margin-bottom: 8px;
5127
+ margin-bottom: var(--space-small);
5128
+ }
5129
+
5130
+ .RSP7jHjP-mw- {
5131
+ margin-top: 8px;
5132
+ margin-top: var(--space-small);
5133
+ -ms-flex: 1;
5134
+ flex: 1;
5135
+ }
5136
+
5137
+ .RSP7jHjP-mw- > div {
5138
+ width: 100%;
5139
+ }
5140
+
5141
+ .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- {
5142
+ margin-top: 0;
5143
+ }
5144
+
5145
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- .g-H7CKkX-LA-,
5146
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5147
+ margin: 0;
5148
+ -ms-flex: 0 auto;
5149
+ flex: 0 auto;
5150
+ }
5151
+
5152
+ .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5153
+ margin-left: 8px;
5154
+ margin-left: var(--space-small);
5155
+ }
5156
+
5157
+ .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
5158
+ margin-left: 8px;
5159
+ margin-left: var(--space-small);
5160
+ }
5161
+
5162
+ .lbmoDvdtQO4- .EqsNMrZVL-8- {
5163
+ margin-bottom: 16px;
5164
+ margin-bottom: var(--space-base);
5165
+ }
5166
+
5167
+ .rY8OtuArIi0- {
5168
+ --popover--padding: var(--space-base);
5169
+ --popover-content--base-padding: var(--space-base);
5170
+ --popover--width: 350px;
5171
+ --dismiss--button-padding: calc(var(--base-unit) / 4);
5172
+ --popover--position--offset: -7px;
5173
+
5174
+ z-index: 1002;
5175
+
5176
+ z-index: var(--elevation-tooltip);
5177
+ width: -webkit-max-content;
5178
+ width: max-content;
5179
+ max-width: 350px;
5180
+ max-width: var(--popover--width);
5181
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
5182
+ box-shadow: var(--shadow-base);
5183
+ border: 1px solid hsl(200, 13%, 87%);
5184
+ border: var(--border-base) solid var(--color-border);
5185
+ border-radius: 8px;
5186
+ border-radius: var(--radius-base);
5187
+ font-size: 14px;
5188
+ font-size: var(--typography--fontSize-base);
5189
+ line-height: normal;
5190
+ background: rgba(255, 255, 255, 1);
5191
+ background: var(--color-surface);
5192
+ }
5193
+
5194
+ .UI1AohefbSo- {
5209
5195
  display: -ms-flexbox;
5210
5196
  display: flex;
5211
- -ms-flex-wrap: wrap;
5212
- flex-wrap: wrap;
5197
+ position: "relative";
5198
+ padding: var(--popover--padding);
5213
5199
  -ms-flex-pack: justify;
5214
5200
  justify-content: space-between;
5201
+ -ms-flex-align: center;
5202
+ align-items: center;
5215
5203
  }
5216
5204
 
5217
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98-,
5218
- .lbmoDvdtQO4-.SH0aNOLVhE8- ._7t53-bnzh98- {
5219
- -ms-flex-wrap: nowrap;
5220
- flex-wrap: nowrap;
5205
+ .HyA0TM5soDM- {
5206
+ float: right;
5207
+ padding: var(--dismiss--button-padding);
5208
+ text-align: right;
5221
5209
  }
5222
5210
 
5223
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98- {
5224
- -ms-flex-pack: end;
5225
- justify-content: flex-end;
5211
+ .rY8OtuArIi0- > * {
5212
+ --public-content--padding: var(--popover-content--base-padding);
5226
5213
  }
5227
5214
 
5228
- .g-H7CKkX-LA- {
5229
- -ms-flex: 0 0 100%;
5230
- flex: 0 0 100%;
5231
- margin-bottom: 8px;
5232
- margin-bottom: var(--space-small);
5215
+ .uClo-5-xhAc- {
5216
+ visibility: hidden;
5233
5217
  }
5234
5218
 
5235
- .RSP7jHjP-mw- {
5236
- margin-top: 8px;
5237
- margin-top: var(--space-small);
5238
- -ms-flex: 1;
5239
- flex: 1;
5219
+ .uClo-5-xhAc-,
5220
+ .uClo-5-xhAc-::before {
5221
+ position: absolute;
5222
+ width: 16px;
5223
+ width: var(--base-unit);
5224
+ height: 16px;
5225
+ height: var(--base-unit);
5226
+ background: inherit;
5240
5227
  }
5241
5228
 
5242
- .RSP7jHjP-mw- > div {
5243
- width: 100%;
5229
+ .uClo-5-xhAc-::before {
5230
+ content: "";
5231
+ visibility: visible;
5232
+ border: 1px solid hsl(200, 13%, 87%);
5233
+ border: var(--border-base) solid var(--color-border);
5234
+ -webkit-transform: rotate(45deg);
5235
+ transform: rotate(45deg);
5236
+ -webkit-transform-origin: center;
5237
+ transform-origin: center;
5238
+ clip-path: polygon(-4px -4px, 15.3px 0, 0 15.3px);
5244
5239
  }
5245
5240
 
5246
- .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- {
5247
- margin-top: 0;
5241
+ .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc- {
5242
+ bottom: var(--popover--position--offset);
5248
5243
  }
5249
5244
 
5250
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- .g-H7CKkX-LA-,
5251
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5252
- margin: 0;
5253
- -ms-flex: 0 auto;
5254
- flex: 0 auto;
5245
+ .rY8OtuArIi0-[data-popper-placement^="top"] > .uClo-5-xhAc-::before {
5246
+ -webkit-transform: rotate(-135deg);
5247
+ transform: rotate(-135deg);
5255
5248
  }
5256
5249
 
5257
- .lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
5258
- margin-left: 8px;
5259
- margin-left: var(--space-small);
5250
+ .rY8OtuArIi0-[data-popper-placement^="bottom"] > .uClo-5-xhAc- {
5251
+ top: var(--popover--position--offset);
5260
5252
  }
5261
5253
 
5262
- .lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
5263
- margin-left: 8px;
5264
- margin-left: var(--space-small);
5254
+ .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc- {
5255
+ right: var(--popover--position--offset);
5265
5256
  }
5266
5257
 
5267
- .lbmoDvdtQO4- .EqsNMrZVL-8- {
5268
- margin-bottom: 16px;
5269
- margin-bottom: var(--space-base);
5258
+ .rY8OtuArIi0-[data-popper-placement^="left"] > .uClo-5-xhAc-::before {
5259
+ -webkit-transform: rotate(135deg);
5260
+ transform: rotate(135deg);
5261
+ }
5262
+
5263
+ .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc- {
5264
+ left: var(--popover--position--offset);
5265
+ }
5266
+
5267
+ .rY8OtuArIi0-[data-popper-placement^="right"] > .uClo-5-xhAc-::before {
5268
+ -webkit-transform: rotate(-45deg);
5269
+ transform: rotate(-45deg);
5270
5270
  }
5271
5271
 
5272
5272
  .p9AgTzIbTwY- {
@@ -5438,6 +5438,19 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5438
5438
  color: var(--color-disabled);
5439
5439
  }
5440
5440
 
5441
+ .v2xMxsPFwcM- {
5442
+ display: -ms-flexbox;
5443
+ display: flex;
5444
+ -ms-flex-align: center;
5445
+ align-items: center;
5446
+ gap: 16px;
5447
+ gap: var(--space-base);
5448
+ }
5449
+
5450
+ .cfDwOgEkPHQ- {
5451
+ width: 100%;
5452
+ }
5453
+
5441
5454
  .BQqkfvwFjbQ- {
5442
5455
  display: -ms-flexbox;
5443
5456
  display: flex;
@@ -5507,19 +5520,6 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
5507
5520
  flex-basis: 100%;
5508
5521
  }
5509
5522
 
5510
- .v2xMxsPFwcM- {
5511
- display: -ms-flexbox;
5512
- display: flex;
5513
- -ms-flex-align: center;
5514
- align-items: center;
5515
- gap: 16px;
5516
- gap: var(--space-base);
5517
- }
5518
-
5519
- .cfDwOgEkPHQ- {
5520
- width: 100%;
5521
- }
5522
-
5523
5523
  .cCwRgRAz4qk- {
5524
5524
  --sideDrawer--base-padding: var(--space-base);
5525
5525
  --sideDrawer--background: var(--color-surface);
@@ -6118,21 +6118,6 @@ If there is a way to loop in the future of use a css custom property, we can use
6118
6118
  margin-bottom: auto;
6119
6119
  }
6120
6120
 
6121
- .WiSIdMrztSU- {
6122
- --statusLabel-icon-diameter: 8px;
6123
-
6124
- display: inline-block;
6125
- width: 8px;
6126
- width: var(--statusLabel-icon-diameter);
6127
- height: 8px;
6128
- height: var(--statusLabel-icon-diameter);
6129
- border-radius: 50%;
6130
- background-color: hsl(107, 58%, 33%);
6131
- background-color: var(--color-success);
6132
- -ms-flex-negative: 0;
6133
- flex-shrink: 0;
6134
- }
6135
-
6136
6121
  .OADGAhZt8dY- {
6137
6122
  --labelBackgroundColor: var(--color-success--surface);
6138
6123
  --labelTextColor: var(--color-success--onSurface);
@@ -6197,6 +6182,21 @@ If there is a way to loop in the future of use a css custom property, we can use
6197
6182
  padding-top: 0.125rem;
6198
6183
  }
6199
6184
 
6185
+ .WiSIdMrztSU- {
6186
+ --statusLabel-icon-diameter: 8px;
6187
+
6188
+ display: inline-block;
6189
+ width: 8px;
6190
+ width: var(--statusLabel-icon-diameter);
6191
+ height: 8px;
6192
+ height: var(--statusLabel-icon-diameter);
6193
+ border-radius: 50%;
6194
+ background-color: hsl(107, 58%, 33%);
6195
+ background-color: var(--color-success);
6196
+ -ms-flex-negative: 0;
6197
+ flex-shrink: 0;
6198
+ }
6199
+
6200
6200
  .rVg6dYYBFN4- {
6201
6201
  --switch--width: 48px;
6202
6202
  --switch--pipSize: 16px;
@@ -6386,6 +6386,46 @@ If there is a way to loop in the future of use a css custom property, we can use
6386
6386
  border-top: solid var(--border-thicker) var(--border-color);
6387
6387
  }
6388
6388
 
6389
+ .b9lhF-BkUnI- {
6390
+ display: grid;
6391
+ grid-template-columns: auto;
6392
+ grid-template-rows: auto -webkit-max-content;
6393
+ grid-template-rows: auto max-content;
6394
+ width: inherit;
6395
+ height: inherit;
6396
+ -ms-flex-align: center;
6397
+ align-items: center;
6398
+ justify-items: center;
6399
+ }
6400
+
6401
+ .BJLJeUxloeQ-:not(.t5IzWH6-Sy0-) {
6402
+ -ms-flex-align: end;
6403
+ align-items: end;
6404
+ }
6405
+
6406
+ .tj--cPRjQfI- {
6407
+ width: 100%;
6408
+ min-width: 0;
6409
+ box-sizing: border-box;
6410
+ }
6411
+
6412
+ .l2Vxo1qaR8U- .tj--cPRjQfI- {
6413
+ padding: 4px;
6414
+ padding: var(--space-smaller);
6415
+ font-size: 10px;
6416
+ font-size: var(--typography--fontSize-smaller);
6417
+ }
6418
+
6419
+ .t5IzWH6-Sy0- .tj--cPRjQfI- {
6420
+ position: absolute;
6421
+ bottom: 0;
6422
+ left: 0;
6423
+ padding: 8px;
6424
+ padding: var(--space-small);
6425
+ font-size: 12px;
6426
+ font-size: var(--typography--fontSize-small);
6427
+ }
6428
+
6389
6429
  :root {
6390
6430
  --public-tab--inset: var(--space-base);
6391
6431
  }
@@ -6516,61 +6556,94 @@ ul.LfIIg9bwrhQ- {
6516
6556
  padding-right: var(--public-tab--inset);
6517
6557
  }
6518
6558
 
6519
- .b9lhF-BkUnI- {
6559
+ .jC1GzRIJp74- {
6520
6560
  display: grid;
6521
- grid-template-columns: auto;
6522
- grid-template-rows: auto -webkit-max-content;
6523
- grid-template-rows: auto max-content;
6524
- width: inherit;
6525
- height: inherit;
6526
- -ms-flex-align: center;
6527
- align-items: center;
6528
- justify-items: center;
6561
+ grid-gap: var(--public-tile-space);
6562
+ width: var(--public-tiles-width);
6563
+ -ms-flex-align: var(--public-tiles-align);
6564
+ align-items: var(--public-tiles-align);
6529
6565
  }
6530
6566
 
6531
- .BJLJeUxloeQ-:not(.t5IzWH6-Sy0-) {
6532
- -ms-flex-align: end;
6533
- align-items: end;
6567
+ @supports (width: min(var(--public-tile-min-size), 100%)) {
6568
+ .jC1GzRIJp74- {
6569
+ grid-template-columns: repeat(
6570
+ auto-fill,
6571
+ minmax(min(var(--public-tile-min-size), 100%), 1fr)
6572
+ );
6573
+ }
6534
6574
  }
6535
6575
 
6536
- .tj--cPRjQfI- {
6576
+ ._0Tvq24WjeX8- {
6577
+ position: relative;
6578
+ z-index: 1003;
6579
+ z-index: var(--elevation-toast);
6580
+ }
6581
+
6582
+ .GznHKPkdb1s- {
6583
+ display: -ms-flexbox;
6584
+ display: flex;
6585
+ position: fixed;
6586
+ right: 0;
6587
+ bottom: 24px;
6588
+ bottom: var(--space-large);
6589
+ left: 0;
6590
+ z-index: 1003;
6591
+ z-index: var(--elevation-toast);
6537
6592
  width: 100%;
6538
- min-width: 0;
6539
6593
  box-sizing: border-box;
6594
+ -ms-flex-direction: column;
6595
+ flex-direction: column;
6596
+ -ms-flex-align: center;
6597
+ align-items: center;
6598
+ padding: 0 24px;
6599
+ padding: 0 var(--space-large);
6600
+ color: rgba(255, 255, 255, 1);
6601
+ color: var(--color-text--reverse);
6602
+ font-size: 16px;
6603
+ font-size: var(--typography--fontSize-large);
6604
+ pointer-events: none;
6540
6605
  }
6541
6606
 
6542
- .l2Vxo1qaR8U- .tj--cPRjQfI- {
6543
- padding: 4px;
6544
- padding: var(--space-smaller);
6545
- font-size: 10px;
6546
- font-size: var(--typography--fontSize-smaller);
6607
+ .W8zgWZqmIlk- {
6608
+ box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6609
+ box-shadow: var(--shadow-high);
6610
+ overflow: hidden;
6611
+ pointer-events: all;
6612
+ }
6613
+
6614
+ .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6615
+ margin-top: 16px;
6616
+ margin-top: var(--space-base);
6547
6617
  }
6548
6618
 
6549
- .t5IzWH6-Sy0- .tj--cPRjQfI- {
6550
- position: absolute;
6551
- bottom: 0;
6552
- left: 0;
6553
- padding: 8px;
6554
- padding: var(--space-small);
6555
- font-size: 12px;
6556
- font-size: var(--typography--fontSize-small);
6619
+ .ol3srk7PviM- {
6620
+ display: -ms-flexbox;
6621
+ display: flex;
6622
+ gap: 8px;
6623
+ gap: var(--space-small);
6624
+ -ms-flex-align: center;
6625
+ align-items: center;
6626
+ padding: 4px 4px 4px;
6627
+ padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6628
+ padding-left: calc(8px + 4px);
6629
+ padding-left: calc(var(--space-small) + var(--space-smaller));
6630
+ border-radius: 8px;
6631
+ border-radius: var(--radius-base);
6632
+ background: hsl(197, 90%, 12%);
6633
+ background: var(--color-surface--reverse);
6557
6634
  }
6558
6635
 
6559
- .jC1GzRIJp74- {
6560
- display: grid;
6561
- grid-gap: var(--public-tile-space);
6562
- width: var(--public-tiles-width);
6563
- -ms-flex-align: var(--public-tiles-align);
6564
- align-items: var(--public-tiles-align);
6636
+ /* Use of !important to make the button icon visible in
6637
+ the reverse color scheme of Toast */
6638
+
6639
+ .ibhpdUt9YLo- * path {
6640
+ fill: hsl(197, 15%, 43%) !important;
6641
+ fill: var(--color-text--secondary) !important;
6565
6642
  }
6566
6643
 
6567
- @supports (width: min(var(--public-tile-min-size), 100%)) {
6568
- .jC1GzRIJp74- {
6569
- grid-template-columns: repeat(
6570
- auto-fill,
6571
- minmax(min(var(--public-tile-min-size), 100%), 1fr)
6572
- );
6573
- }
6644
+ .ibhpdUt9YLo-:hover * path {
6645
+ fill: hsl(197, 15%, 43%) !important;
6646
+ fill: var(--color-greyBlue) !important;
6574
6647
  }
6575
6648
 
6576
6649
  /**
@@ -6682,94 +6755,6 @@ ul.LfIIg9bwrhQ- {
6682
6755
  display: flex;
6683
6756
  }
6684
6757
 
6685
- ._5TLZRabskzI- {
6686
- display: -ms-flexbox;
6687
- display: flex;
6688
- -ms-flex-align: center;
6689
- align-items: center;
6690
- -ms-flex-pack: justify;
6691
- justify-content: space-between;
6692
- min-height: calc(4px + 48px);
6693
- min-height: calc(var(--space-smaller) + var(--space-largest));
6694
- padding: 8px 16px;
6695
- padding: var(--space-small) var(--space-base);
6696
- border-top: 1px solid hsl(200, 13%, 87%);
6697
- border-top: var(--border-base) solid var(--color-border);
6698
- -ms-flex-wrap: wrap;
6699
- flex-wrap: wrap;
6700
- gap: 8px;
6701
- gap: var(--space-small);
6702
- }
6703
-
6704
- .k8VFFgHUPZ4- {
6705
- -ms-flex: 9999;
6706
- flex: 9999;
6707
- white-space: nowrap;
6708
- }
6709
-
6710
- .SfaHBP7KC3Y- {
6711
- display: -ms-flexbox;
6712
- display: flex;
6713
- -ms-flex-align: center;
6714
- align-items: center;
6715
- -ms-flex-pack: justify;
6716
- justify-content: space-between;
6717
- gap: 16px;
6718
- gap: var(--space-base);
6719
- -ms-flex: 1;
6720
- flex: 1;
6721
- -ms-flex-wrap: wrap;
6722
- flex-wrap: wrap;
6723
- min-width: -webkit-fit-content;
6724
- min-width: -moz-fit-content;
6725
- min-width: fit-content;
6726
- }
6727
-
6728
- .E4zFf5oEm-Y- {
6729
- display: -ms-flexbox;
6730
- display: flex;
6731
- -ms-flex-align: center;
6732
- align-items: center;
6733
- -ms-flex-pack: center;
6734
- justify-content: center;
6735
- gap: 8px;
6736
- gap: var(--space-small);
6737
- min-width: calc(3 * 48px + 8px);
6738
- min-width: calc(3 * var(--space-largest) + var(--space-small));
6739
- }
6740
-
6741
- .N4LhT5occ94- {
6742
- min-width: calc(64px + 4px);
6743
- min-width: calc(var(--space-extravagant) + var(--space-smaller));
6744
- }
6745
-
6746
- .HQPsyRjssL0- {
6747
- display: -ms-flexbox;
6748
- display: flex;
6749
- gap: 24px;
6750
- gap: var(--space-large);
6751
- -ms-flex-align: center;
6752
- align-items: center;
6753
- -ms-flex-pack: center;
6754
- justify-content: center;
6755
- }
6756
-
6757
- @media (max-width: 489px) {
6758
-
6759
- .HQPsyRjssL0- {
6760
- gap: 16px;
6761
- gap: var(--space-base);
6762
- }
6763
- }
6764
-
6765
- @media (--small-screens-and-below) {
6766
-
6767
- .HQPsyRjssL0- {
6768
- gap: 16px;
6769
- gap: var(--space-base);
6770
- }
6771
- }
6772
-
6773
6758
  .sZQ1M6tj8-c- {
6774
6759
  display: none;
6775
6760
  }
@@ -6880,108 +6865,123 @@ ul.LfIIg9bwrhQ- {
6880
6865
  line-height: var(--typography--lineHeight-base);
6881
6866
  }
6882
6867
 
6883
- ._0Tvq24WjeX8- {
6884
- position: relative;
6885
- z-index: 1003;
6886
- z-index: var(--elevation-toast);
6868
+ .wMM6V80Rt-w- {
6869
+ padding: 16px;
6870
+ padding: var(--space-base);
6871
+ border-top: 2px solid hsl(200, 13%, 87%);
6872
+ border-top: var(--border-thick) solid var(--color-border);
6887
6873
  }
6888
6874
 
6889
- .GznHKPkdb1s- {
6875
+ .HAoSIniVNvI- {
6890
6876
  display: -ms-flexbox;
6891
6877
  display: flex;
6892
- position: fixed;
6893
- right: 0;
6894
- bottom: 24px;
6895
- bottom: var(--space-large);
6896
- left: 0;
6897
- z-index: 1003;
6898
- z-index: var(--elevation-toast);
6899
- width: 100%;
6900
- box-sizing: border-box;
6901
- -ms-flex-direction: column;
6902
- flex-direction: column;
6903
- -ms-flex-align: center;
6904
- align-items: center;
6905
- padding: 0 24px;
6906
- padding: 0 var(--space-large);
6907
- color: rgba(255, 255, 255, 1);
6908
- color: var(--color-text--reverse);
6909
- font-size: 16px;
6910
- font-size: var(--typography--fontSize-large);
6911
- pointer-events: none;
6878
+ -ms-flex-pack: justify;
6879
+ justify-content: space-between;
6880
+ font-weight: bold;
6912
6881
  }
6913
6882
 
6914
- .W8zgWZqmIlk- {
6915
- box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
6916
- box-shadow: var(--shadow-high);
6917
- overflow: hidden;
6918
- pointer-events: all;
6883
+ .HAoSIniVNvI- * {
6884
+ text-align: left;
6919
6885
  }
6920
6886
 
6921
- .W8zgWZqmIlk- + .W8zgWZqmIlk- {
6922
- margin-top: 16px;
6923
- margin-top: var(--space-base);
6887
+ .mNGvTIKaQIA-,
6888
+ .mNGvTIKaQIA- * {
6889
+ font-weight: normal;
6890
+ text-align: right;
6924
6891
  }
6925
6892
 
6926
- .ol3srk7PviM- {
6893
+ .HAoSIniVNvI-:not(:last-child) {
6894
+ padding-bottom: 8px;
6895
+ padding-bottom: var(--space-small);
6896
+ }
6897
+
6898
+ ._5TLZRabskzI- {
6927
6899
  display: -ms-flexbox;
6928
6900
  display: flex;
6929
- gap: 8px;
6930
- gap: var(--space-small);
6931
6901
  -ms-flex-align: center;
6932
6902
  align-items: center;
6933
- padding: 4px 4px 4px;
6934
- padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
6935
- padding-left: calc(8px + 4px);
6936
- padding-left: calc(var(--space-small) + var(--space-smaller));
6937
- border-radius: 8px;
6938
- border-radius: var(--radius-base);
6939
- background: hsl(197, 90%, 12%);
6940
- background: var(--color-surface--reverse);
6903
+ -ms-flex-pack: justify;
6904
+ justify-content: space-between;
6905
+ min-height: calc(4px + 48px);
6906
+ min-height: calc(var(--space-smaller) + var(--space-largest));
6907
+ padding: 8px 16px;
6908
+ padding: var(--space-small) var(--space-base);
6909
+ border-top: 1px solid hsl(200, 13%, 87%);
6910
+ border-top: var(--border-base) solid var(--color-border);
6911
+ -ms-flex-wrap: wrap;
6912
+ flex-wrap: wrap;
6913
+ gap: 8px;
6914
+ gap: var(--space-small);
6941
6915
  }
6942
6916
 
6943
- /* Use of !important to make the button icon visible in
6944
- the reverse color scheme of Toast */
6917
+ .k8VFFgHUPZ4- {
6918
+ -ms-flex: 9999;
6919
+ flex: 9999;
6920
+ white-space: nowrap;
6921
+ }
6945
6922
 
6946
- .ibhpdUt9YLo- * path {
6947
- fill: hsl(197, 15%, 43%) !important;
6948
- fill: var(--color-text--secondary) !important;
6923
+ .SfaHBP7KC3Y- {
6924
+ display: -ms-flexbox;
6925
+ display: flex;
6926
+ -ms-flex-align: center;
6927
+ align-items: center;
6928
+ -ms-flex-pack: justify;
6929
+ justify-content: space-between;
6930
+ gap: 16px;
6931
+ gap: var(--space-base);
6932
+ -ms-flex: 1;
6933
+ flex: 1;
6934
+ -ms-flex-wrap: wrap;
6935
+ flex-wrap: wrap;
6936
+ min-width: -webkit-fit-content;
6937
+ min-width: -moz-fit-content;
6938
+ min-width: fit-content;
6949
6939
  }
6950
6940
 
6951
- .ibhpdUt9YLo-:hover * path {
6952
- fill: hsl(197, 15%, 43%) !important;
6953
- fill: var(--color-greyBlue) !important;
6941
+ .E4zFf5oEm-Y- {
6942
+ display: -ms-flexbox;
6943
+ display: flex;
6944
+ -ms-flex-align: center;
6945
+ align-items: center;
6946
+ -ms-flex-pack: center;
6947
+ justify-content: center;
6948
+ gap: 8px;
6949
+ gap: var(--space-small);
6950
+ min-width: calc(3 * 48px + 8px);
6951
+ min-width: calc(3 * var(--space-largest) + var(--space-small));
6954
6952
  }
6955
6953
 
6956
- .wMM6V80Rt-w- {
6957
- padding: 16px;
6958
- padding: var(--space-base);
6959
- border-top: 2px solid hsl(200, 13%, 87%);
6960
- border-top: var(--border-thick) solid var(--color-border);
6954
+ .N4LhT5occ94- {
6955
+ min-width: calc(64px + 4px);
6956
+ min-width: calc(var(--space-extravagant) + var(--space-smaller));
6961
6957
  }
6962
6958
 
6963
- .HAoSIniVNvI- {
6959
+ .HQPsyRjssL0- {
6964
6960
  display: -ms-flexbox;
6965
6961
  display: flex;
6966
- -ms-flex-pack: justify;
6967
- justify-content: space-between;
6968
- font-weight: bold;
6962
+ gap: 24px;
6963
+ gap: var(--space-large);
6964
+ -ms-flex-align: center;
6965
+ align-items: center;
6966
+ -ms-flex-pack: center;
6967
+ justify-content: center;
6969
6968
  }
6970
6969
 
6971
- .HAoSIniVNvI- * {
6972
- text-align: left;
6973
- }
6970
+ @media (max-width: 489px) {
6974
6971
 
6975
- .mNGvTIKaQIA-,
6976
- .mNGvTIKaQIA- * {
6977
- font-weight: normal;
6978
- text-align: right;
6972
+ .HQPsyRjssL0- {
6973
+ gap: 16px;
6974
+ gap: var(--space-base);
6979
6975
  }
6976
+ }
6980
6977
 
6981
- .HAoSIniVNvI-:not(:last-child) {
6982
- padding-bottom: 8px;
6983
- padding-bottom: var(--space-small);
6978
+ @media (--small-screens-and-below) {
6979
+
6980
+ .HQPsyRjssL0- {
6981
+ gap: 16px;
6982
+ gap: var(--space-base);
6984
6983
  }
6984
+ }
6985
6985
 
6986
6986
  .zossMHCpMPU- {
6987
6987
  display: -ms-flexbox;
@@ -7031,61 +7031,6 @@ ul.LfIIg9bwrhQ- {
7031
7031
  outline-color: var(--color-focus);
7032
7032
  }
7033
7033
 
7034
- .qOmZU-rbNf4- {
7035
- width: 100%;
7036
- height: 100%;
7037
- -o-object-fit: cover;
7038
- object-fit: cover;
7039
- -webkit-animation: zB1aNhsmmqY- 200ms ease;
7040
- animation: zB1aNhsmmqY- 200ms ease;
7041
- }
7042
-
7043
- ._2bihNsPs7w4- {
7044
- display: none;
7045
- }
7046
-
7047
- @-webkit-keyframes zB1aNhsmmqY- {
7048
- from {
7049
- opacity: 0;
7050
- }
7051
-
7052
- to {
7053
- opacity: 1;
7054
- }
7055
- }
7056
-
7057
- @keyframes zB1aNhsmmqY- {
7058
- from {
7059
- opacity: 0;
7060
- }
7061
-
7062
- to {
7063
- opacity: 1;
7064
- }
7065
- }
7066
-
7067
- .NrRExUGE6GY- {
7068
- padding-right: 8px;
7069
- padding-right: var(--space-small);
7070
- }
7071
- .NrRExUGE6GY- path {
7072
- fill: hsl(198, 35%, 21%);
7073
- fill: var(--color-interactive--subtle);
7074
- opacity: 0.4;
7075
- transition: opacity 200ms ease;
7076
- transition: opacity var(--timing-base) ease;
7077
- }
7078
- .NrRExUGE6GY- path.e3aVa36Y7W8- {
7079
- opacity: 0.4;
7080
- }
7081
- .NrRExUGE6GY- path.lDKd982Sr-w-,
7082
- .NrRExUGE6GY-:hover path {
7083
- opacity: 1;
7084
- }
7085
- .NrRExUGE6GY-:hover path.e3aVa36Y7W8- {
7086
- opacity: 0.6;
7087
- }
7088
-
7089
7034
  .FDDKTZkTdfM- {
7090
7035
  --segmentedControl--size: 40px;
7091
7036
 
@@ -7177,6 +7122,61 @@ ul.LfIIg9bwrhQ- {
7177
7122
  left: calc(100% / var(--segmentedControl--option-count) * 4);
7178
7123
  }
7179
7124
 
7125
+ .qOmZU-rbNf4- {
7126
+ width: 100%;
7127
+ height: 100%;
7128
+ -o-object-fit: cover;
7129
+ object-fit: cover;
7130
+ -webkit-animation: zB1aNhsmmqY- 200ms ease;
7131
+ animation: zB1aNhsmmqY- 200ms ease;
7132
+ }
7133
+
7134
+ ._2bihNsPs7w4- {
7135
+ display: none;
7136
+ }
7137
+
7138
+ @-webkit-keyframes zB1aNhsmmqY- {
7139
+ from {
7140
+ opacity: 0;
7141
+ }
7142
+
7143
+ to {
7144
+ opacity: 1;
7145
+ }
7146
+ }
7147
+
7148
+ @keyframes zB1aNhsmmqY- {
7149
+ from {
7150
+ opacity: 0;
7151
+ }
7152
+
7153
+ to {
7154
+ opacity: 1;
7155
+ }
7156
+ }
7157
+
7158
+ .NrRExUGE6GY- {
7159
+ padding-right: 8px;
7160
+ padding-right: var(--space-small);
7161
+ }
7162
+ .NrRExUGE6GY- path {
7163
+ fill: hsl(198, 35%, 21%);
7164
+ fill: var(--color-interactive--subtle);
7165
+ opacity: 0.4;
7166
+ transition: opacity 200ms ease;
7167
+ transition: opacity var(--timing-base) ease;
7168
+ }
7169
+ .NrRExUGE6GY- path.e3aVa36Y7W8- {
7170
+ opacity: 0.4;
7171
+ }
7172
+ .NrRExUGE6GY- path.lDKd982Sr-w-,
7173
+ .NrRExUGE6GY-:hover path {
7174
+ opacity: 1;
7175
+ }
7176
+ .NrRExUGE6GY-:hover path.e3aVa36Y7W8- {
7177
+ opacity: 0.6;
7178
+ }
7179
+
7180
7180
  .HgFD6w2VXzo- {
7181
7181
  position: relative;
7182
7182
  }
@@ -7275,6 +7275,18 @@ ul.LfIIg9bwrhQ- {
7275
7275
  background: var(--color-disabled);
7276
7276
  }
7277
7277
 
7278
+ ._3hq7jJitEgs- {
7279
+ display: -ms-flexbox;
7280
+ display: flex;
7281
+ -ms-flex-direction: column;
7282
+ flex-direction: column;
7283
+ min-width: 0;
7284
+ }
7285
+
7286
+ .oWJNe7O1DFI- {
7287
+ white-space: pre-wrap;
7288
+ }
7289
+
7278
7290
  .kCKg-JJTRO8- {
7279
7291
  border-radius: 4px;
7280
7292
  border-radius: var(--radius-small);
@@ -7300,68 +7312,6 @@ ul.LfIIg9bwrhQ- {
7300
7312
  border-radius: var(--radius-circle);
7301
7313
  }
7302
7314
 
7303
- ._3hq7jJitEgs- {
7304
- display: -ms-flexbox;
7305
- display: flex;
7306
- -ms-flex-direction: column;
7307
- flex-direction: column;
7308
- min-width: 0;
7309
- }
7310
-
7311
- .oWJNe7O1DFI- {
7312
- white-space: pre-wrap;
7313
- }
7314
-
7315
- .CXP1mw5bm-s- {
7316
- height: auto;
7317
- }
7318
-
7319
- .WF3F8955azY- {
7320
- width: auto;
7321
- }
7322
-
7323
- .FvQEC-mLWg0-,
7324
- .V-mgShFUOdU- {
7325
- min-width: 0;
7326
- min-height: 0;
7327
- -ms-flex: 0 0 auto;
7328
- flex: 0 0 auto;
7329
- }
7330
-
7331
- .QpiuEE5kvzA-,
7332
- .gKgsOLA5xGU- {
7333
- min-width: 0;
7334
- min-height: 0;
7335
- -ms-flex: 1 1 auto;
7336
- flex: 1 1 auto;
7337
- }
7338
-
7339
- .Y4Fm1wA7Z6c- {
7340
- border-color: hsl(200, 13%, 87%);
7341
- border-color: var(--color-border);
7342
- border-style: solid;
7343
- }
7344
-
7345
- .GWX6qFcouh8- {
7346
- border-width: var(--box-border);
7347
- }
7348
-
7349
- ._20qfwUymZHI- {
7350
- border-top-width: var(--box-border-top);
7351
- }
7352
-
7353
- ._80vVV1kYAXU- {
7354
- border-right-width: var(--box-border-right);
7355
- }
7356
-
7357
- ._3yLCo9rAEyY- {
7358
- border-bottom-width: var(--box-border-bottom);
7359
- }
7360
-
7361
- .Sejzll1Lw3U- {
7362
- border-left-width: var(--box-border-left);
7363
- }
7364
-
7365
7315
  .QJaShYW08G4- {
7366
7316
  gap: 1px;
7367
7317
  gap: var(--space-minuscule);
@@ -7412,6 +7362,32 @@ ul.LfIIg9bwrhQ- {
7412
7362
  gap: var(--space-extravagant);
7413
7363
  }
7414
7364
 
7365
+ .Y4Fm1wA7Z6c- {
7366
+ border-color: hsl(200, 13%, 87%);
7367
+ border-color: var(--color-border);
7368
+ border-style: solid;
7369
+ }
7370
+
7371
+ .GWX6qFcouh8- {
7372
+ border-width: var(--box-border);
7373
+ }
7374
+
7375
+ ._20qfwUymZHI- {
7376
+ border-top-width: var(--box-border-top);
7377
+ }
7378
+
7379
+ ._80vVV1kYAXU- {
7380
+ border-right-width: var(--box-border-right);
7381
+ }
7382
+
7383
+ ._3yLCo9rAEyY- {
7384
+ border-bottom-width: var(--box-border-bottom);
7385
+ }
7386
+
7387
+ .Sejzll1Lw3U- {
7388
+ border-left-width: var(--box-border-left);
7389
+ }
7390
+
7415
7391
  .vqVnWscsiIQ- {
7416
7392
  margin: 0;
7417
7393
  margin: var(--box-margin, 0);
@@ -7466,45 +7442,36 @@ ul.LfIIg9bwrhQ- {
7466
7442
  padding-right: var(--box-padding-right);
7467
7443
  }
7468
7444
 
7469
- ._5mybhdcr7f0- {
7470
- padding-bottom: var(--box-padding-bottom);
7471
- }
7472
-
7473
- .eRM9czZkHgE- {
7474
- padding-left: var(--box-padding-left);
7475
- }
7476
-
7477
- .vAVS-6e-jJo- {
7478
- width: 100%;
7479
- }
7480
-
7481
- .tZgae6SZ8WA- {
7482
- width: 85%;
7445
+ ._5mybhdcr7f0- {
7446
+ padding-bottom: var(--box-padding-bottom);
7483
7447
  }
7484
7448
 
7485
- .ec-sGgENoOw- {
7486
- width: 70%;
7449
+ .eRM9czZkHgE- {
7450
+ padding-left: var(--box-padding-left);
7487
7451
  }
7488
7452
 
7489
- .ONvR3LocsA4-,
7490
- .j-gTsb6UsQs- {
7491
- width: auto;
7492
- aspect-ratio: 1;
7453
+ .CXP1mw5bm-s- {
7454
+ height: auto;
7493
7455
  }
7494
7456
 
7495
- .j-gTsb6UsQs- {
7496
- border-radius: 100%;
7497
- border-radius: var(--radius-circle);
7457
+ .WF3F8955azY- {
7458
+ width: auto;
7498
7459
  }
7499
7460
 
7500
- ._6dlpcG-oxT4- {
7501
- -webkit-animation-duration: var(--duration-base);
7502
- animation-duration: var(--duration-base);
7461
+ .FvQEC-mLWg0-,
7462
+ .V-mgShFUOdU- {
7463
+ min-width: 0;
7464
+ min-height: 0;
7465
+ -ms-flex: 0 0 auto;
7466
+ flex: 0 0 auto;
7503
7467
  }
7504
7468
 
7505
- .NlRB1Xq-sFE- {
7506
- -webkit-animation-duration: calc(var(--duration-fast));
7507
- animation-duration: calc(var(--duration-fast));
7469
+ .QpiuEE5kvzA-,
7470
+ .gKgsOLA5xGU- {
7471
+ min-width: 0;
7472
+ min-height: 0;
7473
+ -ms-flex: 1 1 auto;
7474
+ flex: 1 1 auto;
7508
7475
  }
7509
7476
 
7510
7477
  .bjemHBSLuQ0- {
@@ -7540,6 +7507,39 @@ ul.LfIIg9bwrhQ- {
7540
7507
  min-height: var(--space-base);
7541
7508
  }
7542
7509
 
7510
+ .vAVS-6e-jJo- {
7511
+ width: 100%;
7512
+ }
7513
+
7514
+ .tZgae6SZ8WA- {
7515
+ width: 85%;
7516
+ }
7517
+
7518
+ .ec-sGgENoOw- {
7519
+ width: 70%;
7520
+ }
7521
+
7522
+ .ONvR3LocsA4-,
7523
+ .j-gTsb6UsQs- {
7524
+ width: auto;
7525
+ aspect-ratio: 1;
7526
+ }
7527
+
7528
+ .j-gTsb6UsQs- {
7529
+ border-radius: 100%;
7530
+ border-radius: var(--radius-circle);
7531
+ }
7532
+
7533
+ ._6dlpcG-oxT4- {
7534
+ -webkit-animation-duration: var(--duration-base);
7535
+ animation-duration: var(--duration-base);
7536
+ }
7537
+
7538
+ .NlRB1Xq-sFE- {
7539
+ -webkit-animation-duration: calc(var(--duration-fast));
7540
+ animation-duration: calc(var(--duration-fast));
7541
+ }
7542
+
7543
7543
  .EJeK329S0z0- {
7544
7544
  padding: var(--horizontal-inset) calc(var(--horizontal-inset) / 2);
7545
7545
  text-align: left;
@@ -7570,42 +7570,6 @@ ul.LfIIg9bwrhQ- {
7570
7570
  padding-right: var(--horizontal-inset);
7571
7571
  }
7572
7572
 
7573
- .xFJ-FmjV3BE- {
7574
- font-family: Inter, Helvetica, Arial, sans-serif;
7575
- font-family: var(--typography--fontFamily-normal);
7576
- font-weight: 400;
7577
- }
7578
-
7579
- .lY4vnCuusH8- {
7580
- font-family: Inter, Helvetica, Arial, sans-serif;
7581
- font-family: var(--typography--fontFamily-normal);
7582
- font-weight: 500;
7583
- }
7584
-
7585
- .Ed96FZ8bmYo- {
7586
- font-family: Inter, Helvetica, Arial, sans-serif;
7587
- font-family: var(--typography--fontFamily-normal);
7588
- font-weight: 600;
7589
- }
7590
-
7591
- .-bqxOwZMSDo- {
7592
- font-family: Inter, Helvetica, Arial, sans-serif;
7593
- font-family: var(--typography--fontFamily-normal);
7594
- font-weight: 700;
7595
- }
7596
-
7597
- .l5JkUWFite8- {
7598
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7599
- font-family: var(--typography--fontFamily-display);
7600
- font-weight: 800;
7601
- }
7602
-
7603
- .HvKryt1SNY8- {
7604
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7605
- font-family: var(--typography--fontFamily-display);
7606
- font-weight: 900;
7607
- }
7608
-
7609
7573
  .j4h-0Mxa5gk- {
7610
7574
  margin: 0;
7611
7575
  padding: 0;
@@ -7689,19 +7653,40 @@ ul.LfIIg9bwrhQ- {
7689
7653
  text-transform: none;
7690
7654
  }
7691
7655
 
7692
- .ws2Y0LqNNfk- {
7693
- font-style: italic;
7656
+ .xFJ-FmjV3BE- {
7657
+ font-family: Inter, Helvetica, Arial, sans-serif;
7658
+ font-family: var(--typography--fontFamily-normal);
7659
+ font-weight: 400;
7694
7660
  }
7695
7661
 
7696
- .kw63z71hYYU- {
7697
- display: inline;
7698
- font-family: inherit;
7699
- font-style: normal;
7700
- font-weight: inherit;
7701
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
7702
- background-position: center bottom;
7703
- background-repeat: no-repeat;
7704
- background-size: 100% 20%;
7662
+ .lY4vnCuusH8- {
7663
+ font-family: Inter, Helvetica, Arial, sans-serif;
7664
+ font-family: var(--typography--fontFamily-normal);
7665
+ font-weight: 500;
7666
+ }
7667
+
7668
+ .Ed96FZ8bmYo- {
7669
+ font-family: Inter, Helvetica, Arial, sans-serif;
7670
+ font-family: var(--typography--fontFamily-normal);
7671
+ font-weight: 600;
7672
+ }
7673
+
7674
+ .-bqxOwZMSDo- {
7675
+ font-family: Inter, Helvetica, Arial, sans-serif;
7676
+ font-family: var(--typography--fontFamily-normal);
7677
+ font-weight: 700;
7678
+ }
7679
+
7680
+ .l5JkUWFite8- {
7681
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7682
+ font-family: var(--typography--fontFamily-display);
7683
+ font-weight: 800;
7684
+ }
7685
+
7686
+ .HvKryt1SNY8- {
7687
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
7688
+ font-family: var(--typography--fontFamily-display);
7689
+ font-weight: 900;
7705
7690
  }
7706
7691
 
7707
7692
  /* Base colors for backwards compatability */
@@ -8041,16 +8026,19 @@ ul.LfIIg9bwrhQ- {
8041
8026
  color: var(--color-brand);
8042
8027
  }
8043
8028
 
8044
- .r5lyOVfBlMI- {
8045
- text-align: left;
8046
- }
8047
-
8048
- .w1MIwv35jXA- {
8049
- text-align: center;
8029
+ .ws2Y0LqNNfk- {
8030
+ font-style: italic;
8050
8031
  }
8051
8032
 
8052
- .oOJPwUQFllQ- {
8053
- text-align: right;
8033
+ .kw63z71hYYU- {
8034
+ display: inline;
8035
+ font-family: inherit;
8036
+ font-style: normal;
8037
+ font-weight: inherit;
8038
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
8039
+ background-position: center bottom;
8040
+ background-repeat: no-repeat;
8041
+ background-size: 100% 20%;
8054
8042
  }
8055
8043
 
8056
8044
  .bvnCrlndVHs- {
@@ -8061,14 +8049,16 @@ ul.LfIIg9bwrhQ- {
8061
8049
  overflow: hidden;
8062
8050
  }
8063
8051
 
8064
- .V9SSKxs15xE- {
8065
- font-family: Inter, Helvetica, Arial, sans-serif;
8066
- font-family: var(--typography--fontFamily-normal);
8052
+ .r5lyOVfBlMI- {
8053
+ text-align: left;
8067
8054
  }
8068
8055
 
8069
- .dvw7zxC9s9g- {
8070
- font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
8071
- font-family: var(--typography--fontFamily-display);
8056
+ .w1MIwv35jXA- {
8057
+ text-align: center;
8058
+ }
8059
+
8060
+ .oOJPwUQFllQ- {
8061
+ text-align: right;
8072
8062
  }
8073
8063
 
8074
8064
  .qp8E5e4q-so- {
@@ -8176,6 +8166,16 @@ ul.LfIIg9bwrhQ- {
8176
8166
  justify-content: center;
8177
8167
  }
8178
8168
 
8169
+ .V9SSKxs15xE- {
8170
+ font-family: Inter, Helvetica, Arial, sans-serif;
8171
+ font-family: var(--typography--fontFamily-normal);
8172
+ }
8173
+
8174
+ .dvw7zxC9s9g- {
8175
+ font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
8176
+ font-family: var(--typography--fontFamily-display);
8177
+ }
8178
+
8179
8179
  .YmRTd-KeXv4- {
8180
8180
  display: -ms-flexbox;
8181
8181
  display: flex;
@@ -8213,11 +8213,80 @@ ul.LfIIg9bwrhQ- {
8213
8213
  background-color: hsl(49, 7%, 70%);
8214
8214
  background-color: var(--color-interactive--background--hover);
8215
8215
  }
8216
-
8217
- .YmRTd-KeXv4-:focus-visible {
8218
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8219
- box-shadow: var(--shadow-focus);
8216
+
8217
+ .YmRTd-KeXv4-:focus-visible {
8218
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8219
+ box-shadow: var(--shadow-focus);
8220
+ }
8221
+
8222
+ .Qup9qglgfQ8- {
8223
+ display: grid;
8224
+ grid-template-columns: 48px 1fr;
8225
+ grid-template-columns: var(--space-largest) 1fr;
8226
+ -ms-flex-align: center;
8227
+ align-items: center;
8228
+ gap: 8px;
8229
+ grid-gap: 8px;
8230
+ grid-gap: var(--space-small);
8231
+ gap: var(--space-small);
8232
+ margin-bottom: calc(-1 * 1px);
8233
+ margin-bottom: calc(-1 * var(--border-base));
8234
+ }
8235
+
8236
+ .FxW4kmZLd44- div:nth-of-type(1) :last-child {
8237
+ border-top-right-radius: 16px;
8238
+ border-top-right-radius: var(--radius-large);
8239
+ border-bottom-right-radius: 0;
8240
+ border-bottom-left-radius: 0;
8241
+ border-top-left-radius: 16px;
8242
+ border-top-left-radius: var(--radius-large);
8243
+ }
8244
+
8245
+ .FxW4kmZLd44- div:nth-of-type(2) :last-child {
8246
+ border-radius: 0;
8247
+ }
8248
+
8249
+ .FxW4kmZLd44- div:nth-of-type(3) :last-child {
8250
+ border-radius: 0;
8251
+ }
8252
+
8253
+ .FxW4kmZLd44- div:nth-of-type(4) :last-child {
8254
+ border-top-right-radius: 0;
8255
+ border-bottom-right-radius: 16px;
8256
+ border-bottom-right-radius: var(--radius-large);
8257
+ border-bottom-left-radius: 16px;
8258
+ border-bottom-left-radius: var(--radius-large);
8259
+ border-top-left-radius: 0;
8260
+ }
8261
+
8262
+ .U0IgyTjmtnU- {
8263
+ grid-column: initial;
8264
+ grid-column-end: span var(--gridCell--size-xs);
8265
+ }@media (min-width: 490px) {.U0IgyTjmtnU- {
8266
+ grid-column-end: span var(--gridCell--size-sm);
8267
+ }
8268
+ }@media (--small-screens-and-up) {.U0IgyTjmtnU- {
8269
+ grid-column-end: span var(--gridCell--size-sm);
8270
+ }
8271
+ }@media (min-width: 768px) {.U0IgyTjmtnU- {
8272
+ grid-column-end: span var(--gridCell--size-md);
8273
+ }
8274
+ }@media (--medium-screens-and-up) {.U0IgyTjmtnU- {
8275
+ grid-column-end: span var(--gridCell--size-md);
8276
+ }
8277
+ }@media (min-width: 1080px) {.U0IgyTjmtnU- {
8278
+ grid-column-end: span var(--gridCell--size-lg);
8279
+ }
8280
+ }@media (--large-screens-and-up) {.U0IgyTjmtnU- {
8281
+ grid-column-end: span var(--gridCell--size-lg);
8282
+ }
8283
+ }@media (min-width: 1440px) {.U0IgyTjmtnU- {
8284
+ grid-column-end: span var(--gridCell--size-xl);
8285
+ }
8286
+ }@media (--extra-large-screens-and-up) {.U0IgyTjmtnU- {
8287
+ grid-column-end: span var(--gridCell--size-xl);
8220
8288
  }
8289
+ }
8221
8290
 
8222
8291
  .cr0irYOHA5k- div[role="radiogroup"] {
8223
8292
  -ms-flex-direction: row;
@@ -8253,35 +8322,6 @@ ul.LfIIg9bwrhQ- {
8253
8322
  column-gap: var(--space-smaller);
8254
8323
  }
8255
8324
 
8256
- .U0IgyTjmtnU- {
8257
- grid-column: initial;
8258
- grid-column-end: span var(--gridCell--size-xs);
8259
- }@media (min-width: 490px) {.U0IgyTjmtnU- {
8260
- grid-column-end: span var(--gridCell--size-sm);
8261
- }
8262
- }@media (--small-screens-and-up) {.U0IgyTjmtnU- {
8263
- grid-column-end: span var(--gridCell--size-sm);
8264
- }
8265
- }@media (min-width: 768px) {.U0IgyTjmtnU- {
8266
- grid-column-end: span var(--gridCell--size-md);
8267
- }
8268
- }@media (--medium-screens-and-up) {.U0IgyTjmtnU- {
8269
- grid-column-end: span var(--gridCell--size-md);
8270
- }
8271
- }@media (min-width: 1080px) {.U0IgyTjmtnU- {
8272
- grid-column-end: span var(--gridCell--size-lg);
8273
- }
8274
- }@media (--large-screens-and-up) {.U0IgyTjmtnU- {
8275
- grid-column-end: span var(--gridCell--size-lg);
8276
- }
8277
- }@media (min-width: 1440px) {.U0IgyTjmtnU- {
8278
- grid-column-end: span var(--gridCell--size-xl);
8279
- }
8280
- }@media (--extra-large-screens-and-up) {.U0IgyTjmtnU- {
8281
- grid-column-end: span var(--gridCell--size-xl);
8282
- }
8283
- }
8284
-
8285
8325
  ._4d0IFF7M5S0- {
8286
8326
  display: grid;
8287
8327
  width: 100%;
@@ -8331,46 +8371,6 @@ ul.LfIIg9bwrhQ- {
8331
8371
  }
8332
8372
  }
8333
8373
 
8334
- .Qup9qglgfQ8- {
8335
- display: grid;
8336
- grid-template-columns: 48px 1fr;
8337
- grid-template-columns: var(--space-largest) 1fr;
8338
- -ms-flex-align: center;
8339
- align-items: center;
8340
- gap: 8px;
8341
- grid-gap: 8px;
8342
- grid-gap: var(--space-small);
8343
- gap: var(--space-small);
8344
- margin-bottom: calc(-1 * 1px);
8345
- margin-bottom: calc(-1 * var(--border-base));
8346
- }
8347
-
8348
- .FxW4kmZLd44- div:nth-of-type(1) :last-child {
8349
- border-top-right-radius: 16px;
8350
- border-top-right-radius: var(--radius-large);
8351
- border-bottom-right-radius: 0;
8352
- border-bottom-left-radius: 0;
8353
- border-top-left-radius: 16px;
8354
- border-top-left-radius: var(--radius-large);
8355
- }
8356
-
8357
- .FxW4kmZLd44- div:nth-of-type(2) :last-child {
8358
- border-radius: 0;
8359
- }
8360
-
8361
- .FxW4kmZLd44- div:nth-of-type(3) :last-child {
8362
- border-radius: 0;
8363
- }
8364
-
8365
- .FxW4kmZLd44- div:nth-of-type(4) :last-child {
8366
- border-top-right-radius: 0;
8367
- border-bottom-right-radius: 16px;
8368
- border-bottom-right-radius: var(--radius-large);
8369
- border-bottom-left-radius: 16px;
8370
- border-bottom-left-radius: var(--radius-large);
8371
- border-top-left-radius: 0;
8372
- }
8373
-
8374
8374
  .HowvTX8-pw4- {
8375
8375
  display: -ms-flexbox;
8376
8376
  display: flex;
@@ -8433,6 +8433,60 @@ ul.LfIIg9bwrhQ- {
8433
8433
  background-color: var(--color-informative);
8434
8434
  }
8435
8435
 
8436
+ .QsRc49DHSgA- {
8437
+ z-index: 1002;
8438
+ z-index: var(--elevation-tooltip);
8439
+ width: calc(64px * 3.75);
8440
+ width: calc(var(--space-extravagant) * 3.75);
8441
+ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8442
+ box-shadow: var(--shadow-base);
8443
+ border: 1px solid hsl(200, 13%, 87%);
8444
+ border: var(--border-base) solid var(--color-border);
8445
+ border-radius: 8px;
8446
+ border-radius: var(--radius-base);
8447
+ overflow: auto;
8448
+ background: rgba(255, 255, 255, 1);
8449
+ background: var(--color-surface);
8450
+ }
8451
+
8452
+ /* CAUTION: Tests for content visibility assume this class' presence hides the content
8453
+ * so please be careful if you change this class name, or the css rules within.
8454
+ */
8455
+
8456
+ .QsRc49DHSgA-._7Fd5XGsPpUA- {
8457
+ display: none;
8458
+ visibility: hidden;
8459
+ }
8460
+
8461
+ .QsRc49DHSgA-:focus,
8462
+ .QsRc49DHSgA-:focus-visible {
8463
+ outline: none;
8464
+ }
8465
+
8466
+ .QsRc49DHSgA-:focus-visible {
8467
+ box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8468
+ box-shadow: var(--shadow-focus);
8469
+ }
8470
+
8471
+ .yV8-0Hs43J0- {
8472
+ display: -ms-flexbox;
8473
+ display: flex;
8474
+ -ms-flex-direction: column;
8475
+ flex-direction: column;
8476
+ position: sticky;
8477
+ gap: 4px;
8478
+ gap: var(--space-smaller);
8479
+ bottom: 0;
8480
+ width: 100%;
8481
+ background-color: rgba(255, 255, 255, 1);
8482
+ background-color: var(--color-surface);
8483
+ }
8484
+
8485
+ .g3Gdt8jXvFk- {
8486
+ padding-bottom: 8px;
8487
+ padding-bottom: var(--space-small);
8488
+ }
8489
+
8436
8490
  .NWf8JR3TBoo- {
8437
8491
  width: 100%;
8438
8492
  box-sizing: border-box;
@@ -8481,58 +8535,39 @@ ul.LfIIg9bwrhQ- {
8481
8535
  margin-left: var(--space-small);
8482
8536
  }
8483
8537
 
8484
- .QsRc49DHSgA- {
8485
- z-index: 1002;
8486
- z-index: var(--elevation-tooltip);
8487
- width: calc(64px * 3.75);
8488
- width: calc(var(--space-extravagant) * 3.75);
8489
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
8490
- box-shadow: var(--shadow-base);
8491
- border: 1px solid hsl(200, 13%, 87%);
8492
- border: var(--border-base) solid var(--color-border);
8493
- border-radius: 8px;
8494
- border-radius: var(--radius-base);
8495
- overflow: auto;
8496
- background: rgba(255, 255, 255, 1);
8497
- background: var(--color-surface);
8498
- }
8499
-
8500
- /* CAUTION: Tests for content visibility assume this class' presence hides the content
8501
- * so please be careful if you change this class name, or the css rules within.
8502
- */
8503
-
8504
- .QsRc49DHSgA-._7Fd5XGsPpUA- {
8505
- display: none;
8506
- visibility: hidden;
8538
+ ._85AuDa3YmT4- {
8539
+ position: relative;
8507
8540
  }
8508
8541
 
8509
- .QsRc49DHSgA-:focus,
8510
- .QsRc49DHSgA-:focus-visible {
8511
- outline: none;
8542
+ ._85AuDa3YmT4-::after {
8543
+ content: "";
8544
+ display: block;
8545
+ position: absolute;
8546
+ right: 0;
8547
+ bottom: 0;
8548
+ left: 0;
8549
+ height: 100px;
8550
+ background-image: linear-gradient(
8551
+ to top,
8552
+ rgba(255, 255, 255, 1) 0%,
8553
+ rgba(255, 255, 255, 0) 100%
8554
+ );
8555
+ background-image: linear-gradient(
8556
+ to top,
8557
+ var(--color-surface) 0%,
8558
+ rgba(var(--color-white--rgb), 0) 100%
8559
+ );
8512
8560
  }
8513
8561
 
8514
- .QsRc49DHSgA-:focus-visible {
8515
- box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
8516
- box-shadow: var(--shadow-focus);
8562
+ ._7DSXt2KpxYc- {
8563
+ padding: 16px 8px;
8564
+ padding: var(--space-base) var(--space-small);
8517
8565
  }
8518
8566
 
8519
- .yV8-0Hs43J0- {
8520
- display: -ms-flexbox;
8521
- display: flex;
8522
- -ms-flex-direction: column;
8523
- flex-direction: column;
8524
- position: sticky;
8525
- gap: 4px;
8526
- gap: var(--space-smaller);
8527
- bottom: 0;
8567
+ ._80Ger-sdJDc- {
8528
8568
  width: 100%;
8529
- background-color: rgba(255, 255, 255, 1);
8530
- background-color: var(--color-surface);
8531
- }
8532
-
8533
- .g3Gdt8jXvFk- {
8534
- padding-bottom: 8px;
8535
- padding-bottom: var(--space-small);
8569
+ min-width: 48px;
8570
+ min-width: var(--space-largest);
8536
8571
  }
8537
8572
 
8538
8573
  ._9wfZRG5vXI8- {
@@ -8541,50 +8576,59 @@ ul.LfIIg9bwrhQ- {
8541
8576
  margin-left: var(--space-small);
8542
8577
  }
8543
8578
 
8544
- .aJIHa8Q-WbY- {
8545
- position: relative;
8546
- -webkit-transform: translateY(calc(48px * -1));
8547
- -webkit-transform: translateY(calc(var(--space-largest) * -1));
8548
- transform: translateY(calc(48px * -1));
8549
- transform: translateY(calc(var(--space-largest) * -1));
8550
- }
8551
-
8552
- .lLYWNAYcURY-,
8553
- .qA8J2KI6khc- {
8554
- display: -ms-flexbox;
8555
- display: flex;
8556
- -ms-flex-pack: center;
8557
- justify-content: center;
8558
- padding: 8px;
8559
- padding: var(--space-small);
8560
- }
8579
+ .u5YTRL-PlTI- {
8580
+ --offset: 1px;
8581
+ --sticky-header-transition-properties: var(--timing-base) ease-in-out;
8561
8582
 
8562
- .qA8J2KI6khc- {
8563
- opacity: 0;
8564
- -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8565
- -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8566
- animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8567
- animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8583
+ position: sticky;
8584
+ top: calc(1px * -1);
8585
+ top: calc(var(--offset) * -1);
8586
+ z-index: 1;
8587
+ z-index: var(--elevation-base);
8588
+ padding-top: 1px;
8589
+ padding-top: var(--offset);
8590
+ background-color: rgba(255, 255, 255, 1);
8591
+ background-color: var(--color-surface);
8568
8592
  }
8569
8593
 
8570
- @-webkit-keyframes WKPuBJINNCg- {
8571
- from {
8572
- opacity: 0;
8573
- }
8594
+ /**
8595
+ * Draw a border that gets covered by the column headers border when it shows up.
8596
+ *
8597
+ * Mostly to prevent us from writing some complex JS to remove the border when
8598
+ * the column headers show up.
8599
+ */
8574
8600
 
8575
- to {
8576
- opacity: 1;
8577
- }
8601
+ .u5YTRL-PlTI-::before {
8602
+ content: "";
8603
+ display: block;
8604
+ position: absolute;
8605
+ bottom: 0;
8606
+ left: 50%;
8607
+ z-index: -1;
8608
+ width: 0;
8609
+ height: 0;
8610
+ background-color: hsl(200, 13%, 87%);
8611
+ background-color: var(--color-border);
8612
+ -webkit-transform: translateX(-50%);
8613
+ transform: translateX(-50%);
8614
+ transition:
8615
+ height var(--sticky-header-transition-properties) 100ms,
8616
+ width var(--sticky-header-transition-properties);
8617
+ transition:
8618
+ height var(--sticky-header-transition-properties) var(--timing-quick),
8619
+ width var(--sticky-header-transition-properties);
8578
8620
  }
8579
8621
 
8580
- @keyframes WKPuBJINNCg- {
8581
- from {
8582
- opacity: 0;
8583
- }
8584
-
8585
- to {
8586
- opacity: 1;
8587
- }
8622
+ .rylbmDbzCts-::before {
8623
+ width: 100%;
8624
+ height: 2px;
8625
+ height: var(--border-thick);
8626
+ transition:
8627
+ height var(--sticky-header-transition-properties),
8628
+ width var(--sticky-header-transition-properties) 100ms;
8629
+ transition:
8630
+ height var(--sticky-header-transition-properties),
8631
+ width var(--sticky-header-transition-properties) var(--timing-quick);
8588
8632
  }
8589
8633
 
8590
8634
  .S2Bu0Rv4w-E- {
@@ -8724,96 +8768,6 @@ ul.LfIIg9bwrhQ- {
8724
8768
  display: none;
8725
8769
  }
8726
8770
 
8727
- ._85AuDa3YmT4- {
8728
- position: relative;
8729
- }
8730
-
8731
- ._85AuDa3YmT4-::after {
8732
- content: "";
8733
- display: block;
8734
- position: absolute;
8735
- right: 0;
8736
- bottom: 0;
8737
- left: 0;
8738
- height: 100px;
8739
- background-image: linear-gradient(
8740
- to top,
8741
- rgba(255, 255, 255, 1) 0%,
8742
- rgba(255, 255, 255, 0) 100%
8743
- );
8744
- background-image: linear-gradient(
8745
- to top,
8746
- var(--color-surface) 0%,
8747
- rgba(var(--color-white--rgb), 0) 100%
8748
- );
8749
- }
8750
-
8751
- ._7DSXt2KpxYc- {
8752
- padding: 16px 8px;
8753
- padding: var(--space-base) var(--space-small);
8754
- }
8755
-
8756
- ._80Ger-sdJDc- {
8757
- width: 100%;
8758
- min-width: 48px;
8759
- min-width: var(--space-largest);
8760
- }
8761
-
8762
- .u5YTRL-PlTI- {
8763
- --offset: 1px;
8764
- --sticky-header-transition-properties: var(--timing-base) ease-in-out;
8765
-
8766
- position: sticky;
8767
- top: calc(1px * -1);
8768
- top: calc(var(--offset) * -1);
8769
- z-index: 1;
8770
- z-index: var(--elevation-base);
8771
- padding-top: 1px;
8772
- padding-top: var(--offset);
8773
- background-color: rgba(255, 255, 255, 1);
8774
- background-color: var(--color-surface);
8775
- }
8776
-
8777
- /**
8778
- * Draw a border that gets covered by the column headers border when it shows up.
8779
- *
8780
- * Mostly to prevent us from writing some complex JS to remove the border when
8781
- * the column headers show up.
8782
- */
8783
-
8784
- .u5YTRL-PlTI-::before {
8785
- content: "";
8786
- display: block;
8787
- position: absolute;
8788
- bottom: 0;
8789
- left: 50%;
8790
- z-index: -1;
8791
- width: 0;
8792
- height: 0;
8793
- background-color: hsl(200, 13%, 87%);
8794
- background-color: var(--color-border);
8795
- -webkit-transform: translateX(-50%);
8796
- transform: translateX(-50%);
8797
- transition:
8798
- height var(--sticky-header-transition-properties) 100ms,
8799
- width var(--sticky-header-transition-properties);
8800
- transition:
8801
- height var(--sticky-header-transition-properties) var(--timing-quick),
8802
- width var(--sticky-header-transition-properties);
8803
- }
8804
-
8805
- .rylbmDbzCts-::before {
8806
- width: 100%;
8807
- height: 2px;
8808
- height: var(--border-thick);
8809
- transition:
8810
- height var(--sticky-header-transition-properties),
8811
- width var(--sticky-header-transition-properties) 100ms;
8812
- transition:
8813
- height var(--sticky-header-transition-properties),
8814
- width var(--sticky-header-transition-properties) var(--timing-quick);
8815
- }
8816
-
8817
8771
  .R0MWvfTO9vg- {
8818
8772
  display: -ms-flexbox;
8819
8773
  display: flex;
@@ -8832,6 +8786,52 @@ ul.LfIIg9bwrhQ- {
8832
8786
  flex: 1;
8833
8787
  }
8834
8788
 
8789
+ .aJIHa8Q-WbY- {
8790
+ position: relative;
8791
+ -webkit-transform: translateY(calc(48px * -1));
8792
+ -webkit-transform: translateY(calc(var(--space-largest) * -1));
8793
+ transform: translateY(calc(48px * -1));
8794
+ transform: translateY(calc(var(--space-largest) * -1));
8795
+ }
8796
+
8797
+ .lLYWNAYcURY-,
8798
+ .qA8J2KI6khc- {
8799
+ display: -ms-flexbox;
8800
+ display: flex;
8801
+ -ms-flex-pack: center;
8802
+ justify-content: center;
8803
+ padding: 8px;
8804
+ padding: var(--space-small);
8805
+ }
8806
+
8807
+ .qA8J2KI6khc- {
8808
+ opacity: 0;
8809
+ -webkit-animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8810
+ -webkit-animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8811
+ animation: WKPuBJINNCg- 200ms ease 200ms forwards;
8812
+ animation: WKPuBJINNCg- var(--timing-base) ease var(--timing-base) forwards;
8813
+ }
8814
+
8815
+ @-webkit-keyframes WKPuBJINNCg- {
8816
+ from {
8817
+ opacity: 0;
8818
+ }
8819
+
8820
+ to {
8821
+ opacity: 1;
8822
+ }
8823
+ }
8824
+
8825
+ @keyframes WKPuBJINNCg- {
8826
+ from {
8827
+ opacity: 0;
8828
+ }
8829
+
8830
+ to {
8831
+ opacity: 1;
8832
+ }
8833
+ }
8834
+
8835
8835
  .SSm2j6d2kYo- {
8836
8836
  display: -ms-flexbox;
8837
8837
  display: flex;
@@ -8906,6 +8906,10 @@ ul.LfIIg9bwrhQ- {
8906
8906
  font-weight: 500;
8907
8907
  }
8908
8908
 
8909
+ .CwWlXTKCPUg- {
8910
+ visibility: hidden;
8911
+ }
8912
+
8909
8913
  .BJxca-StHxg- {
8910
8914
  /* Offset the button's padding so the height of the header bar doesn't change */
8911
8915
  margin: calc(8px * -1) 0;
@@ -8944,10 +8948,6 @@ ul.LfIIg9bwrhQ- {
8944
8948
  cursor: pointer;
8945
8949
  }
8946
8950
 
8947
- .CwWlXTKCPUg- {
8948
- visibility: hidden;
8949
- }
8950
-
8951
8951
  .ld5hWlraYD8- {
8952
8952
  position: relative;
8953
8953
  }
@@ -9022,6 +9022,31 @@ ul.LfIIg9bwrhQ- {
9022
9022
  align-items: center;
9023
9023
  }
9024
9024
 
9025
+ ._7-6mnR33fOk- {
9026
+ width: 18px;
9027
+ height: 24px;
9028
+ }
9029
+
9030
+ ._7-6mnR33fOk- path {
9031
+ fill: hsl(198, 35%, 21%);
9032
+ fill: var(--color-interactive--subtle);
9033
+ transition: opacity 200ms ease;
9034
+ transition: opacity var(--timing-base) ease;
9035
+ }
9036
+
9037
+ ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9038
+ opacity: 0.4;
9039
+ }
9040
+
9041
+ ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9042
+ ._7-6mnR33fOk-:hover path {
9043
+ opacity: 1;
9044
+ }
9045
+
9046
+ ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9047
+ opacity: 0.6;
9048
+ }
9049
+
9025
9050
  .a-KvXvaVQks- {
9026
9051
  --overflow-fade--offset: var(--space-smaller);
9027
9052
  --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);
@@ -9089,31 +9114,6 @@ ul.LfIIg9bwrhQ- {
9089
9114
  right: var(--overflow-fade--negative-offset);
9090
9115
  }
9091
9116
 
9092
- ._7-6mnR33fOk- {
9093
- width: 18px;
9094
- height: 24px;
9095
- }
9096
-
9097
- ._7-6mnR33fOk- path {
9098
- fill: hsl(198, 35%, 21%);
9099
- fill: var(--color-interactive--subtle);
9100
- transition: opacity 200ms ease;
9101
- transition: opacity var(--timing-base) ease;
9102
- }
9103
-
9104
- ._7-6mnR33fOk- path.GBbFLBGQDvI- {
9105
- opacity: 0.4;
9106
- }
9107
-
9108
- ._7-6mnR33fOk- path.ADTGMg72Zw4-,
9109
- ._7-6mnR33fOk-:hover path {
9110
- opacity: 1;
9111
- }
9112
-
9113
- ._7-6mnR33fOk-:hover path.GBbFLBGQDvI- {
9114
- opacity: 0.6;
9115
- }
9116
-
9117
9117
  .e1ztw2-YxtM- {
9118
9118
  position: fixed;
9119
9119
  top: 0;
@@ -9312,19 +9312,6 @@ ul.LfIIg9bwrhQ- {
9312
9312
  box-shadow: var(--shadow-focus);
9313
9313
  }
9314
9314
 
9315
- .nrNh3feibg8- {
9316
- display: -ms-flexbox;
9317
- display: flex;
9318
- padding: 16px 8px 0 16px;
9319
- padding: var(--space-base) var(--space-small) 0 var(--space-base);
9320
- -ms-flex-pack: justify;
9321
- justify-content: space-between;
9322
- -ms-flex-align: baseline;
9323
- align-items: baseline;
9324
- gap: 4px;
9325
- gap: var(--space-smaller);
9326
- }
9327
-
9328
9315
  .wFxd-3vJyKo- {
9329
9316
  position: relative;
9330
9317
  padding: 8px 0;
@@ -9427,6 +9414,19 @@ ul.LfIIg9bwrhQ- {
9427
9414
  display: none;
9428
9415
  }
9429
9416
 
9417
+ .nrNh3feibg8- {
9418
+ display: -ms-flexbox;
9419
+ display: flex;
9420
+ padding: 16px 8px 0 16px;
9421
+ padding: var(--space-base) var(--space-small) 0 var(--space-base);
9422
+ -ms-flex-pack: justify;
9423
+ justify-content: space-between;
9424
+ -ms-flex-align: baseline;
9425
+ align-items: baseline;
9426
+ gap: 4px;
9427
+ gap: var(--space-smaller);
9428
+ }
9429
+
9430
9430
  .jPB--ZCYNNI- {
9431
9431
  -webkit-transform: translateY(calc(48px * -1));
9432
9432
  -webkit-transform: translateY(calc(var(--space-largest) * -1));