@kaizen/components 0.0.0-canary-react-19-peer-20250303024542 → 0.0.0-canary-react-19-peer-20250303031741

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -1,4 +1,62 @@
1
1
  @layer tokens, normalize, reset;@layer tokens{:root{--theme-key:heart;--animation-easing-function-ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--animation-easing-function-ease-in:cubic-bezier(0.55,0.085,0.68,0.53);--animation-easing-function-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-easing-function-linear:linear;--animation-easing-function-bounce-in:cubic-bezier(0.485,0.155,0.24,1.245);--animation-easing-function-bounce-out:cubic-bezier(0.485,0.155,0.515,0.845);--animation-easing-function-bounce-in-out:cubic-bezier(0.76,-0.245,0.24,1.245);--animation-duration-instant:0ms;--animation-duration-immediate:100ms;--animation-duration-rapid:200ms;--animation-duration-fast:300ms;--animation-duration-slow:400ms;--animation-duration-deliberate:700ms;--border-solid-border-width:2px;--border-solid-border-radius:7px;--border-solid-border-style:solid;--border-solid-border-color:#e1e2ea;--border-solid-border-color-rgb:225,226,234;--border-dashed-border-width:2px;--border-dashed-border-radius:7px;--border-dashed-border-style:dashed;--border-borderless-border-width:2px;--border-borderless-border-radius:7px;--border-borderless-border-style:solid;--border-borderless-border-color:transparent;--border-borderless-border-color-rgb:0,0,0;--border-focus-ring-border-width:2px;--border-focus-ring-border-radius:10px;--border-focus-ring-border-style:solid;--border-width-1:1px;--color-purple-100:#f4edf8;--color-purple-100-rgb:244,237,248;--color-purple-200:#dfc9ea;--color-purple-200-rgb:223,201,234;--color-purple-300:#c9a5dd;--color-purple-300-rgb:201,165,221;--color-purple-400:#ae67b1;--color-purple-400-rgb:174,103,177;--color-purple-500:#844587;--color-purple-500-rgb:132,69,135;--color-purple-600:#5f3361;--color-purple-600-rgb:95,51,97;--color-purple-700:#4a234d;--color-purple-700-rgb:74,35,77;--color-purple-800:#2f2438;--color-purple-800-rgb:47,36,56;--color-blue-100:#e6f6ff;--color-blue-100-rgb:230,246,255;--color-blue-200:#bde2f5;--color-blue-200-rgb:189,226,245;--color-blue-300:#73c0e8;--color-blue-300-rgb:115,192,232;--color-blue-400:#008bd6;--color-blue-400-rgb:0,139,214;--color-blue-500:#0168b3;--color-blue-500-rgb:1,104,179;--color-blue-600:#004970;--color-blue-600-rgb:0,73,112;--color-blue-700:#003157;--color-blue-700-rgb:0,49,87;--color-green-100:#e8f8f4;--color-green-100-rgb:232,248,244;--color-green-200:#c4ede2;--color-green-200-rgb:196,237,226;--color-green-300:#8fdbc7;--color-green-300-rgb:143,219,199;--color-green-400:#5dcaad;--color-green-400-rgb:93,202,173;--color-green-500:#3f9a86;--color-green-500-rgb:63,154,134;--color-green-600:#2c7d67;--color-green-600-rgb:44,125,103;--color-green-700:#22594a;--color-green-700-rgb:34,89,74;--color-yellow-100:#fff9e4;--color-yellow-100-rgb:255,249,228;--color-yellow-200:#ffeeb3;--color-yellow-200-rgb:255,238,179;--color-yellow-300:#ffe36e;--color-yellow-300-rgb:255,227,110;--color-yellow-400:#ffca4d;--color-yellow-400-rgb:255,202,77;--color-yellow-500:#ffb600;--color-yellow-500-rgb:255,182,0;--color-yellow-600:#c68600;--color-yellow-600-rgb:198,134,0;--color-yellow-700:#876400;--color-yellow-700-rgb:135,100,0;--color-red-100:#fdeaee;--color-red-100-rgb:253,234,238;--color-red-200:#f9c2cb;--color-red-200-rgb:249,194,203;--color-red-300:#f597a8;--color-red-300-rgb:245,151,168;--color-red-400:#e0707d;--color-red-400-rgb:224,112,125;--color-red-500:#c93b55;--color-red-500-rgb:201,59,85;--color-red-600:#a82433;--color-red-600-rgb:168,36,51;--color-red-700:#6c1e20;--color-red-700-rgb:108,30,32;--color-orange-100:#fff0e8;--color-orange-100-rgb:255,240,232;--color-orange-200:#ffd1b9;--color-orange-200-rgb:255,209,185;--color-orange-300:#ffb08a;--color-orange-300-rgb:255,176,138;--color-orange-400:#ff9461;--color-orange-400-rgb:255,148,97;--color-orange-500:#e96c2f;--color-orange-500-rgb:233,108,47;--color-orange-600:#b74302;--color-orange-600-rgb:183,67,2;--color-orange-700:#903c00;--color-orange-700-rgb:144,60,0;--color-gray-100:#f9f9f9;--color-gray-100-rgb:249,249,249;--color-gray-200:#f4f4f5;--color-gray-200-rgb:244,244,245;--color-gray-300:#eaeaec;--color-gray-300-rgb:234,234,236;--color-gray-400:#cdcdd0;--color-gray-400-rgb:205,205,208;--color-gray-500:#878792;--color-gray-500-rgb:135,135,146;--color-gray-600:#524e56;--color-gray-600-rgb:82,78,86;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--data-viz-favorable:#7dd5bd;--data-viz-favorable-rgb:125,213,189;--data-viz-unfavorable:#e68d97;--data-viz-unfavorable-rgb:230,141,151;--layout-content-max-width:1392px;--layout-content-max-width-with-sidebar:1080px;--layout-content-side-margin:72px;--layout-mobile-actions-drawer-height:60px;--layout-navigation-bar-height:72px;--layout-breakpoints-medium:768px;--layout-breakpoints-large:1080px;--shadow-small-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06);--shadow-large-box-shadow:0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08);--spacing-0:0;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-72:4.5rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-200:12.5rem;--spacing-240:15rem;--spacing-280:17.5rem;--spacing-320:20rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-xxl:3.75rem;--spacing-xxxl:4.5rem;--spacing-xxxxl:5.25rem;--spacing-xxxxxl:6rem;--typography-data-large-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-font-weight:700;--typography-data-large-font-size:5.25rem;--typography-data-large-line-height:5.25rem;--typography-data-large-letter-spacing:normal;--typography-data-large-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-units-font-weight:700;--typography-data-large-units-font-size:2.625rem;--typography-data-large-units-line-height:5.25rem;--typography-data-large-units-letter-spacing:normal;--typography-data-medium-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-font-weight:700;--typography-data-medium-font-size:3rem;--typography-data-medium-line-height:5rem;--typography-data-medium-letter-spacing:normal;--typography-data-medium-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-units-font-weight:700;--typography-data-medium-units-font-size:1.5rem;--typography-data-medium-units-line-height:5rem;--typography-data-medium-units-letter-spacing:normal;--typography-data-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-font-weight:700;--typography-data-small-font-size:1.5rem;--typography-data-small-line-height:1.5rem;--typography-data-small-letter-spacing:normal;--typography-data-small-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-units-font-weight:700;--typography-data-small-units-font-size:1.125rem;--typography-data-small-units-line-height:1.5rem;--typography-data-small-units-letter-spacing:normal;--typography-display-0-font-family:"Tiempos Headline",Georgia,serif;--typography-display-0-font-weight:800;--typography-display-0-font-size:4.5rem;--typography-display-0-line-height:5.25rem;--typography-display-0-letter-spacing:0em;--typography-heading-1-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-1-font-weight:500;--typography-heading-1-font-size:2.125rem;--typography-heading-1-line-height:2.625rem;--typography-heading-1-letter-spacing:normal;--typography-heading-2-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-2-font-weight:600;--typography-heading-2-font-size:1.75rem;--typography-heading-2-line-height:2.25rem;--typography-heading-2-letter-spacing:normal;--typography-heading-3-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-3-font-weight:600;--typography-heading-3-font-size:1.375rem;--typography-heading-3-line-height:1.875rem;--typography-heading-3-letter-spacing:normal;--typography-heading-4-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-4-font-weight:600;--typography-heading-4-font-size:1.125rem;--typography-heading-4-line-height:1.5rem;--typography-heading-4-letter-spacing:normal;--typography-heading-5-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-5-font-weight:600;--typography-heading-5-font-size:1rem;--typography-heading-5-line-height:1.5rem;--typography-heading-5-letter-spacing:normal;--typography-heading-6-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-6-font-weight:600;--typography-heading-6-font-size:0.875rem;--typography-heading-6-line-height:1.5rem;--typography-heading-6-letter-spacing:normal;--typography-paragraph-intro-lede-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-intro-lede-font-weight:400;--typography-paragraph-intro-lede-font-size:1.25rem;--typography-paragraph-intro-lede-line-height:1.875rem;--typography-paragraph-intro-lede-letter-spacing:0;--typography-paragraph-intro-lede-max-width:975px;--typography-paragraph-body-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-body-font-weight:400;--typography-paragraph-body-font-size:1rem;--typography-paragraph-body-line-height:1.5rem;--typography-paragraph-body-letter-spacing:normal;--typography-paragraph-body-max-width:780px;--typography-paragraph-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-small-font-weight:400;--typography-paragraph-small-font-size:0.875rem;--typography-paragraph-small-line-height:1.125rem;--typography-paragraph-small-letter-spacing:normal;--typography-paragraph-small-max-width:680px;--typography-paragraph-extra-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-extra-small-font-weight:400;--typography-paragraph-extra-small-font-size:0.75rem;--typography-paragraph-extra-small-line-height:1.125rem;--typography-paragraph-extra-small-letter-spacing:normal;--typography-paragraph-extra-small-max-width:600px;--typography-paragraph-bold-font-weight:600;--typography-button-primary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-primary-font-weight:500;--typography-button-primary-font-size:1.125rem;--typography-button-primary-line-height:1.5rem;--typography-button-primary-letter-spacing:normal;--typography-button-secondary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-secondary-font-weight:500;--typography-button-secondary-font-size:1rem;--typography-button-secondary-line-height:1.5rem;--typography-button-secondary-letter-spacing:normal}}@layer normalize{html{text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}@layer reset{@font-face{font-family:Tiempos Headline;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff)}@font-face{font-family:Tiempos Headline;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff)}@font-face{font-family:Greycliff CF;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-light.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-regular.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-medium.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-extra-bold.woff) format("woff")}@font-face{font-family:Inter;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff)}@font-face{font-family:Inter;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff)}@font-face{font-family:Inter;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff)}@font-face{font-family:Inter;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff)}@font-face{font-family:Inter;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff)}@font-face{font-family:Inter;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff)}@font-face{font-family:IBM Plex Mono;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff)}}@layer reset{*,:after,:before{border-color:var(--border-solid-border-color,"currentColor");border-style:solid;border-width:0}}
2
+ .AvatarGroup-module_AvatarGroup__xftR5 {
3
+ display: inline-flex;
4
+ list-style: none;
5
+ margin: 0;
6
+ padding: 0;
7
+ }
8
+
9
+ .AvatarGroup-module_AvatarCounter__0DCSW {
10
+ direction: ltr;
11
+ align-items: center;
12
+ background: var(--color-gray-300);
13
+ border: 3px solid var(--color-white);
14
+ border-radius: 100%;
15
+ box-sizing: border-box;
16
+ box-shadow: var(--shadow-small-box-shadow);
17
+ display: flex;
18
+ justify-content: center;
19
+ overflow: hidden;
20
+ width: var(--avatar-x-y, 1.25rem);
21
+ height: var(--avatar-x-y, 1.25rem);
22
+ font-family: var(--typography-heading-5-font-family);
23
+ font-weight: var(--typography-heading-5-font-weight);
24
+ letter-spacing: var(--typography-heading-5-letter-spacing);
25
+ }
26
+
27
+ .AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
28
+ margin-inline-start: calc((var(--avatar-x-y)) / -2);
29
+ }
30
+
31
+ .AvatarGroup-module_small__zX0AT {
32
+ --avatar-x-y: 1.25rem;
33
+ }
34
+
35
+ .AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
36
+ box-shadow: none;
37
+ border: none;
38
+ font-size: 0.5rem;
39
+ }
40
+
41
+ .AvatarGroup-module_medium__0Vlk8 {
42
+ --avatar-x-y: 3rem;
43
+ }
44
+
45
+ .AvatarGroup-module_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
46
+ font-size: var(--typography-heading-5-font-size);
47
+ }
48
+
49
+ .AvatarGroup-module_large__c1ZHO {
50
+ --avatar-x-y: 4.5rem;
51
+ }
52
+
53
+ .AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
54
+ font-family: var(--typography-heading-3-font-family);
55
+ font-size: var(--typography-heading-3-font-size);
56
+ font-weight: var(--typography-heading-3-font-weight);
57
+ letter-spacing: var(--typography-heading-3-letter-spacing);
58
+ }
59
+
2
60
  .Avatar-module_wrapper__elyMq {
3
61
  --avatar-x-y: 1.5rem;
4
62
 
@@ -138,118 +196,11 @@
138
196
  letter-spacing: var(--typography-heading-5-letter-spacing);
139
197
  }
140
198
 
141
- .AvatarGroup-module_AvatarGroup__xftR5 {
142
- display: inline-flex;
143
- list-style: none;
144
- margin: 0;
145
- padding: 0;
146
- }
147
-
148
- .AvatarGroup-module_AvatarCounter__0DCSW {
149
- direction: ltr;
150
- align-items: center;
151
- background: var(--color-gray-300);
152
- border: 3px solid var(--color-white);
153
- border-radius: 100%;
154
- box-sizing: border-box;
155
- box-shadow: var(--shadow-small-box-shadow);
156
- display: flex;
157
- justify-content: center;
158
- overflow: hidden;
159
- width: var(--avatar-x-y, 1.25rem);
160
- height: var(--avatar-x-y, 1.25rem);
161
- font-family: var(--typography-heading-5-font-family);
162
- font-weight: var(--typography-heading-5-font-weight);
163
- letter-spacing: var(--typography-heading-5-letter-spacing);
164
- }
165
-
166
- .AvatarGroup-module_AvatarGroupItem__s8miW + .AvatarGroup-module_AvatarGroupItem__s8miW {
167
- margin-inline-start: calc((var(--avatar-x-y)) / -2);
168
- }
169
-
170
- .AvatarGroup-module_small__zX0AT {
171
- --avatar-x-y: 1.25rem;
172
- }
173
-
174
- .AvatarGroup-module_small__zX0AT .AvatarGroup-module_AvatarCounter__0DCSW {
175
- box-shadow: none;
176
- border: none;
177
- font-size: 0.5rem;
178
- }
179
-
180
- .AvatarGroup-module_medium__0Vlk8 {
181
- --avatar-x-y: 3rem;
182
- }
183
-
184
- .AvatarGroup-module_medium__0Vlk8 .AvatarGroup-module_AvatarCounter__0DCSW {
185
- font-size: var(--typography-heading-5-font-size);
186
- }
187
-
188
- .AvatarGroup-module_large__c1ZHO {
189
- --avatar-x-y: 4.5rem;
190
- }
191
-
192
- .AvatarGroup-module_large__c1ZHO .AvatarGroup-module_AvatarCounter__0DCSW {
193
- font-family: var(--typography-heading-3-font-family);
194
- font-size: var(--typography-heading-3-font-size);
195
- font-weight: var(--typography-heading-3-font-weight);
196
- letter-spacing: var(--typography-heading-3-letter-spacing);
197
- }
198
-
199
199
  .Brand-module_img__-kq3F {
200
200
  max-inline-size: 100%;
201
201
  display: flex;
202
202
  }
203
203
 
204
- .ButtonGroup-module_buttonGroup__V0Pf9 {
205
- --focus-ring-offset: 1px;
206
- --focus-ring-offset-inner: calc(-1 * var(--focus-ring-offset));
207
-
208
- display: inline-flex;
209
- }
210
-
211
- .ButtonGroup-module_child__j1SVF {
212
- border-radius: 0;
213
- }
214
-
215
- .ButtonGroup-module_child__j1SVF:focus-visible::after {
216
- border-radius: 0;
217
- }
218
-
219
- .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS) {
220
- border-inline-start: 1px solid var(--color-blue-300);
221
- }
222
-
223
- .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS, .ButtonGroup-module_lastChild__WBOpN) {
224
- &:focus-visible {
225
- &::after {
226
- inset-inline: var(--focus-ring-offset-inner);
227
- }
228
- }
229
- }
230
-
231
- .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS {
232
- border-start-start-radius: var(--border-focus-ring-border-radius);
233
- border-end-start-radius: var(--border-focus-ring-border-radius);
234
- }
235
-
236
- .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS:focus-visible::after {
237
- border-start-start-radius: var(--border-focus-ring-border-radius);
238
- border-end-start-radius: var(--border-focus-ring-border-radius);
239
- inset-inline-end: var(--focus-ring-offset-inner);
240
- }
241
-
242
- .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN {
243
- border-start-end-radius: var(--border-focus-ring-border-radius);
244
- border-end-end-radius: var(--border-focus-ring-border-radius);
245
- }
246
-
247
- .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN:focus-visible::after {
248
- border-start-end-radius: var(--border-focus-ring-border-radius);
249
- border-end-end-radius: var(--border-focus-ring-border-radius);
250
- inset-inline-start: var(--focus-ring-offset-inner);
251
- }
252
-
253
204
  .BrandMoment-module_body__mZWwj {
254
205
  width: 100%;
255
206
  min-height: 100vh;
@@ -444,6 +395,55 @@
444
395
  }
445
396
  }
446
397
 
398
+ .ButtonGroup-module_buttonGroup__V0Pf9 {
399
+ --focus-ring-offset: 1px;
400
+ --focus-ring-offset-inner: calc(-1 * var(--focus-ring-offset));
401
+
402
+ display: inline-flex;
403
+ }
404
+
405
+ .ButtonGroup-module_child__j1SVF {
406
+ border-radius: 0;
407
+ }
408
+
409
+ .ButtonGroup-module_child__j1SVF:focus-visible::after {
410
+ border-radius: 0;
411
+ }
412
+
413
+ .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS) {
414
+ border-inline-start: 1px solid var(--color-blue-300);
415
+ }
416
+
417
+ .ButtonGroup-module_child__j1SVF:not(.ButtonGroup-module_firstChild__ys3PS, .ButtonGroup-module_lastChild__WBOpN) {
418
+ &:focus-visible {
419
+ &::after {
420
+ inset-inline: var(--focus-ring-offset-inner);
421
+ }
422
+ }
423
+ }
424
+
425
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS {
426
+ border-start-start-radius: var(--border-focus-ring-border-radius);
427
+ border-end-start-radius: var(--border-focus-ring-border-radius);
428
+ }
429
+
430
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_firstChild__ys3PS:focus-visible::after {
431
+ border-start-start-radius: var(--border-focus-ring-border-radius);
432
+ border-end-start-radius: var(--border-focus-ring-border-radius);
433
+ inset-inline-end: var(--focus-ring-offset-inner);
434
+ }
435
+
436
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN {
437
+ border-start-end-radius: var(--border-focus-ring-border-radius);
438
+ border-end-end-radius: var(--border-focus-ring-border-radius);
439
+ }
440
+
441
+ .ButtonGroup-module_child__j1SVF.ButtonGroup-module_lastChild__WBOpN:focus-visible::after {
442
+ border-start-end-radius: var(--border-focus-ring-border-radius);
443
+ border-end-end-radius: var(--border-focus-ring-border-radius);
444
+ inset-inline-start: var(--focus-ring-offset-inner);
445
+ }
446
+
447
447
  .Card-module_wrapper__Hriov {
448
448
  color: var(--color-purple-800);
449
449
  border: var(--border-width-1) solid var(--card-border-color);
@@ -650,14 +650,6 @@
650
650
  }
651
651
  }
652
652
 
653
- .Container-module_container__jSUGk {
654
- display: flex;
655
- width: 100%;
656
- justify-content: center;
657
- }
658
- .Container-module_container__jSUGk *, .Container-module_container__jSUGk *::after, .Container-module_container__jSUGk *::before {
659
- box-sizing: border-box;
660
- }
661
653
  .GuidanceBlock-module_rightMargin__T6JO2 {
662
654
  margin-right: var(--spacing-8);
663
655
  }
@@ -943,6 +935,14 @@
943
935
  }
944
936
  /* stylelint-enable no-descending-specificity */
945
937
 
938
+ .Container-module_container__jSUGk {
939
+ display: flex;
940
+ width: 100%;
941
+ justify-content: center;
942
+ }
943
+ .Container-module_container__jSUGk *, .Container-module_container__jSUGk *::after, .Container-module_container__jSUGk *::before {
944
+ box-sizing: border-box;
945
+ }
946
946
  .Link-module_link__8oxip {
947
947
  color: var(--link-text-color, var(--color-blue-500));
948
948
  font-family: var(--typography-paragraph-body-font-family);
@@ -1597,20 +1597,6 @@
1597
1597
  display: inherit;
1598
1598
  }
1599
1599
 
1600
- @media (width < 768px) {
1601
- .Filter-module_filter__u3IkC {
1602
- flex-basis: 100%;
1603
- }
1604
- }
1605
-
1606
- @media (width <= 320px) {
1607
- .FilterDateRangePicker-module_filterDateRangePickerContents__P7eNa {
1608
- padding: var(--spacing-16);
1609
- max-width: 320px;
1610
- box-sizing: border-box;
1611
- }
1612
- }
1613
-
1614
1600
  .FilterBar-module_filterBar__JEVKL {
1615
1601
  display: flex;
1616
1602
  padding: var(--spacing-8);
@@ -1631,6 +1617,12 @@
1631
1617
  gap: var(--spacing-8);
1632
1618
  }
1633
1619
 
1620
+ @media (width < 768px) {
1621
+ .Filter-module_filter__u3IkC {
1622
+ flex-basis: 100%;
1623
+ }
1624
+ }
1625
+
1634
1626
  /* This a temporary fix to increase specificity, until we figure out why this CSS is being compiled later than the padding in the FilterContents sub-component */
1635
1627
  .FilterSelect-module_filterContents__--oQN.FilterSelect-module_filterContents__--oQN {
1636
1628
  box-sizing: border-box;
@@ -1640,12 +1632,20 @@
1640
1632
  padding: unset; /* Padding is added by <SelectPopoverContents> */
1641
1633
  }
1642
1634
 
1643
- .LiveIcon-module_liveIcon__v6FG- {
1644
- display: inline-block;
1645
- position: relative;
1646
- width: 20px;
1647
- height: 20px;
1648
- margin-inline-start: 0.25rem;
1635
+ @media (width <= 320px) {
1636
+ .FilterDateRangePicker-module_filterDateRangePickerContents__P7eNa {
1637
+ padding: var(--spacing-16);
1638
+ max-width: 320px;
1639
+ box-sizing: border-box;
1640
+ }
1641
+ }
1642
+
1643
+ .LiveIcon-module_liveIcon__v6FG- {
1644
+ display: inline-block;
1645
+ position: relative;
1646
+ width: 20px;
1647
+ height: 20px;
1648
+ margin-inline-start: 0.25rem;
1649
1649
  color: var(--color-green-500);
1650
1650
  }
1651
1651
 
@@ -1786,6 +1786,11 @@
1786
1786
  font-size: inherit;
1787
1787
  }
1788
1788
 
1789
+ .Main-module_main__K9Z0C {
1790
+ /* This is set so children will sit beneath the header and footer when sticky */
1791
+ z-index: 0;
1792
+ }
1793
+
1789
1794
  .Wrapper-module_wrapper__-tWQy {
1790
1795
  display: grid;
1791
1796
  grid-template-rows: min-content 1fr min-content;
@@ -1794,9 +1799,8 @@
1794
1799
  background: var(--color-gray-100);
1795
1800
  }
1796
1801
 
1797
- .Main-module_main__K9Z0C {
1798
- /* This is set so children will sit beneath the header and footer when sticky */
1799
- z-index: 0;
1802
+ .FilterContents-module_filterContents__LEVFe {
1803
+ padding: var(--spacing-24);
1800
1804
  }
1801
1805
 
1802
1806
  .FilterPopover-module_filterPopover__ZAkra {
@@ -1807,8 +1811,10 @@
1807
1811
  display: inline-flex;
1808
1812
  }
1809
1813
 
1810
- .FilterContents-module_filterContents__LEVFe {
1811
- padding: var(--spacing-24);
1814
+ @media (width < 768px) {
1815
+ .FilterBarMultiSelect-module_filterMultiSelect__a4enz {
1816
+ flex-basis: 100%;
1817
+ }
1812
1818
  }
1813
1819
 
1814
1820
  .ClearAllButton-module_clearAllButton__dl4nS {
@@ -1819,10 +1825,24 @@
1819
1825
  visibility: hidden;
1820
1826
  }
1821
1827
 
1822
- @media (width < 768px) {
1823
- .FilterBarMultiSelect-module_filterMultiSelect__a4enz {
1824
- flex-basis: 100%;
1825
- }
1828
+ .ButtonContent-module_buttonContent__-eYde {
1829
+ display: inline-flex;
1830
+ align-items: center;
1831
+ gap: var(--button-icon-gap, var(--spacing-6));
1832
+ }
1833
+
1834
+ .ButtonContent-module_large__h9u9- {
1835
+ --button-icon-gap: var(--spacing-8);
1836
+ }
1837
+
1838
+ .ButtonContent-module_buttonLabel__eYzcT {
1839
+ display: inline-flex;
1840
+ align-items: center;
1841
+ }
1842
+
1843
+ .ButtonContent-module_buttonIcon__N6gMH {
1844
+ display: inline-flex;
1845
+ align-items: center;
1826
1846
  }
1827
1847
 
1828
1848
  .PendingContent-module_pendingContent__wJPsU {
@@ -1842,28 +1862,76 @@
1842
1862
  transform: translate(-50%, -50%);
1843
1863
  }
1844
1864
 
1845
- .ButtonContent-module_buttonContent__-eYde {
1846
- display: inline-flex;
1847
- align-items: center;
1848
- gap: var(--button-icon-gap, var(--spacing-6));
1865
+ .FilterBarButton-module_filterBarButton__3IF-- {
1866
+ width: 100%;
1849
1867
  }
1850
1868
 
1851
- .ButtonContent-module_large__h9u9- {
1852
- --button-icon-gap: var(--spacing-8);
1869
+ .TabList-module_container__d4TLi {
1870
+ position: relative;
1853
1871
  }
1854
1872
 
1855
- .ButtonContent-module_buttonLabel__eYzcT {
1856
- display: inline-flex;
1857
- align-items: center;
1873
+ .TabList-module_tabList__WEETD {
1874
+ border-bottom: 1px solid var(--color-gray-300);
1875
+ padding: var(--spacing-6) 0 0;
1876
+ width: 100%;
1877
+ height: 100%;
1878
+ overflow-x: scroll;
1879
+ white-space: nowrap;
1880
+ scrollbar-width: none;
1881
+ scroll-behavior: smooth;
1858
1882
  }
1859
1883
 
1860
- .ButtonContent-module_buttonIcon__N6gMH {
1861
- display: inline-flex;
1884
+ .TabList-module_noPadding__rIfER {
1885
+ padding: 0;
1886
+ }
1887
+
1888
+ .TabList-module_leftArrow__mrWjD,
1889
+ .TabList-module_rightArrow__WUoGO {
1890
+ --icon-size: 24;
1891
+
1892
+ display: flex;
1862
1893
  align-items: center;
1894
+ justify-content: center;
1895
+ position: absolute;
1896
+ z-index: 10000;
1897
+ background: var(--color-white);
1898
+ inset-block: 0 1px;
1899
+ width: 48px;
1900
+ cursor: default;
1901
+ user-select: none;
1863
1902
  }
1864
1903
 
1865
- .FilterBarButton-module_filterBarButton__3IF-- {
1866
- width: 100%;
1904
+ /*
1905
+ * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
1906
+ */
1907
+ .TabList-module_leftArrow__mrWjD {
1908
+ left: 0;
1909
+ }
1910
+
1911
+ .TabList-module_leftArrow__mrWjD,
1912
+ .TabList-module_leftArrow__mrWjD:hover {
1913
+ border-right: 1px solid var(--color-gray-300);
1914
+ }
1915
+
1916
+ .TabList-module_rightArrow__WUoGO {
1917
+ right: 0;
1918
+ }
1919
+
1920
+ .TabList-module_rightArrow__WUoGO,
1921
+ .TabList-module_rightArrow__WUoGO:hover {
1922
+ border-left: 1px solid var(--color-gray-300);
1923
+ }
1924
+
1925
+ .TabList-module_leftArrow__mrWjD:hover,
1926
+ .TabList-module_rightArrow__WUoGO:hover {
1927
+ background: var(--color-blue-200);
1928
+ color: var(--color-blue-500);
1929
+ }
1930
+
1931
+ .TabList-module_leftArrow__mrWjD:active,
1932
+ .TabList-module_rightArrow__WUoGO:active {
1933
+ background: var(--color-blue-100);
1934
+ color: var(--color-blue-500);
1867
1935
  }
1868
1936
 
1869
1937
  .Tab-module_tab__1YtP2 {
@@ -1978,76 +2046,45 @@
1978
2046
  }
1979
2047
  }
1980
2048
 
1981
- .TabList-module_container__d4TLi {
1982
- position: relative;
1983
- }
1984
-
1985
- .TabList-module_tabList__WEETD {
1986
- border-bottom: 1px solid var(--color-gray-300);
1987
- padding: var(--spacing-6) 0 0;
2049
+ .RemovableFilterTrigger-module_filterButtonRemovable__-M4wV {
1988
2050
  width: 100%;
1989
- height: 100%;
1990
- overflow-x: scroll;
1991
- white-space: nowrap;
1992
- scrollbar-width: none;
1993
- scroll-behavior: smooth;
1994
- }
1995
-
1996
- .TabList-module_noPadding__rIfER {
1997
- padding: 0;
1998
2051
  }
1999
2052
 
2000
- .TabList-module_leftArrow__mrWjD,
2001
- .TabList-module_rightArrow__WUoGO {
2002
- --icon-size: 24;
2003
-
2053
+ .FooterActions-module_footerAction__szvPs {
2004
2054
  display: flex;
2005
- align-items: center;
2006
- justify-content: center;
2007
- position: absolute;
2008
- z-index: 10000;
2009
- background: var(--color-white);
2010
- inset-block: 0 1px;
2011
- width: 48px;
2012
- cursor: default;
2013
- user-select: none;
2014
- }
2015
-
2016
- /*
2017
- * Note: we're purposefully using directional properties instead of start/end for positioning and styling related to the carousel arrows
2018
- */
2019
- .TabList-module_leftArrow__mrWjD {
2020
- left: 0;
2021
- }
2022
-
2023
- .TabList-module_leftArrow__mrWjD,
2024
- .TabList-module_leftArrow__mrWjD:hover {
2025
- border-right: 1px solid var(--color-gray-300);
2026
- }
2027
-
2028
- .TabList-module_rightArrow__WUoGO {
2029
- right: 0;
2055
+ flex-grow: 1;
2056
+ flex-basis: auto;
2030
2057
  }
2031
2058
 
2032
- .TabList-module_rightArrow__WUoGO,
2033
- .TabList-module_rightArrow__WUoGO:hover {
2034
- border-left: 1px solid var(--color-gray-300);
2059
+ .FooterActions-module_footerActionPrevious__VJ6j1 {
2060
+ grid-area: 'prev';
2061
+ justify-content: start;
2035
2062
  }
2036
2063
 
2037
- .TabList-module_leftArrow__mrWjD:hover,
2038
- .TabList-module_rightArrow__WUoGO:hover {
2039
- background: var(--color-blue-200);
2040
- color: var(--color-blue-500);
2064
+ .FooterActions-module_footerActionNext__koFhj {
2065
+ grid-area: 'next';
2066
+ justify-content: end;
2041
2067
  }
2042
2068
 
2043
- .TabList-module_leftArrow__mrWjD:active,
2044
- .TabList-module_rightArrow__WUoGO:active {
2045
- background: var(--color-blue-100);
2046
- color: var(--color-blue-500);
2047
- }
2069
+ .FooterRoot-module_footerRoot__-osuZ {
2070
+ display: grid;
2071
+ grid-template-areas: 'prev stepper next';
2072
+ grid-template-columns: 1fr 2fr 1fr;
2073
+ flex-grow: 1;
2074
+ justify-content: center;
2075
+ align-items: center;
2076
+ padding: var(--spacing-24) var(--spacing-12);
2077
+ background: var(--color-white);
2078
+ gap: var(--spacing-16);
2079
+ border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
2048
2080
 
2049
- .RemovableFilterTrigger-module_filterButtonRemovable__-M4wV {
2050
- width: 100%;
2081
+ @media (width >= 768px) {
2082
+ grid-template-columns: 1fr 5fr 1fr;
2083
+ padding: var(--spacing-24) var(--spacing-32);
2084
+ position: sticky;
2085
+ bottom: 0;
2086
+ z-index: 1;
2087
+ }
2051
2088
  }
2052
2089
 
2053
2090
  .ProgressStepper-module_stepsContainer__7Motj {
@@ -2168,43 +2205,21 @@
2168
2205
  }
2169
2206
  }
2170
2207
 
2171
- .FooterActions-module_footerAction__szvPs {
2208
+ .Branding-module_branding__g3OoE {
2209
+ grid-area: branding;
2172
2210
  display: flex;
2173
- flex-grow: 1;
2174
- flex-basis: auto;
2175
- }
2176
-
2177
- .FooterActions-module_footerActionPrevious__VJ6j1 {
2178
- grid-area: 'prev';
2179
- justify-content: start;
2180
- }
2181
-
2182
- .FooterActions-module_footerActionNext__koFhj {
2183
- grid-area: 'next';
2184
- justify-content: end;
2185
- }
2186
-
2187
- .FooterRoot-module_footerRoot__-osuZ {
2188
- display: grid;
2189
- grid-template-areas: 'prev stepper next';
2190
- grid-template-columns: 1fr 2fr 1fr;
2191
- flex-grow: 1;
2192
2211
  justify-content: center;
2193
- align-items: center;
2194
- padding: var(--spacing-24) var(--spacing-12);
2195
- background: var(--color-white);
2196
- gap: var(--spacing-16);
2197
- border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
2212
+ padding-top: var(--spacing-4);
2198
2213
 
2199
- @media (width >= 768px) {
2200
- grid-template-columns: 1fr 5fr 1fr;
2201
- padding: var(--spacing-24) var(--spacing-32);
2202
- position: sticky;
2203
- bottom: 0;
2204
- z-index: 1;
2214
+ @media (width >=768px) {
2215
+ justify-content: unset;
2205
2216
  }
2206
2217
  }
2207
2218
 
2219
+ .Branding-module_logo__yLHfs {
2220
+ width: 7.5rem;
2221
+ }
2222
+
2208
2223
  .Titles-module_titles__ENQ0C {
2209
2224
  grid-area: titles;
2210
2225
  display: flex;
@@ -2227,27 +2242,6 @@
2227
2242
  margin-top: var(--spacing-8);
2228
2243
  }
2229
2244
 
2230
- .Root-module_root__-1P72 {
2231
- display: grid;
2232
- background-color: var(--color-white);
2233
- grid-template: 'branding' min-content 'titles' max-content 'actions' min-content / 1fr;
2234
- flex-grow: 1;
2235
- justify-content: center;
2236
- align-items: center;
2237
- text-align: center;
2238
- padding: var(--spacing-24);
2239
- gap: var(--spacing-16);
2240
- border-bottom: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
2241
-
2242
- @media (width >= 768px) {
2243
- align-items: start;
2244
- grid-template: 'branding titles actions' min-content / 1fr max-content 1fr;
2245
- position: sticky;
2246
- top: 0;
2247
- z-index: 1;
2248
- }
2249
- }
2250
-
2251
2245
  .Actions-module_actions__JzCWB {
2252
2246
  grid-area: actions;
2253
2247
  display: flex;
@@ -2264,21 +2258,27 @@
2264
2258
  }
2265
2259
  }
2266
2260
 
2267
- .Branding-module_branding__g3OoE {
2268
- grid-area: branding;
2269
- display: flex;
2261
+ .Root-module_root__-1P72 {
2262
+ display: grid;
2263
+ background-color: var(--color-white);
2264
+ grid-template: 'branding' min-content 'titles' max-content 'actions' min-content / 1fr;
2265
+ flex-grow: 1;
2270
2266
  justify-content: center;
2271
- padding-top: var(--spacing-4);
2267
+ align-items: center;
2268
+ text-align: center;
2269
+ padding: var(--spacing-24);
2270
+ gap: var(--spacing-16);
2271
+ border-bottom: 2px solid rgb(var(--color-gray-600-rgb), 0.1);
2272
2272
 
2273
- @media (width >=768px) {
2274
- justify-content: unset;
2273
+ @media (width >= 768px) {
2274
+ align-items: start;
2275
+ grid-template: 'branding titles actions' min-content / 1fr max-content 1fr;
2276
+ position: sticky;
2277
+ top: 0;
2278
+ z-index: 1;
2275
2279
  }
2276
2280
  }
2277
2281
 
2278
- .Branding-module_logo__yLHfs {
2279
- width: 7.5rem;
2280
- }
2281
-
2282
2282
  /** THIS IS AN AUTOGENERATED FILE **/
2283
2283
  /** THIS IS AN AUTOGENERATED FILE **/
2284
2284
  .ClearButton-module_clearButton__CSOIc {
@@ -2370,9 +2370,6 @@
2370
2370
  display: inline;
2371
2371
  margin-bottom: 0;
2372
2372
  }
2373
- .Focusable-module_focusableWrapper__zd-5E {
2374
- display: inline-flex;
2375
- }
2376
2373
  /** THIS IS AN AUTOGENERATED FILE **/
2377
2374
  /** THIS IS AN AUTOGENERATED FILE **/
2378
2375
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -2449,6 +2446,18 @@
2449
2446
  }
2450
2447
 
2451
2448
  /* stylelint-enable no-descending-specificity */
2449
+ .Focusable-module_focusableWrapper__zd-5E {
2450
+ display: inline-flex;
2451
+ }
2452
+ /** THIS IS AN AUTOGENERATED FILE **/
2453
+ .LabelledMessage-module_labelledMessage__8hqzY {
2454
+ display: inline-flex;
2455
+ white-space: nowrap;
2456
+ }
2457
+
2458
+ .LabelledMessage-module_labelSeparator__f3zFN {
2459
+ margin-inline-end: var(--spacing-6, 0.375rem);
2460
+ }
2452
2461
  /** THIS IS AN AUTOGENERATED FILE **/
2453
2462
  /** THIS IS AN AUTOGENERATED FILE **/
2454
2463
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -2512,15 +2521,6 @@
2512
2521
  color: var(--color-purple-800, #2f2438);
2513
2522
  }
2514
2523
  /** THIS IS AN AUTOGENERATED FILE **/
2515
- .LabelledMessage-module_labelledMessage__8hqzY {
2516
- display: inline-flex;
2517
- white-space: nowrap;
2518
- }
2519
-
2520
- .LabelledMessage-module_labelSeparator__f3zFN {
2521
- margin-inline-end: var(--spacing-6, 0.375rem);
2522
- }
2523
- /** THIS IS AN AUTOGENERATED FILE **/
2524
2524
  .MultiSelect-module_toggleContainer__AxNnf {
2525
2525
  margin-top: var(--spacing-6, 0.375rem);
2526
2526
  }
@@ -2531,87 +2531,6 @@
2531
2531
  /** THIS IS AN AUTOGENERATED FILE **/
2532
2532
  /** THIS IS AN AUTOGENERATED FILE **/
2533
2533
  /** THIS IS AN AUTOGENERATED FILE **/
2534
- /** THIS IS AN AUTOGENERATED FILE **/
2535
- .Label-module_label__Dmp7q {
2536
- --icon-vertical-align: text-bottom;
2537
- }
2538
-
2539
- .Label-module_label__Dmp7q,
2540
- .ideal-sans .Label-module_label__Dmp7q {
2541
- opacity: inherit;
2542
- color: var(--color-purple-800, #2f2438);
2543
- visibility: visible;
2544
- width: 100%;
2545
- text-align: start;
2546
- }
2547
-
2548
- .Label-module_reversed__n6Q4r {
2549
- color: var(--color-white, #ffffff);
2550
- }
2551
- .Label-module_reversed__n6Q4r a {
2552
- color: var(--color-white, #ffffff);
2553
- }
2554
- .Label-module_reversed__n6Q4r a:hover {
2555
- text-decoration: none;
2556
- }
2557
-
2558
- .Label-module_disabled__qOB4e {
2559
- opacity: 30%;
2560
- }
2561
-
2562
- .Label-module_text__LUnIh,
2563
- .ideal-sans .Label-module_text__LUnIh {
2564
- font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2565
- font-size: var(--typography-heading-6-font-size, 0.875rem);
2566
- line-height: var(--typography-heading-6-line-height, 1.5rem);
2567
- letter-spacing: var(--typography-heading-6-letter-spacing, normal);
2568
- font-weight: var(--typography-heading-6-font-weight, 600);
2569
- }
2570
-
2571
- .Label-module_radio__-Iu-D, .Label-module_checkbox__Fhjww {
2572
- display: flex;
2573
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2574
- font-size: var(--typography-paragraph-body-font-size, 1rem);
2575
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
2576
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
2577
- font-weight: var(--typography-paragraph-body-font-weight, 400);
2578
- }
2579
-
2580
- .Label-module_toggle__4tyKF {
2581
- display: flex;
2582
- justify-content: space-between;
2583
- align-items: center;
2584
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2585
- font-size: var(--typography-paragraph-body-font-size, 1rem);
2586
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
2587
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
2588
- font-weight: var(--typography-paragraph-body-font-weight, 400);
2589
- }
2590
-
2591
- .Label-module_checkbox__Fhjww .Label-module_prependedLabel__pdsEt,
2592
- .Label-module_radio__-Iu-D .Label-module_prependedLabel__pdsEt,
2593
- .Label-module_toggle__4tyKF .Label-module_prependedLabel__pdsEt {
2594
- order: -1;
2595
- margin-inline-end: var(--spacing-xs, 0.375rem);
2596
- }
2597
- .Label-module_checkbox__Fhjww .Label-module_appendedLabel__-OHis,
2598
- .Label-module_radio__-Iu-D .Label-module_appendedLabel__-OHis,
2599
- .Label-module_toggle__4tyKF .Label-module_appendedLabel__-OHis {
2600
- margin-inline-start: var(--spacing-xs, 0.375rem);
2601
- }
2602
-
2603
- .Label-module_prominent__SPdrr {
2604
- font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2605
- font-weight: var(--typography-heading-4-font-weight, 600);
2606
- font-size: var(--typography-heading-4-font-size, 1.125rem);
2607
- line-height: var(--typography-heading-4-line-height, 1.5rem);
2608
- letter-spacing: var(--typography-heading-4-letter-spacing, normal);
2609
- display: block;
2610
- margin-bottom: var(--spacing-xs, 0.375rem);
2611
- }
2612
- /** THIS IS AN AUTOGENERATED FILE **/
2613
- /** THIS IS AN AUTOGENERATED FILE **/
2614
- /** THIS IS AN AUTOGENERATED FILE **/
2615
2534
  /* stylelint-disable no-descending-specificity */
2616
2535
  @keyframes LikertScaleLegacy-module_pop__hTH48 {
2617
2536
  0% {
@@ -2874,85 +2793,210 @@
2874
2793
  /* stylelint-enable no-descending-specificity */
2875
2794
  /** THIS IS AN AUTOGENERATED FILE **/
2876
2795
  /** THIS IS AN AUTOGENERATED FILE **/
2877
- .Popover-module_root__OrmwT {
2878
- width: 220px;
2879
- position: absolute;
2880
- left: 50%;
2796
+ /** THIS IS AN AUTOGENERATED FILE **/
2797
+ /** THIS IS AN AUTOGENERATED FILE **/
2798
+ .Label-module_label__Dmp7q {
2799
+ --icon-vertical-align: text-bottom;
2881
2800
  }
2882
2801
 
2883
- .Popover-module_cautionaryBox__n7c9G, .Popover-module_negativeBox__dS4tj, .Popover-module_positiveBox__fUR-4, .Popover-module_informativeBox__c0Pen, .Popover-module_defaultBox__X9FWm {
2884
- --border-width: var(--border-width-1);
2885
- border: var(--border-width) var(--border-solid-border-style);
2886
- filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.1));
2887
- border-radius: var(--border-solid-border-radius, 7px);
2802
+ .Label-module_label__Dmp7q,
2803
+ .ideal-sans .Label-module_label__Dmp7q {
2804
+ opacity: inherit;
2888
2805
  color: var(--color-purple-800, #2f2438);
2806
+ visibility: visible;
2807
+ width: 100%;
2889
2808
  text-align: start;
2890
- padding-block: calc(var(--spacing-12) - var(--border-width)) calc(var(--spacing-16) - var(--border-width));
2891
- padding-inline: calc(var(--spacing-16) - var(--border-width));
2892
- }
2893
-
2894
- .Popover-module_defaultBox__X9FWm {
2895
- background: var(--color-white);
2896
- border-color: var(--color-gray-500);
2897
2809
  }
2898
2810
 
2899
- .Popover-module_defaultArrow__6rN-3 {
2900
- /* The white fill of the triangle */
2901
- }
2902
- .Popover-module_defaultArrow__6rN-3::before, .Popover-module_defaultArrow__6rN-3::after {
2903
- content: "";
2904
- position: absolute;
2905
- border-left: calc(14px / 2) solid transparent;
2906
- border-right: calc(14px / 2) solid transparent;
2907
- top: 0;
2908
- left: 0;
2811
+ .Label-module_reversed__n6Q4r {
2812
+ color: var(--color-white, #ffffff);
2909
2813
  }
2910
- .Popover-module_defaultArrow__6rN-3::before {
2911
- border-top: 7px solid var(--color-gray-500);
2814
+ .Label-module_reversed__n6Q4r a {
2815
+ color: var(--color-white, #ffffff);
2912
2816
  }
2913
- .Popover-module_defaultArrow__6rN-3::after {
2914
- border-top: 7px solid var(--color-white);
2915
- margin-top: -1.5px;
2916
- z-index: 1;
2817
+ .Label-module_reversed__n6Q4r a:hover {
2818
+ text-decoration: none;
2917
2819
  }
2918
2820
 
2919
- .Popover-module_informativeBox__c0Pen {
2920
- background: var(--color-blue-100, #e6f6ff);
2921
- border-color: var(--color-blue-400);
2821
+ .Label-module_disabled__qOB4e {
2822
+ opacity: 30%;
2922
2823
  }
2923
2824
 
2924
- .Popover-module_informativeArrow__ZWiUz {
2925
- /* The white fill of the triangle */
2926
- }
2927
- .Popover-module_informativeArrow__ZWiUz::before, .Popover-module_informativeArrow__ZWiUz::after {
2928
- content: "";
2929
- position: absolute;
2930
- border-left: calc(14px / 2) solid transparent;
2931
- border-right: calc(14px / 2) solid transparent;
2932
- top: 0;
2933
- left: 0;
2934
- }
2935
- .Popover-module_informativeArrow__ZWiUz::before {
2936
- border-top: 7px solid var(--color-blue-400);
2825
+ .Label-module_text__LUnIh,
2826
+ .ideal-sans .Label-module_text__LUnIh {
2827
+ font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2828
+ font-size: var(--typography-heading-6-font-size, 0.875rem);
2829
+ line-height: var(--typography-heading-6-line-height, 1.5rem);
2830
+ letter-spacing: var(--typography-heading-6-letter-spacing, normal);
2831
+ font-weight: var(--typography-heading-6-font-weight, 600);
2937
2832
  }
2938
- .Popover-module_informativeArrow__ZWiUz::after {
2939
- border-top: 7px solid var(--color-blue-100, #e6f6ff);
2940
- margin-top: -1.5px;
2941
- z-index: 1;
2833
+
2834
+ .Label-module_radio__-Iu-D, .Label-module_checkbox__Fhjww {
2835
+ display: flex;
2836
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2837
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
2838
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
2839
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
2840
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
2942
2841
  }
2943
2842
 
2944
- .Popover-module_positiveBox__fUR-4 {
2945
- background: var(--color-green-100, #e8f8f4);
2946
- border-color: var(--color-green-500);
2843
+ .Label-module_toggle__4tyKF {
2844
+ display: flex;
2845
+ justify-content: space-between;
2846
+ align-items: center;
2847
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2848
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
2849
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
2850
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
2851
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
2947
2852
  }
2948
2853
 
2949
- .Popover-module_positiveArrow__ApDyE {
2950
- /* The white fill of the triangle */
2854
+ .Label-module_checkbox__Fhjww .Label-module_prependedLabel__pdsEt,
2855
+ .Label-module_radio__-Iu-D .Label-module_prependedLabel__pdsEt,
2856
+ .Label-module_toggle__4tyKF .Label-module_prependedLabel__pdsEt {
2857
+ order: -1;
2858
+ margin-inline-end: var(--spacing-xs, 0.375rem);
2951
2859
  }
2952
- .Popover-module_positiveArrow__ApDyE::before, .Popover-module_positiveArrow__ApDyE::after {
2953
- content: "";
2954
- position: absolute;
2955
- border-left: calc(14px / 2) solid transparent;
2860
+ .Label-module_checkbox__Fhjww .Label-module_appendedLabel__-OHis,
2861
+ .Label-module_radio__-Iu-D .Label-module_appendedLabel__-OHis,
2862
+ .Label-module_toggle__4tyKF .Label-module_appendedLabel__-OHis {
2863
+ margin-inline-start: var(--spacing-xs, 0.375rem);
2864
+ }
2865
+
2866
+ .Label-module_prominent__SPdrr {
2867
+ font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
2868
+ font-weight: var(--typography-heading-4-font-weight, 600);
2869
+ font-size: var(--typography-heading-4-font-size, 1.125rem);
2870
+ line-height: var(--typography-heading-4-line-height, 1.5rem);
2871
+ letter-spacing: var(--typography-heading-4-letter-spacing, normal);
2872
+ display: block;
2873
+ margin-bottom: var(--spacing-xs, 0.375rem);
2874
+ }
2875
+ /** THIS IS AN AUTOGENERATED FILE **/
2876
+ /** THIS IS AN AUTOGENERATED FILE **/
2877
+ /** THIS IS AN AUTOGENERATED FILE **/
2878
+ .Pagination-module_container__JHnDH {
2879
+ display: flex;
2880
+ align-items: center;
2881
+ justify-content: center;
2882
+ }
2883
+
2884
+ .Pagination-module_pagesIndicatorWrapper__taluU {
2885
+ display: flex;
2886
+ flex-direction: row;
2887
+ justify-content: space-around;
2888
+ }
2889
+
2890
+ .Pagination-module_arrowIconWrapper__RMTET {
2891
+ height: 36px;
2892
+ width: 36px;
2893
+ border-radius: 18px;
2894
+ display: flex;
2895
+ align-items: center;
2896
+ justify-content: center;
2897
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-300, #73c0e8);
2898
+ margin: 0 5px;
2899
+ background-color: transparent;
2900
+ color: var(--color-blue-500, #0168b3);
2901
+ box-sizing: border-box;
2902
+ }
2903
+ .Pagination-module_arrowIconWrapper__RMTET:disabled {
2904
+ opacity: 35%;
2905
+ pointer-events: none;
2906
+ }
2907
+ .Pagination-module_arrowIconWrapper__RMTET:hover {
2908
+ background-color: var(--color-blue-100, #e6f6ff);
2909
+ }
2910
+ .Pagination-module_arrowIconWrapper__RMTET:focus {
2911
+ background-color: var(--color-blue-200, #bde2f5);
2912
+ }
2913
+ .Pagination-module_arrowIconWrapper__RMTET:focus:focus-visible {
2914
+ outline: none;
2915
+ }
2916
+ .Pagination-module_arrowIconWrapper__RMTET:focus .Pagination-module_pageIndicatorFocusRing__57ku4 {
2917
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
2918
+ }
2919
+ /** THIS IS AN AUTOGENERATED FILE **/
2920
+ /** THIS IS AN AUTOGENERATED FILE **/
2921
+ .Popover-module_root__OrmwT {
2922
+ width: 220px;
2923
+ position: absolute;
2924
+ left: 50%;
2925
+ }
2926
+
2927
+ .Popover-module_cautionaryBox__n7c9G, .Popover-module_negativeBox__dS4tj, .Popover-module_positiveBox__fUR-4, .Popover-module_informativeBox__c0Pen, .Popover-module_defaultBox__X9FWm {
2928
+ --border-width: var(--border-width-1);
2929
+ border: var(--border-width) var(--border-solid-border-style);
2930
+ filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.1));
2931
+ border-radius: var(--border-solid-border-radius, 7px);
2932
+ color: var(--color-purple-800, #2f2438);
2933
+ text-align: start;
2934
+ padding-block: calc(var(--spacing-12) - var(--border-width)) calc(var(--spacing-16) - var(--border-width));
2935
+ padding-inline: calc(var(--spacing-16) - var(--border-width));
2936
+ }
2937
+
2938
+ .Popover-module_defaultBox__X9FWm {
2939
+ background: var(--color-white);
2940
+ border-color: var(--color-gray-500);
2941
+ }
2942
+
2943
+ .Popover-module_defaultArrow__6rN-3 {
2944
+ /* The white fill of the triangle */
2945
+ }
2946
+ .Popover-module_defaultArrow__6rN-3::before, .Popover-module_defaultArrow__6rN-3::after {
2947
+ content: "";
2948
+ position: absolute;
2949
+ border-left: calc(14px / 2) solid transparent;
2950
+ border-right: calc(14px / 2) solid transparent;
2951
+ top: 0;
2952
+ left: 0;
2953
+ }
2954
+ .Popover-module_defaultArrow__6rN-3::before {
2955
+ border-top: 7px solid var(--color-gray-500);
2956
+ }
2957
+ .Popover-module_defaultArrow__6rN-3::after {
2958
+ border-top: 7px solid var(--color-white);
2959
+ margin-top: -1.5px;
2960
+ z-index: 1;
2961
+ }
2962
+
2963
+ .Popover-module_informativeBox__c0Pen {
2964
+ background: var(--color-blue-100, #e6f6ff);
2965
+ border-color: var(--color-blue-400);
2966
+ }
2967
+
2968
+ .Popover-module_informativeArrow__ZWiUz {
2969
+ /* The white fill of the triangle */
2970
+ }
2971
+ .Popover-module_informativeArrow__ZWiUz::before, .Popover-module_informativeArrow__ZWiUz::after {
2972
+ content: "";
2973
+ position: absolute;
2974
+ border-left: calc(14px / 2) solid transparent;
2975
+ border-right: calc(14px / 2) solid transparent;
2976
+ top: 0;
2977
+ left: 0;
2978
+ }
2979
+ .Popover-module_informativeArrow__ZWiUz::before {
2980
+ border-top: 7px solid var(--color-blue-400);
2981
+ }
2982
+ .Popover-module_informativeArrow__ZWiUz::after {
2983
+ border-top: 7px solid var(--color-blue-100, #e6f6ff);
2984
+ margin-top: -1.5px;
2985
+ z-index: 1;
2986
+ }
2987
+
2988
+ .Popover-module_positiveBox__fUR-4 {
2989
+ background: var(--color-green-100, #e8f8f4);
2990
+ border-color: var(--color-green-500);
2991
+ }
2992
+
2993
+ .Popover-module_positiveArrow__ApDyE {
2994
+ /* The white fill of the triangle */
2995
+ }
2996
+ .Popover-module_positiveArrow__ApDyE::before, .Popover-module_positiveArrow__ApDyE::after {
2997
+ content: "";
2998
+ position: absolute;
2999
+ border-left: calc(14px / 2) solid transparent;
2956
3000
  border-right: calc(14px / 2) solid transparent;
2957
3001
  top: 0;
2958
3002
  left: 0;
@@ -3143,50 +3187,6 @@
3143
3187
  /* stylelint-enable no-descending-specificity */
3144
3188
  /** THIS IS AN AUTOGENERATED FILE **/
3145
3189
  /** THIS IS AN AUTOGENERATED FILE **/
3146
- /** THIS IS AN AUTOGENERATED FILE **/
3147
- .Pagination-module_container__JHnDH {
3148
- display: flex;
3149
- align-items: center;
3150
- justify-content: center;
3151
- }
3152
-
3153
- .Pagination-module_pagesIndicatorWrapper__taluU {
3154
- display: flex;
3155
- flex-direction: row;
3156
- justify-content: space-around;
3157
- }
3158
-
3159
- .Pagination-module_arrowIconWrapper__RMTET {
3160
- height: 36px;
3161
- width: 36px;
3162
- border-radius: 18px;
3163
- display: flex;
3164
- align-items: center;
3165
- justify-content: center;
3166
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-300, #73c0e8);
3167
- margin: 0 5px;
3168
- background-color: transparent;
3169
- color: var(--color-blue-500, #0168b3);
3170
- box-sizing: border-box;
3171
- }
3172
- .Pagination-module_arrowIconWrapper__RMTET:disabled {
3173
- opacity: 35%;
3174
- pointer-events: none;
3175
- }
3176
- .Pagination-module_arrowIconWrapper__RMTET:hover {
3177
- background-color: var(--color-blue-100, #e6f6ff);
3178
- }
3179
- .Pagination-module_arrowIconWrapper__RMTET:focus {
3180
- background-color: var(--color-blue-200, #bde2f5);
3181
- }
3182
- .Pagination-module_arrowIconWrapper__RMTET:focus:focus-visible {
3183
- outline: none;
3184
- }
3185
- .Pagination-module_arrowIconWrapper__RMTET:focus .Pagination-module_pageIndicatorFocusRing__57ku4 {
3186
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
3187
- }
3188
- /** THIS IS AN AUTOGENERATED FILE **/
3189
- /** THIS IS AN AUTOGENERATED FILE **/
3190
3190
  .ProgressBar-module_subtext__eizyu {
3191
3191
  color: var(--color-purple-800, #2f2438);
3192
3192
  padding-top: var(--spacing-6, 0.375rem);
@@ -5530,6 +5530,18 @@
5530
5530
  fill: var(--color-white, #ffffff);
5531
5531
  }
5532
5532
  /** THIS IS AN AUTOGENERATED FILE **/
5533
+ .CalendarSingle-module_nav__wSVua {
5534
+ position: absolute;
5535
+ display: flex;
5536
+ justify-content: space-between;
5537
+ width: 100%;
5538
+ color: var(--color-purple-800, #2f2438);
5539
+ }
5540
+
5541
+ .CalendarSingle-module_navButtonNext__-GrZx {
5542
+ inset-inline-end: 0;
5543
+ }
5544
+ /** THIS IS AN AUTOGENERATED FILE **/
5533
5545
  /** THIS IS AN AUTOGENERATED FILE **/
5534
5546
  /** THIS IS AN AUTOGENERATED FILE **/
5535
5547
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -5640,18 +5652,6 @@
5640
5652
  color: var(--color-blue-500, #0168b3);
5641
5653
  }
5642
5654
  /** THIS IS AN AUTOGENERATED FILE **/
5643
- .CalendarSingle-module_nav__wSVua {
5644
- position: absolute;
5645
- display: flex;
5646
- justify-content: space-between;
5647
- width: 100%;
5648
- color: var(--color-purple-800, #2f2438);
5649
- }
5650
-
5651
- .CalendarSingle-module_navButtonNext__-GrZx {
5652
- inset-inline-end: 0;
5653
- }
5654
- /** THIS IS AN AUTOGENERATED FILE **/
5655
5655
  /** THIS IS AN AUTOGENERATED FILE **/
5656
5656
  /** THIS IS AN AUTOGENERATED FILE **/
5657
5657
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -5850,6 +5850,19 @@
5850
5850
  }
5851
5851
  /* stylelint-enable no-descending-specificity */
5852
5852
  /** THIS IS AN AUTOGENERATED FILE **/
5853
+ .CheckboxGroup-module_checkboxGroupLabel__a9Iet {
5854
+ margin-bottom: var(--spacing-sm, 0.75rem);
5855
+ }
5856
+
5857
+ .CheckboxGroup-module_checkboxGroupContainer__NTUWc {
5858
+ display: flex;
5859
+ flex-direction: column;
5860
+ margin-bottom: var(--spacing-sm, 0.75rem);
5861
+ }
5862
+ .CheckboxGroup-module_checkboxGroupContainer__NTUWc.CheckboxGroup-module_noBottomMargin__J7ADb {
5863
+ margin-bottom: 0;
5864
+ }
5865
+ /** THIS IS AN AUTOGENERATED FILE **/
5853
5866
  /** THIS IS AN AUTOGENERATED FILE **/
5854
5867
  /** THIS IS AN AUTOGENERATED FILE **/
5855
5868
  /* stylelint-disable no-descending-specificity */
@@ -5997,19 +6010,6 @@
5997
6010
  margin: 0;
5998
6011
  }
5999
6012
  /** THIS IS AN AUTOGENERATED FILE **/
6000
- .CheckboxGroup-module_checkboxGroupLabel__a9Iet {
6001
- margin-bottom: var(--spacing-sm, 0.75rem);
6002
- }
6003
-
6004
- .CheckboxGroup-module_checkboxGroupContainer__NTUWc {
6005
- display: flex;
6006
- flex-direction: column;
6007
- margin-bottom: var(--spacing-sm, 0.75rem);
6008
- }
6009
- .CheckboxGroup-module_checkboxGroupContainer__NTUWc.CheckboxGroup-module_noBottomMargin__J7ADb {
6010
- margin-bottom: 0;
6011
- }
6012
- /** THIS IS AN AUTOGENERATED FILE **/
6013
6013
  /** THIS IS AN AUTOGENERATED FILE **/
6014
6014
  /** THIS IS AN AUTOGENERATED FILE **/
6015
6015
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -6145,86 +6145,11 @@
6145
6145
  }
6146
6146
  /** THIS IS AN AUTOGENERATED FILE **/
6147
6147
  /** THIS IS AN AUTOGENERATED FILE **/
6148
- .CollapsibleGroup-module_container__EjMRg {
6149
- background-color: white;
6150
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
6151
- border: var(--border-width-1) var(--border-solid-border-style) var(--color-gray-500);
6152
- border-radius: var(--border-borderless-border-radius, 7px);
6153
- }
6154
- /** THIS IS AN AUTOGENERATED FILE **/
6155
- .DateInputDescription-module_dateInputDescription__dEWv8 {
6156
- display: inline;
6157
- }
6158
-
6159
- .DateInputDescription-module_dateInputFormatContainer__U-zur {
6160
- margin-inline-start: var(--spacing-xs, 0.375rem);
6161
- white-space: nowrap;
6162
- }
6163
-
6164
- .DateInputDescription-module_descriptionInputFormat__rQ-Z5 {
6165
- display: inline-flex;
6166
- white-space: nowrap;
6167
- }
6168
-
6169
- .DateInputDescription-module_labelSeparator__L7Be4 {
6170
- margin-inline-end: var(--spacing-xs, 0.375rem);
6171
- }
6172
- /** THIS IS AN AUTOGENERATED FILE **/
6173
- .DateInput-module_dateInput__f0Rs6 {
6174
- width: 100%;
6175
- }
6176
-
6177
- .DateInput-module_input__lVV0- {
6178
- margin-top: var(--spacing-6, 0.375rem);
6179
- }
6180
- /** THIS IS AN AUTOGENERATED FILE **/
6181
- /** THIS IS AN AUTOGENERATED FILE **/
6182
- /** THIS IS AN AUTOGENERATED FILE **/
6183
- .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4 {
6184
- background-color: var(--color-purple-100, #f4edf8);
6185
- border: var(--border-width-1) var(--border-solid-border-style) var(--color-purple-400);
6186
- box-shadow: none;
6187
- color: var(--color-purple-800, #2f2438);
6188
- }
6189
- .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4:hover {
6190
- border-color: var(--color-purple-500, #844587);
6191
- }
6192
-
6193
- .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4 > div:first-of-type {
6194
- background-color: var(--color-purple-100, #f4edf8);
6195
- border-radius: var(--border-borderless-border-radius, 7px);
6196
- }
6197
-
6198
- .ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc {
6199
- background-color: var(--color-purple-100, #f4edf8);
6200
- flex: 1 1 auto;
6201
- align-items: center;
6202
- display: flex;
6203
- }
6204
-
6205
- .ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh {
6206
- color: var(--color-purple-600, #5f3361);
6207
- }
6208
- .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4:hover .ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh {
6209
- color: var(--color-purple-700, #4a234d);
6210
- }
6211
-
6212
- .ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR {
6213
- margin-inline-end: var(--spacing-sm, 0.75rem);
6214
- width: 1.75rem;
6215
- height: 1.75rem;
6216
- }
6217
-
6218
- .ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR {
6219
- padding: 0 var(--spacing-md, 1.5rem) var(--spacing-md, 1.5rem);
6220
- }
6221
- /** THIS IS AN AUTOGENERATED FILE **/
6222
- /** THIS IS AN AUTOGENERATED FILE **/
6223
- /** THIS IS AN AUTOGENERATED FILE **/
6224
- /** THIS IS AN AUTOGENERATED FILE **/
6225
- /** THIS IS AN AUTOGENERATED FILE **/
6226
- .Collapsible-module_container__EBC1U {
6227
- background-color: var(--color-white, #ffffff);
6148
+ /** THIS IS AN AUTOGENERATED FILE **/
6149
+ /** THIS IS AN AUTOGENERATED FILE **/
6150
+ /** THIS IS AN AUTOGENERATED FILE **/
6151
+ .Collapsible-module_container__EBC1U {
6152
+ background-color: var(--color-white, #ffffff);
6228
6153
  box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
6229
6154
  border: var(--border-width-1) var(--border-solid-border-style) var(--color-gray-500);
6230
6155
  border-radius: var(--border-borderless-border-radius, 7px);
@@ -6307,6 +6232,81 @@
6307
6232
  display: none;
6308
6233
  }
6309
6234
  /** THIS IS AN AUTOGENERATED FILE **/
6235
+ /** THIS IS AN AUTOGENERATED FILE **/
6236
+ /** THIS IS AN AUTOGENERATED FILE **/
6237
+ .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4 {
6238
+ background-color: var(--color-purple-100, #f4edf8);
6239
+ border: var(--border-width-1) var(--border-solid-border-style) var(--color-purple-400);
6240
+ box-shadow: none;
6241
+ color: var(--color-purple-800, #2f2438);
6242
+ }
6243
+ .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4:hover {
6244
+ border-color: var(--color-purple-500, #844587);
6245
+ }
6246
+
6247
+ .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4 > div:first-of-type {
6248
+ background-color: var(--color-purple-100, #f4edf8);
6249
+ border-radius: var(--border-borderless-border-radius, 7px);
6250
+ }
6251
+
6252
+ .ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc {
6253
+ background-color: var(--color-purple-100, #f4edf8);
6254
+ flex: 1 1 auto;
6255
+ align-items: center;
6256
+ display: flex;
6257
+ }
6258
+
6259
+ .ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh {
6260
+ color: var(--color-purple-600, #5f3361);
6261
+ }
6262
+ .ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4:hover .ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh {
6263
+ color: var(--color-purple-700, #4a234d);
6264
+ }
6265
+
6266
+ .ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR {
6267
+ margin-inline-end: var(--spacing-sm, 0.75rem);
6268
+ width: 1.75rem;
6269
+ height: 1.75rem;
6270
+ }
6271
+
6272
+ .ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR {
6273
+ padding: 0 var(--spacing-md, 1.5rem) var(--spacing-md, 1.5rem);
6274
+ }
6275
+ /** THIS IS AN AUTOGENERATED FILE **/
6276
+ /** THIS IS AN AUTOGENERATED FILE **/
6277
+ .CollapsibleGroup-module_container__EjMRg {
6278
+ background-color: white;
6279
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
6280
+ border: var(--border-width-1) var(--border-solid-border-style) var(--color-gray-500);
6281
+ border-radius: var(--border-borderless-border-radius, 7px);
6282
+ }
6283
+ /** THIS IS AN AUTOGENERATED FILE **/
6284
+ .DateInput-module_dateInput__f0Rs6 {
6285
+ width: 100%;
6286
+ }
6287
+
6288
+ .DateInput-module_input__lVV0- {
6289
+ margin-top: var(--spacing-6, 0.375rem);
6290
+ }
6291
+ /** THIS IS AN AUTOGENERATED FILE **/
6292
+ .DateInputDescription-module_dateInputDescription__dEWv8 {
6293
+ display: inline;
6294
+ }
6295
+
6296
+ .DateInputDescription-module_dateInputFormatContainer__U-zur {
6297
+ margin-inline-start: var(--spacing-xs, 0.375rem);
6298
+ white-space: nowrap;
6299
+ }
6300
+
6301
+ .DateInputDescription-module_descriptionInputFormat__rQ-Z5 {
6302
+ display: inline-flex;
6303
+ white-space: nowrap;
6304
+ }
6305
+
6306
+ .DateInputDescription-module_labelSeparator__L7Be4 {
6307
+ margin-inline-end: var(--spacing-xs, 0.375rem);
6308
+ }
6309
+ /** THIS IS AN AUTOGENERATED FILE **/
6310
6310
  .LegacyCalendarRange-module_nav__DsZpy {
6311
6311
  position: absolute;
6312
6312
  display: flex;
@@ -6520,15 +6520,101 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6520
6520
  /** THIS IS AN AUTOGENERATED FILE **/
6521
6521
  /** THIS IS AN AUTOGENERATED FILE **/
6522
6522
  /** THIS IS AN AUTOGENERATED FILE **/
6523
+ /* stylelint-disable */
6524
+ /* stylelint-enable */
6525
+ /* prettier-ignore */
6526
+ /* stylelint-disable */
6527
+ /* stylelint-enable */
6528
+ /* prettier-ignore */
6529
+ /* stylelint-disable */
6530
+ /* stylelint-enable */
6531
+ /* prettier-ignore */
6532
+ /* stylelint-disable */
6533
+ /* stylelint-enable */
6534
+ /* prettier-ignore */
6535
+ /* stylelint-disable scss/at-if-no-null */
6536
+ /* stylelint-enable scss/at-if-no-null */
6537
+ /** THIS IS AN AUTOGENERATED FILE **/
6538
+ /** THIS IS AN AUTOGENERATED FILE **/
6539
+ /** THIS IS AN AUTOGENERATED FILE **/
6540
+ /** THIS IS AN AUTOGENERATED FILE **/
6541
+ /** THIS IS AN AUTOGENERATED FILE **/
6542
+ /* stylelint-disable */
6543
+ /* stylelint-enable */
6544
+ /* prettier-ignore */
6545
+ /* stylelint-disable */
6546
+ /* stylelint-enable */
6547
+ /* prettier-ignore */
6548
+ /* prettier-ignore */
6549
+ /** THIS IS AN AUTOGENERATED FILE **/
6550
+ /** THIS IS AN AUTOGENERATED FILE **/
6551
+ /* stylelint-disable function-name-case, scss/at-function-pattern */
6552
+ /* stylelint-enable function-name-case, scss/at-function-pattern */
6553
+ /* prettier-ignore */
6554
+ /* prettier-ignore */
6555
+ /* prettier-ignore */
6556
+ /* prettier-ignore */
6557
+ /* prettier-ignore */
6558
+ /* prettier-ignore */
6559
+ .DateInputWithIconButton-module_iconButton__W7YMX {
6560
+ appearance: none;
6561
+ display: inline;
6562
+ background: transparent;
6563
+ color: inherit;
6564
+ font: inherit;
6565
+ margin: 0;
6566
+ padding: 0;
6567
+ border: none;
6568
+ display: flex;
6569
+ padding: var(--spacing-6);
6570
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6571
+ border-radius: var(--border-solid-border-radius, 7px);
6572
+ position: relative;
6573
+ inset-inline-end: -0.35rem;
6574
+ top: -40%;
6575
+ }
6576
+ .DateInputWithIconButton-module_iconButton__W7YMX :focus {
6577
+ outline: none;
6578
+ }
6579
+ .DateInputWithIconButton-module_iconButton__W7YMX:focus-visible {
6580
+ outline-offset: -2px;
6581
+ outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
6582
+ }
6583
+ .DateInputWithIconButton-module_iconButton__W7YMX:hover:not([disabled]) {
6584
+ background-color: var(--color-blue-100, #e6f6ff);
6585
+ color: var(--color-blue-500, #0168b3);
6586
+ }
6587
+
6588
+ .DateInputWithIconButton-module_calendarActive__b2Vze {
6589
+ color: var(--color-blue-500, #0168b3);
6590
+ background-color: var(--color-blue-100, #e6f6ff);
6591
+ }
6592
+
6593
+ .DateInputWithIconButton-module_disabled__0IRHh {
6594
+ opacity: 0.3;
6595
+ }
6596
+ /** THIS IS AN AUTOGENERATED FILE **/
6597
+ /** THIS IS AN AUTOGENERATED FILE **/
6598
+ /** THIS IS AN AUTOGENERATED FILE **/
6599
+ /** THIS IS AN AUTOGENERATED FILE **/
6523
6600
  /** THIS IS AN AUTOGENERATED FILE **/
6524
6601
  /** THIS IS AN AUTOGENERATED FILE **/
6525
6602
  /** THIS IS AN AUTOGENERATED FILE **/
6526
6603
  /* stylelint-disable selector-no-vendor-prefix */
6527
- .InputSearch-module_wrapper__xz4kh {
6604
+ .Input-module_wrapper__9jBDN {
6528
6605
  position: relative;
6529
6606
  }
6607
+ .Input-module_wrapper__9jBDN.Input-module_hasStatus__GjERD {
6608
+ z-index: 1;
6609
+ }
6610
+ .Input-module_wrapper__9jBDN:hover {
6611
+ z-index: 2;
6612
+ }
6613
+ .Input-module_wrapper__9jBDN:focus-within {
6614
+ z-index: 3;
6615
+ }
6530
6616
 
6531
- .InputSearch-module_input__hCit3[type=search] {
6617
+ .Input-module_input__d-Moh {
6532
6618
  outline: 0;
6533
6619
  box-sizing: border-box;
6534
6620
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
@@ -6537,18 +6623,19 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6537
6623
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6538
6624
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6539
6625
  position: static;
6540
- display: flex;
6541
- align-items: center;
6542
- height: 48px;
6543
- width: 100%;
6626
+ background-color: transparent;
6627
+ background-clip: padding-box;
6544
6628
  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6545
- border-radius: 48px;
6546
- padding-block: 0;
6547
- padding-inline: calc(1rem + 1.25rem + var(--spacing-sm, 0.75rem)) var(--spacing-sm, 0.75rem);
6629
+ border-radius: var(--border-solid-border-radius, 7px);
6630
+ display: block;
6548
6631
  font-size: 1rem;
6549
6632
  line-height: 1.5;
6633
+ padding: 0 var(--spacing-sm, 0.75rem);
6634
+ height: 48px;
6635
+ width: 100%;
6636
+ margin-bottom: 2px;
6550
6637
  }
6551
- .InputSearch-module_input__hCit3[type=search]::placeholder {
6638
+ .Input-module_input__d-Moh::placeholder {
6552
6639
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6553
6640
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6554
6641
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6557,13 +6644,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6557
6644
  position: static;
6558
6645
  opacity: 100%;
6559
6646
  }
6560
- .InputSearch-module_input__hCit3[type=search]::-webkit-search-cancel-button {
6561
- -webkit-appearance: none;
6562
- }
6563
- .InputSearch-module_hasEndIconAdornment__ZtGcu .InputSearch-module_input__hCit3[type=search] {
6564
- padding-inline-end: calc(var(--spacing-sm, 0.75rem) + 1.25rem + var(--spacing-sm, 0.75rem));
6565
- }
6566
- .InputSearch-module_input__hCit3[type=search]:focus::placeholder, .InputSearch-module_input__hCit3[type=search]:hover::placeholder {
6647
+ .Input-module_input__d-Moh:focus:not([disabled])::placeholder, .Input-module_input__d-Moh:hover:focus:not([disabled])::placeholder {
6567
6648
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6568
6649
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6569
6650
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6572,90 +6653,114 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6572
6653
  position: static;
6573
6654
  opacity: 0%;
6574
6655
  }
6575
-
6576
- .InputSearch-module_input__hCit3[type=search]:focus + .InputSearch-module_focusRing__kDUuP {
6577
- position: absolute;
6656
+ .Input-module_input__d-Moh.Input-module_disabled__CJeOi:not(.Input-module_reversed__Kh7dc) {
6657
+ background: var(--color-gray-300, #eaeaec);
6658
+ }
6659
+ .Input-module_input__d-Moh.Input-module_disabled__CJeOi::placeholder {
6660
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6661
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
6662
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
6663
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6664
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6665
+ position: static;
6666
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
6667
+ }
6668
+
6669
+ .Input-module_input__d-Moh:focus + .Input-module_focusRing__E68jh {
6670
+ position: absolute;
6578
6671
  background: transparent;
6579
- border-radius: 48px;
6672
+ border-radius: var(--border-focus-ring-border-radius, 10px);
6580
6673
  border-width: var(--border-focus-ring-border-width, 2px);
6581
6674
  border-style: var(--border-focus-ring-border-style, solid);
6675
+ border-color: transparent;
6582
6676
  inset: -3px;
6583
6677
  pointer-events: none;
6584
6678
  }
6585
6679
 
6586
- .InputSearch-module_startIconAdornment__Tc7Yx {
6680
+ /* stylelint-disable no-descending-specificity */
6681
+ .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
6587
6682
  position: absolute;
6588
6683
  height: 1.25rem;
6589
6684
  top: 50%;
6590
6685
  transform: translateY(-50%);
6591
6686
  z-index: 1;
6592
- inset-inline-start: 1rem;
6687
+ inset-inline: var(--spacing-sm, 0.75rem) auto;
6593
6688
  }
6594
-
6595
- .InputSearch-module_loadingSpinner__GIO1C {
6596
- margin-top: -2px;
6689
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6690
+ opacity: 0.3;
6691
+ }
6692
+ .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh {
6693
+ padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) var(--spacing-sm, 0.75rem);
6597
6694
  }
6598
6695
 
6599
- .InputSearch-module_endIconAdornment__lm-3h {
6696
+ .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL {
6600
6697
  position: absolute;
6601
6698
  height: 1.25rem;
6602
6699
  top: 50%;
6603
6700
  transform: translateY(-50%);
6604
6701
  z-index: 1;
6605
- inset-inline-end: var(--spacing-sm, 0.75rem);
6702
+ inset-inline: auto var(--spacing-sm, 0.75rem);
6606
6703
  }
6607
-
6608
- .InputSearch-module_disabled__RizfW {
6609
- pointer-events: none;
6704
+ .Input-module_withEndIconAdornment__fSBPl.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL {
6610
6705
  opacity: 0.3;
6611
6706
  }
6707
+ .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
6708
+ padding-inline: var(--spacing-sm, 0.75rem) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
6709
+ }
6612
6710
 
6613
- /* stylelint-disable no-descending-specificity */
6614
- .InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search] {
6615
- border-color: var(--color-gray-500, #878792);
6616
- background-color: var(--color-white, #ffffff);
6617
- color: var(--color-purple-800, #2f2438);
6711
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
6712
+ padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
6618
6713
  }
6619
- .InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::placeholder {
6620
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6621
- font-size: var(--typography-paragraph-body-font-size, 1rem);
6622
- font-weight: var(--typography-paragraph-body-font-weight, 400);
6623
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6624
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6625
- position: static;
6714
+
6715
+ /* stylelint-disable-next-line no-duplicate-selectors */
6716
+ .Input-module_withStartIconAdornment__de6-U {
6717
+ /* stylelint-disable-next-line no-duplicate-selectors */
6718
+ /* stylelint-disable-next-line no-duplicate-selectors */
6719
+ /* stylelint-disable-next-line no-duplicate-selectors */
6720
+ }
6721
+ .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
6626
6722
  color: var(--color-purple-800, #2f2438);
6627
- opacity: 0.7;
6723
+ opacity: 50%;
6628
6724
  }
6629
- .InputSearch-module_default__4d3Ek .InputSearch-module_focusRing__kDUuP {
6630
- border-color: var(--color-blue-500, #0168b3);
6725
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm {
6726
+ /* stylelint-disable-next-line no-duplicate-selectors */
6631
6727
  }
6632
- .InputSearch-module_default__4d3Ek .InputSearch-module_startIconAdornment__Tc7Yx {
6633
- color: var(--color-purple-800, #2f2438);
6634
- opacity: 0.7;
6728
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6729
+ opacity: 30%;
6635
6730
  }
6636
- .InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search] {
6637
- border-color: var(--color-gray-600, #524e56);
6638
- background-color: var(--color-gray-200, #f4f4f5);
6731
+ .Input-module_withStartIconAdornment__de6-U:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b, .Input-module_withStartIconAdornment__de6-U:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b {
6732
+ opacity: 70%;
6639
6733
  }
6640
- .InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::placeholder, .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::placeholder {
6641
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6642
- font-size: var(--typography-paragraph-body-font-size, 1rem);
6643
- font-weight: var(--typography-paragraph-body-font-weight, 400);
6644
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6645
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6646
- position: static;
6734
+
6735
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD .Input-module_startIconAdornment__pnn-b {
6736
+ color: var(--color-white, #ffffff);
6647
6737
  opacity: 100%;
6648
6738
  }
6649
- .InputSearch-module_default__4d3Ek:hover .InputSearch-module_startIconAdornment__Tc7Yx, .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_startIconAdornment__Tc7Yx {
6739
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6740
+ opacity: 30%;
6741
+ }
6742
+ .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b, .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b {
6650
6743
  opacity: 100%;
6651
6744
  }
6652
6745
 
6653
- .InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search] {
6654
- border-color: transparent;
6655
- background-color: var(--color-gray-200, #f4f4f5);
6746
+ .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD .Input-module_endIconAdornment__bg-PL {
6747
+ color: var(--color-white, #ffffff);
6748
+ opacity: 100%;
6749
+ }
6750
+ .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL {
6751
+ opacity: 30%;
6752
+ }
6753
+ .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL, .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL {
6754
+ opacity: 100%;
6755
+ }
6756
+
6757
+ .Input-module_input__d-Moh.Input-module_default__zata3 {
6758
+ background-color: var(--color-white, #ffffff);
6656
6759
  color: var(--color-purple-800, #2f2438);
6760
+ display: flex;
6761
+ align-items: center;
6657
6762
  }
6658
- .InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::placeholder {
6763
+ .Input-module_input__d-Moh.Input-module_default__zata3::placeholder {
6659
6764
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6660
6765
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6661
6766
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6663,37 +6768,55 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6663
6768
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6664
6769
  position: static;
6665
6770
  color: var(--color-purple-800, #2f2438);
6666
- opacity: 0.7;
6771
+ opacity: 0.5;
6667
6772
  }
6668
- .InputSearch-module_secondary__l68uD .InputSearch-module_focusRing__kDUuP {
6669
- border-color: var(--color-blue-500, #0168b3);
6773
+ .Input-module_input__d-Moh.Input-module_default__zata3:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:focus:not([disabled]) {
6774
+ background-color: var(--color-gray-200, #f4f4f5);
6670
6775
  }
6671
- .InputSearch-module_secondary__l68uD .InputSearch-module_startIconAdornment__Tc7Yx {
6672
- color: var(--color-purple-800, #2f2438);
6673
- opacity: 0.7;
6776
+ .Input-module_input__d-Moh.Input-module_default__zata3:focus + .Input-module_focusRing__E68jh {
6777
+ border-color: var(--color-blue-500, #0168b3);
6674
6778
  }
6675
- .InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search] {
6676
- border-color: transparent;
6677
- background-color: var(--color-gray-300, #eaeaec);
6779
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi {
6780
+ background-color: var(--color-white, #ffffff);
6781
+ border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.3);
6782
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
6678
6783
  }
6679
- .InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::placeholder, .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::placeholder {
6784
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi::placeholder {
6680
6785
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6681
6786
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6682
6787
  font-weight: var(--typography-paragraph-body-font-weight, 400);
6683
6788
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6684
6789
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6685
6790
  position: static;
6686
- opacity: 100%;
6791
+ opacity: 0.3;
6687
6792
  }
6688
- .InputSearch-module_secondary__l68uD:hover .InputSearch-module_startIconAdornment__Tc7Yx, .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_startIconAdornment__Tc7Yx {
6689
- opacity: 100%;
6793
+ .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY) {
6794
+ border-color: var(--color-gray-500, #878792);
6795
+ }
6796
+ .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):disabled {
6797
+ border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.3);
6798
+ }
6799
+ .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):focus:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:focus:not([disabled]) {
6800
+ border-color: var(--color-gray-600, #524e56);
6801
+ }
6802
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh {
6803
+ border-color: var(--color-red-500, #c93b55);
6804
+ }
6805
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh.Input-module_disabled__CJeOi {
6806
+ border-color: rgba(var(--color-red-500-rgb, 201, 59, 85), 0.3);
6807
+ }
6808
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY {
6809
+ border-color: var(--color-yellow-600, #c68600);
6810
+ }
6811
+ .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY.Input-module_disabled__CJeOi {
6812
+ border-color: rgba(var(--color-yellow-600-rgb, 198, 134, 0), 0.3);
6690
6813
  }
6691
6814
 
6692
- .InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search] {
6693
- background: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
6815
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc {
6816
+ background: transparent;
6694
6817
  color: var(--color-white, #ffffff);
6695
6818
  }
6696
- .InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::placeholder {
6819
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc::placeholder {
6697
6820
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6698
6821
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6699
6822
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6701,122 +6824,62 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6701
6824
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6702
6825
  position: static;
6703
6826
  color: var(--color-white, #ffffff);
6704
- opacity: 0.8;
6827
+ opacity: 0.5;
6705
6828
  }
6706
- .InputSearch-module_reversed__eS7Nr .InputSearch-module_focusRing__kDUuP {
6829
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:focus:not([disabled]) {
6830
+ background: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
6831
+ }
6832
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus + .Input-module_focusRing__E68jh {
6707
6833
  border-color: var(--color-blue-300, #73c0e8);
6708
6834
  }
6709
- .InputSearch-module_reversed__eS7Nr .InputSearch-module_startIconAdornment__Tc7Yx {
6710
- color: var(--color-white, #ffffff);
6711
- opacity: 0.8;
6835
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY) {
6836
+ border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
6712
6837
  }
6713
- .InputSearch-module_reversed__eS7Nr:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_reversed__eS7Nr:focus-within .InputSearch-module_input__hCit3[type=search] {
6714
- border-color: transparent;
6715
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
6838
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):disabled {
6839
+ border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.3);
6716
6840
  }
6717
- .InputSearch-module_reversed__eS7Nr.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search] {
6718
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
6841
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):focus:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:focus:not([disabled]) {
6842
+ border-color: var(--color-white, #ffffff);
6843
+ }
6844
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi {
6845
+ background: transparent;
6846
+ color: rgba(var(--color-white-rgb, 255, 255, 255), 0.3);
6847
+ }
6848
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi::placeholder {
6849
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6850
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
6851
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
6852
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6853
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6854
+ position: static;
6855
+ opacity: 0.3;
6856
+ }
6857
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh {
6858
+ border-color: var(--color-red-300, #f597a8);
6859
+ }
6860
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh.Input-module_disabled__CJeOi {
6861
+ border-color: rgba(var(--color-red-300-rgb, 245, 151, 168), 0.3);
6862
+ }
6863
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY {
6864
+ border-color: var(--color-yellow-400, #ffca4d);
6865
+ }
6866
+ .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY.Input-module_disabled__CJeOi {
6867
+ border-color: rgba(var(--color-yellow-400-rgb, 255, 202, 77), 0.3);
6719
6868
  }
6720
6869
 
6721
6870
  /* stylelint-enable no-descending-specificity */
6722
6871
  /** THIS IS AN AUTOGENERATED FILE **/
6723
6872
  /** THIS IS AN AUTOGENERATED FILE **/
6724
6873
  /** THIS IS AN AUTOGENERATED FILE **/
6725
- /* stylelint-disable */
6726
- /* stylelint-enable */
6727
- /* prettier-ignore */
6728
- /* stylelint-disable */
6729
- /* stylelint-enable */
6730
- /* prettier-ignore */
6731
- /* stylelint-disable */
6732
- /* stylelint-enable */
6733
- /* prettier-ignore */
6734
- /* stylelint-disable */
6735
- /* stylelint-enable */
6736
- /* prettier-ignore */
6737
- /* stylelint-disable scss/at-if-no-null */
6738
- /* stylelint-enable scss/at-if-no-null */
6739
- /** THIS IS AN AUTOGENERATED FILE **/
6740
- /** THIS IS AN AUTOGENERATED FILE **/
6741
- /** THIS IS AN AUTOGENERATED FILE **/
6742
- /** THIS IS AN AUTOGENERATED FILE **/
6743
- /** THIS IS AN AUTOGENERATED FILE **/
6744
- /* stylelint-disable */
6745
- /* stylelint-enable */
6746
- /* prettier-ignore */
6747
- /* stylelint-disable */
6748
- /* stylelint-enable */
6749
- /* prettier-ignore */
6750
- /* prettier-ignore */
6751
- /** THIS IS AN AUTOGENERATED FILE **/
6752
- /** THIS IS AN AUTOGENERATED FILE **/
6753
- /* stylelint-disable function-name-case, scss/at-function-pattern */
6754
- /* stylelint-enable function-name-case, scss/at-function-pattern */
6755
- /* prettier-ignore */
6756
- /* prettier-ignore */
6757
- /* prettier-ignore */
6758
- /* prettier-ignore */
6759
- /* prettier-ignore */
6760
- /* prettier-ignore */
6761
- .DateInputWithIconButton-module_iconButton__W7YMX {
6762
- appearance: none;
6763
- display: inline;
6764
- background: transparent;
6765
- color: inherit;
6766
- font: inherit;
6767
- margin: 0;
6768
- padding: 0;
6769
- border: none;
6770
- display: flex;
6771
- padding: var(--spacing-6);
6772
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6773
- border-radius: var(--border-solid-border-radius, 7px);
6774
- position: relative;
6775
- inset-inline-end: -0.35rem;
6776
- top: -40%;
6777
- }
6778
- .DateInputWithIconButton-module_iconButton__W7YMX :focus {
6779
- outline: none;
6780
- }
6781
- .DateInputWithIconButton-module_iconButton__W7YMX:focus-visible {
6782
- outline-offset: -2px;
6783
- outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
6784
- }
6785
- .DateInputWithIconButton-module_iconButton__W7YMX:hover:not([disabled]) {
6786
- background-color: var(--color-blue-100, #e6f6ff);
6787
- color: var(--color-blue-500, #0168b3);
6788
- }
6789
-
6790
- .DateInputWithIconButton-module_calendarActive__b2Vze {
6791
- color: var(--color-blue-500, #0168b3);
6792
- background-color: var(--color-blue-100, #e6f6ff);
6793
- }
6794
-
6795
- .DateInputWithIconButton-module_disabled__0IRHh {
6796
- opacity: 0.3;
6797
- }
6798
- /** THIS IS AN AUTOGENERATED FILE **/
6799
- /** THIS IS AN AUTOGENERATED FILE **/
6800
- /** THIS IS AN AUTOGENERATED FILE **/
6801
- /** THIS IS AN AUTOGENERATED FILE **/
6802
6874
  /** THIS IS AN AUTOGENERATED FILE **/
6803
6875
  /** THIS IS AN AUTOGENERATED FILE **/
6804
6876
  /** THIS IS AN AUTOGENERATED FILE **/
6805
6877
  /* stylelint-disable selector-no-vendor-prefix */
6806
- .Input-module_wrapper__9jBDN {
6878
+ .InputSearch-module_wrapper__xz4kh {
6807
6879
  position: relative;
6808
6880
  }
6809
- .Input-module_wrapper__9jBDN.Input-module_hasStatus__GjERD {
6810
- z-index: 1;
6811
- }
6812
- .Input-module_wrapper__9jBDN:hover {
6813
- z-index: 2;
6814
- }
6815
- .Input-module_wrapper__9jBDN:focus-within {
6816
- z-index: 3;
6817
- }
6818
6881
 
6819
- .Input-module_input__d-Moh {
6882
+ .InputSearch-module_input__hCit3[type=search] {
6820
6883
  outline: 0;
6821
6884
  box-sizing: border-box;
6822
6885
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
@@ -6825,19 +6888,18 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6825
6888
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6826
6889
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6827
6890
  position: static;
6828
- background-color: transparent;
6829
- background-clip: padding-box;
6891
+ display: flex;
6892
+ align-items: center;
6893
+ height: 48px;
6894
+ width: 100%;
6830
6895
  border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) transparent;
6831
- border-radius: var(--border-solid-border-radius, 7px);
6832
- display: block;
6896
+ border-radius: 48px;
6897
+ padding-block: 0;
6898
+ padding-inline: calc(1rem + 1.25rem + var(--spacing-sm, 0.75rem)) var(--spacing-sm, 0.75rem);
6833
6899
  font-size: 1rem;
6834
6900
  line-height: 1.5;
6835
- padding: 0 var(--spacing-sm, 0.75rem);
6836
- height: 48px;
6837
- width: 100%;
6838
- margin-bottom: 2px;
6839
6901
  }
6840
- .Input-module_input__d-Moh::placeholder {
6902
+ .InputSearch-module_input__hCit3[type=search]::placeholder {
6841
6903
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6842
6904
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6843
6905
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6846,123 +6908,66 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6846
6908
  position: static;
6847
6909
  opacity: 100%;
6848
6910
  }
6849
- .Input-module_input__d-Moh:focus:not([disabled])::placeholder, .Input-module_input__d-Moh:hover:focus:not([disabled])::placeholder {
6850
- font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6851
- font-size: var(--typography-paragraph-body-font-size, 1rem);
6852
- font-weight: var(--typography-paragraph-body-font-weight, 400);
6853
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6854
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6855
- position: static;
6856
- opacity: 0%;
6911
+ .InputSearch-module_input__hCit3[type=search]::-webkit-search-cancel-button {
6912
+ -webkit-appearance: none;
6857
6913
  }
6858
- .Input-module_input__d-Moh.Input-module_disabled__CJeOi:not(.Input-module_reversed__Kh7dc) {
6859
- background: var(--color-gray-300, #eaeaec);
6914
+ .InputSearch-module_hasEndIconAdornment__ZtGcu .InputSearch-module_input__hCit3[type=search] {
6915
+ padding-inline-end: calc(var(--spacing-sm, 0.75rem) + 1.25rem + var(--spacing-sm, 0.75rem));
6860
6916
  }
6861
- .Input-module_input__d-Moh.Input-module_disabled__CJeOi::placeholder {
6917
+ .InputSearch-module_input__hCit3[type=search]:focus::placeholder, .InputSearch-module_input__hCit3[type=search]:hover::placeholder {
6862
6918
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6863
6919
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6864
6920
  font-weight: var(--typography-paragraph-body-font-weight, 400);
6865
6921
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6866
6922
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6867
6923
  position: static;
6868
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
6924
+ opacity: 0%;
6869
6925
  }
6870
6926
 
6871
- .Input-module_input__d-Moh:focus + .Input-module_focusRing__E68jh {
6927
+ .InputSearch-module_input__hCit3[type=search]:focus + .InputSearch-module_focusRing__kDUuP {
6872
6928
  position: absolute;
6873
6929
  background: transparent;
6874
- border-radius: var(--border-focus-ring-border-radius, 10px);
6930
+ border-radius: 48px;
6875
6931
  border-width: var(--border-focus-ring-border-width, 2px);
6876
6932
  border-style: var(--border-focus-ring-border-style, solid);
6877
- border-color: transparent;
6878
6933
  inset: -3px;
6879
6934
  pointer-events: none;
6880
6935
  }
6881
6936
 
6882
- /* stylelint-disable no-descending-specificity */
6883
- .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
6937
+ .InputSearch-module_startIconAdornment__Tc7Yx {
6884
6938
  position: absolute;
6885
6939
  height: 1.25rem;
6886
6940
  top: 50%;
6887
6941
  transform: translateY(-50%);
6888
6942
  z-index: 1;
6889
- inset-inline: var(--spacing-sm, 0.75rem) auto;
6890
- }
6891
- .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6892
- opacity: 0.3;
6943
+ inset-inline-start: 1rem;
6893
6944
  }
6894
- .Input-module_withStartIconAdornment__de6-U .Input-module_input__d-Moh {
6895
- padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) var(--spacing-sm, 0.75rem);
6945
+
6946
+ .InputSearch-module_loadingSpinner__GIO1C {
6947
+ margin-top: -2px;
6896
6948
  }
6897
6949
 
6898
- .Input-module_withEndIconAdornment__fSBPl .Input-module_endIconAdornment__bg-PL {
6950
+ .InputSearch-module_endIconAdornment__lm-3h {
6899
6951
  position: absolute;
6900
6952
  height: 1.25rem;
6901
6953
  top: 50%;
6902
6954
  transform: translateY(-50%);
6903
6955
  z-index: 1;
6904
- inset-inline: auto var(--spacing-sm, 0.75rem);
6905
- }
6906
- .Input-module_withEndIconAdornment__fSBPl.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL {
6907
- opacity: 0.3;
6908
- }
6909
- .Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
6910
- padding-inline: var(--spacing-sm, 0.75rem) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
6911
- }
6912
-
6913
- .Input-module_withStartIconAdornment__de6-U.Input-module_withEndIconAdornment__fSBPl .Input-module_input__d-Moh {
6914
- padding-inline: calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75) calc(1.25rem + var(--spacing-md, 1.5rem) * 0.75);
6915
- }
6916
-
6917
- /* stylelint-disable-next-line no-duplicate-selectors */
6918
- .Input-module_withStartIconAdornment__de6-U {
6919
- /* stylelint-disable-next-line no-duplicate-selectors */
6920
- /* stylelint-disable-next-line no-duplicate-selectors */
6921
- /* stylelint-disable-next-line no-duplicate-selectors */
6922
- }
6923
- .Input-module_withStartIconAdornment__de6-U .Input-module_startIconAdornment__pnn-b {
6924
- color: var(--color-purple-800, #2f2438);
6925
- opacity: 50%;
6926
- }
6927
- .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm {
6928
- /* stylelint-disable-next-line no-duplicate-selectors */
6929
- }
6930
- .Input-module_withStartIconAdornment__de6-U.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6931
- opacity: 30%;
6932
- }
6933
- .Input-module_withStartIconAdornment__de6-U:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b, .Input-module_withStartIconAdornment__de6-U:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b {
6934
- opacity: 70%;
6935
- }
6936
-
6937
- .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD .Input-module_startIconAdornment__pnn-b {
6938
- color: var(--color-white, #ffffff);
6939
- opacity: 100%;
6940
- }
6941
- .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_startIconAdornment__pnn-b {
6942
- opacity: 30%;
6943
- }
6944
- .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b, .Input-module_withStartIconAdornment__de6-U.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_startIconAdornment__pnn-b {
6945
- opacity: 100%;
6956
+ inset-inline-end: var(--spacing-sm, 0.75rem);
6946
6957
  }
6947
6958
 
6948
- .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD .Input-module_endIconAdornment__bg-PL {
6949
- color: var(--color-white, #ffffff);
6950
- opacity: 100%;
6951
- }
6952
- .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD.Input-module_withDisabled__pzzCm .Input-module_endIconAdornment__bg-PL {
6953
- opacity: 30%;
6954
- }
6955
- .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:hover:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL, .Input-module_withEndIconAdornment__fSBPl.Input-module_withReversed__SKSOD:focus-within:not(.Input-module_withDisabled__pzzCm) .Input-module_endIconAdornment__bg-PL {
6956
- opacity: 100%;
6959
+ .InputSearch-module_disabled__RizfW {
6960
+ pointer-events: none;
6961
+ opacity: 0.3;
6957
6962
  }
6958
6963
 
6959
- .Input-module_input__d-Moh.Input-module_default__zata3 {
6964
+ /* stylelint-disable no-descending-specificity */
6965
+ .InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search] {
6966
+ border-color: var(--color-gray-500, #878792);
6960
6967
  background-color: var(--color-white, #ffffff);
6961
6968
  color: var(--color-purple-800, #2f2438);
6962
- display: flex;
6963
- align-items: center;
6964
6969
  }
6965
- .Input-module_input__d-Moh.Input-module_default__zata3::placeholder {
6970
+ .InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search]::placeholder {
6966
6971
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6967
6972
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6968
6973
  font-weight: var(--typography-paragraph-body-font-weight, 400);
@@ -6970,285 +6975,101 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
6970
6975
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6971
6976
  position: static;
6972
6977
  color: var(--color-purple-800, #2f2438);
6973
- opacity: 0.5;
6974
- }
6975
- .Input-module_input__d-Moh.Input-module_default__zata3:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:hover:focus:not([disabled]) {
6976
- background-color: var(--color-gray-200, #f4f4f5);
6978
+ opacity: 0.7;
6977
6979
  }
6978
- .Input-module_input__d-Moh.Input-module_default__zata3:focus + .Input-module_focusRing__E68jh {
6980
+ .InputSearch-module_default__4d3Ek .InputSearch-module_focusRing__kDUuP {
6979
6981
  border-color: var(--color-blue-500, #0168b3);
6980
6982
  }
6981
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi {
6982
- background-color: var(--color-white, #ffffff);
6983
- border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.3);
6984
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
6983
+ .InputSearch-module_default__4d3Ek .InputSearch-module_startIconAdornment__Tc7Yx {
6984
+ color: var(--color-purple-800, #2f2438);
6985
+ opacity: 0.7;
6985
6986
  }
6986
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_disabled__CJeOi::placeholder {
6987
+ .InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search] {
6988
+ border-color: var(--color-gray-600, #524e56);
6989
+ background-color: var(--color-gray-200, #f4f4f5);
6990
+ }
6991
+ .InputSearch-module_default__4d3Ek:hover .InputSearch-module_input__hCit3[type=search]::placeholder, .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_input__hCit3[type=search]::placeholder {
6987
6992
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
6988
6993
  font-size: var(--typography-paragraph-body-font-size, 1rem);
6989
6994
  font-weight: var(--typography-paragraph-body-font-weight, 400);
6990
6995
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
6991
6996
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6992
6997
  position: static;
6993
- opacity: 0.3;
6994
- }
6995
- .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY) {
6996
- border-color: var(--color-gray-500, #878792);
6997
- }
6998
- .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):disabled {
6999
- border-color: rgba(var(--color-gray-500-rgb, 135, 135, 146), 0.3);
7000
- }
7001
- .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):focus:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:not([disabled]), .Input-module_input__d-Moh.Input-module_default__zata3:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:focus:not([disabled]) {
7002
- border-color: var(--color-gray-600, #524e56);
7003
- }
7004
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh {
7005
- border-color: var(--color-red-500, #c93b55);
7006
- }
7007
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_error__a-BFh.Input-module_disabled__CJeOi {
7008
- border-color: rgba(var(--color-red-500-rgb, 201, 59, 85), 0.3);
7009
- }
7010
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY {
7011
- border-color: var(--color-yellow-600, #c68600);
6998
+ opacity: 100%;
7012
6999
  }
7013
- .Input-module_input__d-Moh.Input-module_default__zata3.Input-module_caution__rC0sY.Input-module_disabled__CJeOi {
7014
- border-color: rgba(var(--color-yellow-600-rgb, 198, 134, 0), 0.3);
7000
+ .InputSearch-module_default__4d3Ek:hover .InputSearch-module_startIconAdornment__Tc7Yx, .InputSearch-module_default__4d3Ek:focus-within .InputSearch-module_startIconAdornment__Tc7Yx {
7001
+ opacity: 100%;
7015
7002
  }
7016
7003
 
7017
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc {
7018
- background: transparent;
7019
- color: var(--color-white, #ffffff);
7004
+ .InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search] {
7005
+ border-color: transparent;
7006
+ background-color: var(--color-gray-200, #f4f4f5);
7007
+ color: var(--color-purple-800, #2f2438);
7020
7008
  }
7021
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc::placeholder {
7009
+ .InputSearch-module_secondary__l68uD .InputSearch-module_input__hCit3[type=search]::placeholder {
7022
7010
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
7023
7011
  font-size: var(--typography-paragraph-body-font-size, 1rem);
7024
7012
  font-weight: var(--typography-paragraph-body-font-weight, 400);
7025
7013
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
7026
7014
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
7027
7015
  position: static;
7028
- color: var(--color-white, #ffffff);
7029
- opacity: 0.5;
7030
- }
7031
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:hover:focus:not([disabled]) {
7032
- background: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
7033
- }
7034
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:focus + .Input-module_focusRing__E68jh {
7035
- border-color: var(--color-blue-300, #73c0e8);
7036
- }
7037
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY) {
7038
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
7016
+ color: var(--color-purple-800, #2f2438);
7017
+ opacity: 0.7;
7039
7018
  }
7040
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):disabled {
7041
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.3);
7019
+ .InputSearch-module_secondary__l68uD .InputSearch-module_focusRing__kDUuP {
7020
+ border-color: var(--color-blue-500, #0168b3);
7042
7021
  }
7043
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):focus:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:not([disabled]), .Input-module_input__d-Moh.Input-module_reversed__Kh7dc:not(.Input-module_error__a-BFh, .Input-module_caution__rC0sY):hover:focus:not([disabled]) {
7044
- border-color: var(--color-white, #ffffff);
7022
+ .InputSearch-module_secondary__l68uD .InputSearch-module_startIconAdornment__Tc7Yx {
7023
+ color: var(--color-purple-800, #2f2438);
7024
+ opacity: 0.7;
7045
7025
  }
7046
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi {
7047
- background: transparent;
7048
- color: rgba(var(--color-white-rgb, 255, 255, 255), 0.3);
7026
+ .InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search] {
7027
+ border-color: transparent;
7028
+ background-color: var(--color-gray-300, #eaeaec);
7049
7029
  }
7050
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_disabled__CJeOi::placeholder {
7030
+ .InputSearch-module_secondary__l68uD:hover .InputSearch-module_input__hCit3[type=search]::placeholder, .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_input__hCit3[type=search]::placeholder {
7051
7031
  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
7052
7032
  font-size: var(--typography-paragraph-body-font-size, 1rem);
7053
7033
  font-weight: var(--typography-paragraph-body-font-weight, 400);
7054
7034
  line-height: var(--typography-paragraph-body-line-height, 1.5rem);
7055
7035
  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
7056
7036
  position: static;
7057
- opacity: 0.3;
7058
- }
7059
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh {
7060
- border-color: var(--color-red-300, #f597a8);
7061
- }
7062
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_error__a-BFh.Input-module_disabled__CJeOi {
7063
- border-color: rgba(var(--color-red-300-rgb, 245, 151, 168), 0.3);
7064
- }
7065
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY {
7066
- border-color: var(--color-yellow-400, #ffca4d);
7067
- }
7068
- .Input-module_input__d-Moh.Input-module_reversed__Kh7dc.Input-module_caution__rC0sY.Input-module_disabled__CJeOi {
7069
- border-color: rgba(var(--color-yellow-400-rgb, 255, 202, 77), 0.3);
7070
- }
7071
-
7072
- /* stylelint-enable no-descending-specificity */
7073
- /** THIS IS AN AUTOGENERATED FILE **/
7074
- /** THIS IS AN AUTOGENERATED FILE **/
7075
- /** THIS IS AN AUTOGENERATED FILE **/
7076
- /** THIS IS AN AUTOGENERATED FILE **/
7077
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
7078
- /** THIS IS AN AUTOGENERATED FILE **/
7079
- /** THIS IS AN AUTOGENERATED FILE **/
7080
- /** THIS IS AN AUTOGENERATED FILE **/
7081
- /** THIS IS AN AUTOGENERATED FILE **/
7082
- /** THIS IS AN AUTOGENERATED FILE **/
7083
- /* 16px */
7084
- /* 16px */
7085
- /* 16px */
7086
- /*
7087
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
7088
- as this is what consumers would have expected when pulling them in a the time.
7089
- */
7090
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
7091
- /** THIS IS AN AUTOGENERATED FILE **/
7092
- /** THIS IS AN AUTOGENERATED FILE **/
7093
- /* stylelint-disable */
7094
- /* stylelint-enable */
7095
- /* prettier-ignore */
7096
- /* stylelint-disable */
7097
- /* stylelint-enable */
7098
- /* prettier-ignore */
7099
- /* stylelint-disable */
7100
- /* stylelint-enable */
7101
- /* prettier-ignore */
7102
- /* stylelint-disable */
7103
- /* stylelint-enable */
7104
- /* prettier-ignore */
7105
- /* stylelint-disable scss/at-if-no-null */
7106
- /* stylelint-enable scss/at-if-no-null */
7107
- /** THIS IS AN AUTOGENERATED FILE **/
7108
- /** THIS IS AN AUTOGENERATED FILE **/
7109
- /** THIS IS AN AUTOGENERATED FILE **/
7110
- /** THIS IS AN AUTOGENERATED FILE **/
7111
- /** THIS IS AN AUTOGENERATED FILE **/
7112
- /* stylelint-disable */
7113
- /* stylelint-enable */
7114
- /* prettier-ignore */
7115
- /* stylelint-disable */
7116
- /* stylelint-enable */
7117
- /* prettier-ignore */
7118
- /* prettier-ignore */
7119
- /** THIS IS AN AUTOGENERATED FILE **/
7120
- /** THIS IS AN AUTOGENERATED FILE **/
7121
- /* stylelint-disable function-name-case, scss/at-function-pattern */
7122
- /* stylelint-enable function-name-case, scss/at-function-pattern */
7123
- /* prettier-ignore */
7124
- /* prettier-ignore */
7125
- /* prettier-ignore */
7126
- /* prettier-ignore */
7127
- /* prettier-ignore */
7128
- /* prettier-ignore */
7129
- .GenericModal-module_defaultModalWidth__kG7lU {
7130
- min-width: 300px;
7131
- max-width: 600px;
7132
- }
7133
-
7134
- .GenericModal-module_backdropLayer__RNQ-U {
7135
- position: fixed;
7136
- background-color: #000;
7137
- opacity: 50%;
7138
- z-index: 1040;
7139
- top: 0;
7140
- bottom: 0;
7141
- inset-inline-end: 0;
7142
- inset-inline-start: 0;
7143
- }
7144
-
7145
- .GenericModal-module_scrollLayer__A5VdY {
7146
- position: fixed;
7147
- display: flex;
7148
- align-items: center;
7149
- z-index: 1050;
7150
- overflow-y: auto;
7151
- top: 0;
7152
- bottom: 0;
7153
- inset-inline-end: 0;
7154
- inset-inline-start: 0;
7155
- }
7156
-
7157
- .GenericModal-module_modalLayer__WfD1U {
7158
- margin: auto;
7159
- padding: 1.5rem 0;
7160
- width: 100%;
7161
- }
7162
-
7163
- .GenericModal-module_animatingEnter__P3wuk {
7164
- transition-duration: var(--animation-duration-fast, 300ms);
7165
- }
7166
- .GenericModal-module_animatingEnter__P3wuk .GenericModal-module_backdropLayer__RNQ-U {
7167
- /*
7168
- There's a weird bug in Chrome/Blink 102.x that animates the opacity
7169
- all the way to 1 with 200ms ("rapid" token), but is fine with
7170
- 201ms, see Jira [KDS-523]
7171
- */
7172
- animation-duration: 201ms;
7173
- animation-fill-mode: forwards;
7174
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7175
- animation-name: GenericModal-module_fade-0-to-0-5__-4t3h;
7176
- }
7177
- @keyframes GenericModal-module_fade-0-to-0-5__-4t3h {
7178
- 0% {
7179
- opacity: 0;
7180
- }
7181
- 100% {
7182
- opacity: 0.5;
7183
- }
7184
- }
7185
- .GenericModal-module_animatingEnter__P3wuk [data-modal] {
7186
- animation-duration: var(--animation-duration-fast, 300ms);
7187
- animation-fill-mode: forwards;
7188
- animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
7189
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7190
- animation-name: GenericModal-module_custom-1__G0JT4;
7037
+ opacity: 100%;
7191
7038
  }
7192
- @keyframes GenericModal-module_custom-1__G0JT4 {
7193
- 0% {
7194
- opacity: 0;
7195
- transform: scale(0.5);
7196
- }
7197
- 100% {
7198
- opacity: 1;
7199
- transform: scale(1);
7200
- }
7039
+ .InputSearch-module_secondary__l68uD:hover .InputSearch-module_startIconAdornment__Tc7Yx, .InputSearch-module_secondary__l68uD:focus-within .InputSearch-module_startIconAdornment__Tc7Yx {
7040
+ opacity: 100%;
7201
7041
  }
7202
7042
 
7203
- .GenericModal-module_animatingLeave__rNkKX {
7204
- transition-duration: var(--animation-duration-rapid, 200ms);
7205
- }
7206
- .GenericModal-module_animatingLeave__rNkKX .GenericModal-module_backdropLayer__RNQ-U {
7207
- animation-duration: var(--animation-duration-rapid, 200ms);
7208
- animation-fill-mode: forwards;
7209
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7210
- animation-name: GenericModal-module_fade-0-5-to-0__JkaSn;
7043
+ .InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search] {
7044
+ background: rgba(var(--color-white-rgb, 255, 255, 255), 0.1);
7045
+ color: var(--color-white, #ffffff);
7211
7046
  }
7212
- @keyframes GenericModal-module_fade-0-5-to-0__JkaSn {
7213
- 0% {
7214
- opacity: 0.5;
7215
- }
7216
- 100% {
7217
- opacity: 0;
7218
- }
7047
+ .InputSearch-module_reversed__eS7Nr .InputSearch-module_input__hCit3[type=search]::placeholder {
7048
+ font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
7049
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
7050
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
7051
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
7052
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
7053
+ position: static;
7054
+ color: var(--color-white, #ffffff);
7055
+ opacity: 0.8;
7219
7056
  }
7220
- .GenericModal-module_animatingLeave__rNkKX [data-modal] {
7221
- animation-duration: var(--animation-duration-rapid, 200ms);
7222
- animation-fill-mode: forwards;
7223
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
7224
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7225
- animation-name: GenericModal-module_custom-3__oWflS;
7057
+ .InputSearch-module_reversed__eS7Nr .InputSearch-module_focusRing__kDUuP {
7058
+ border-color: var(--color-blue-300, #73c0e8);
7226
7059
  }
7227
- @keyframes GenericModal-module_custom-3__oWflS {
7228
- 0% {
7229
- opacity: 1;
7230
- transform: scale(1);
7231
- }
7232
- 100% {
7233
- opacity: 0;
7234
- transform: scale(0.5);
7235
- }
7060
+ .InputSearch-module_reversed__eS7Nr .InputSearch-module_startIconAdornment__Tc7Yx {
7061
+ color: var(--color-white, #ffffff);
7062
+ opacity: 0.8;
7236
7063
  }
7237
-
7238
- .GenericModal-module_unscrollable__HjRaW {
7239
- /* Tech debt - this !important existed before Stylelint rules */
7240
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
7064
+ .InputSearch-module_reversed__eS7Nr:hover .InputSearch-module_input__hCit3[type=search], .InputSearch-module_reversed__eS7Nr:focus-within .InputSearch-module_input__hCit3[type=search] {
7065
+ border-color: transparent;
7066
+ background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
7241
7067
  }
7242
-
7243
- .GenericModal-module_pseudoScrollbar__BhRqh {
7244
- /* Tech debt - this !important existed before Stylelint rules */
7245
- padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
7068
+ .InputSearch-module_reversed__eS7Nr.InputSearch-module_default__4d3Ek .InputSearch-module_input__hCit3[type=search] {
7069
+ border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
7246
7070
  }
7247
7071
 
7248
- .GenericModal-module_hide__SK9PI {
7249
- opacity: 0%;
7250
- pointer-events: none;
7251
- }
7072
+ /* stylelint-enable no-descending-specificity */
7252
7073
  /** THIS IS AN AUTOGENERATED FILE **/
7253
7074
  /** THIS IS AN AUTOGENERATED FILE **/
7254
7075
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -7577,82 +7398,275 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
7577
7398
  /** THIS IS AN AUTOGENERATED FILE **/
7578
7399
  /** THIS IS AN AUTOGENERATED FILE **/
7579
7400
  /** THIS IS AN AUTOGENERATED FILE **/
7580
- /* stylelint-disable selector-no-vendor-prefix */
7581
7401
  /** THIS IS AN AUTOGENERATED FILE **/
7582
- .Radio-module_radioInput__-zPUZ {
7583
- opacity: 0%;
7584
- position: absolute;
7402
+ /** THIS IS AN AUTOGENERATED FILE **/
7403
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
7404
+ /** THIS IS AN AUTOGENERATED FILE **/
7405
+ /** THIS IS AN AUTOGENERATED FILE **/
7406
+ /** THIS IS AN AUTOGENERATED FILE **/
7407
+ /** THIS IS AN AUTOGENERATED FILE **/
7408
+ /** THIS IS AN AUTOGENERATED FILE **/
7409
+ /* 16px */
7410
+ /* 16px */
7411
+ /* 16px */
7412
+ /*
7413
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
7414
+ as this is what consumers would have expected when pulling them in a the time.
7415
+ */
7416
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
7417
+ /** THIS IS AN AUTOGENERATED FILE **/
7418
+ /** THIS IS AN AUTOGENERATED FILE **/
7419
+ /* stylelint-disable */
7420
+ /* stylelint-enable */
7421
+ /* prettier-ignore */
7422
+ /* stylelint-disable */
7423
+ /* stylelint-enable */
7424
+ /* prettier-ignore */
7425
+ /* stylelint-disable */
7426
+ /* stylelint-enable */
7427
+ /* prettier-ignore */
7428
+ /* stylelint-disable */
7429
+ /* stylelint-enable */
7430
+ /* prettier-ignore */
7431
+ /* stylelint-disable scss/at-if-no-null */
7432
+ /* stylelint-enable scss/at-if-no-null */
7433
+ /** THIS IS AN AUTOGENERATED FILE **/
7434
+ /** THIS IS AN AUTOGENERATED FILE **/
7435
+ /** THIS IS AN AUTOGENERATED FILE **/
7436
+ /** THIS IS AN AUTOGENERATED FILE **/
7437
+ /** THIS IS AN AUTOGENERATED FILE **/
7438
+ /* stylelint-disable */
7439
+ /* stylelint-enable */
7440
+ /* prettier-ignore */
7441
+ /* stylelint-disable */
7442
+ /* stylelint-enable */
7443
+ /* prettier-ignore */
7444
+ /* prettier-ignore */
7445
+ /** THIS IS AN AUTOGENERATED FILE **/
7446
+ /** THIS IS AN AUTOGENERATED FILE **/
7447
+ /* stylelint-disable function-name-case, scss/at-function-pattern */
7448
+ /* stylelint-enable function-name-case, scss/at-function-pattern */
7449
+ /* prettier-ignore */
7450
+ /* prettier-ignore */
7451
+ /* prettier-ignore */
7452
+ /* prettier-ignore */
7453
+ /* prettier-ignore */
7454
+ /* prettier-ignore */
7455
+ .InputEditModal-module_defaultModalWidth__My9Eh {
7456
+ min-width: 300px;
7457
+ max-width: 600px;
7585
7458
  }
7586
- .ideal-sans .Radio-module_radioInput__-zPUZ {
7459
+
7460
+ .InputEditModal-module_backdropLayer__aVLSb {
7461
+ position: fixed;
7462
+ background-color: #000;
7463
+ opacity: 50%;
7464
+ z-index: 1040;
7465
+ top: 0;
7466
+ bottom: 0;
7467
+ inset-inline-end: 0;
7468
+ inset-inline-start: 0;
7469
+ }
7470
+
7471
+ .InputEditModal-module_scrollLayer__isygg {
7472
+ position: fixed;
7473
+ display: flex;
7474
+ align-items: center;
7475
+ z-index: 1050;
7476
+ overflow-y: auto;
7477
+ top: 0;
7478
+ bottom: 0;
7479
+ inset-inline-end: 0;
7480
+ inset-inline-start: 0;
7481
+ }
7482
+
7483
+ .InputEditModal-module_modalLayer__r5vqj {
7484
+ margin: auto;
7485
+ padding: 1.5rem 0;
7486
+ width: 100%;
7487
+ }
7488
+
7489
+ .InputEditModal-module_modal__SbQqp {
7490
+ margin: auto;
7491
+ background-color: var(--color-white, #ffffff);
7492
+ border-radius: var(--border-solid-border-radius, 7px);
7493
+ box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
7494
+ position: relative;
7495
+ width: 90%;
7496
+ -webkit-font-smoothing: antialiased;
7497
+ color: var(--color-purple-800, #2f2438);
7498
+ }
7499
+ @media (min-width: 768px) {
7500
+ .InputEditModal-module_modal__SbQqp {
7501
+ width: 100%;
7502
+ }
7503
+ }
7504
+ .InputEditModal-module_modal__SbQqp:has([class*="modalLabel"]:focus-visible)::after {
7505
+ content: "";
7587
7506
  position: absolute;
7507
+ background: transparent;
7508
+ border-radius: var(--border-focus-ring-border-radius, 10px);
7509
+ border-width: var(--border-focus-ring-border-width, 2px);
7510
+ border-style: var(--border-focus-ring-border-style, solid);
7511
+ border-color: var(--color-blue-300, #73c0e8);
7512
+ inset: -4px;
7513
+ }
7514
+
7515
+ .InputEditModal-module_animatingEnter__qZgX2 {
7516
+ transition-duration: var(--animation-duration-fast, 300ms);
7517
+ }
7518
+ .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb {
7519
+ /*
7520
+ There's a weird bug in Chrome/Blink 102.x that animates the opacity
7521
+ all the way to 1 with 200ms ("rapid" token), but is fine with
7522
+ 201ms, see Jira [KDS-523]
7523
+ */
7524
+ animation-duration: 201ms;
7525
+ animation-fill-mode: forwards;
7526
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7527
+ animation-name: InputEditModal-module_fade-0-to-0-5__ywvjR;
7528
+ }
7529
+ @keyframes InputEditModal-module_fade-0-to-0-5__ywvjR {
7530
+ 0% {
7531
+ opacity: 0;
7532
+ }
7533
+ 100% {
7534
+ opacity: 0.5;
7535
+ }
7536
+ }
7537
+ .InputEditModal-module_animatingEnter__qZgX2 [data-modal] {
7538
+ animation-duration: var(--animation-duration-fast, 300ms);
7539
+ animation-fill-mode: forwards;
7540
+ animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
7541
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7542
+ animation-name: InputEditModal-module_custom-1__wSZX6;
7543
+ }
7544
+ @keyframes InputEditModal-module_custom-1__wSZX6 {
7545
+ 0% {
7546
+ opacity: 0;
7547
+ transform: scale(0.5);
7548
+ }
7549
+ 100% {
7550
+ opacity: 1;
7551
+ transform: scale(1);
7552
+ }
7553
+ }
7554
+
7555
+ .InputEditModal-module_animatingLeave__S2HGz {
7556
+ transition-duration: var(--animation-duration-rapid, 200ms);
7557
+ }
7558
+ .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb {
7559
+ animation-duration: var(--animation-duration-rapid, 200ms);
7560
+ animation-fill-mode: forwards;
7561
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7562
+ animation-name: InputEditModal-module_fade-0-5-to-0__s2WmG;
7563
+ }
7564
+ @keyframes InputEditModal-module_fade-0-5-to-0__s2WmG {
7565
+ 0% {
7566
+ opacity: 0.5;
7567
+ }
7568
+ 100% {
7569
+ opacity: 0;
7570
+ }
7571
+ }
7572
+ .InputEditModal-module_animatingLeave__S2HGz [data-modal] {
7573
+ animation-duration: var(--animation-duration-rapid, 200ms);
7574
+ animation-fill-mode: forwards;
7575
+ animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
7576
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7577
+ animation-name: InputEditModal-module_custom-3__T3riv;
7578
+ }
7579
+ @keyframes InputEditModal-module_custom-3__T3riv {
7580
+ 0% {
7581
+ opacity: 1;
7582
+ transform: scale(1);
7583
+ }
7584
+ 100% {
7585
+ opacity: 0;
7586
+ transform: scale(0.5);
7587
+ }
7588
+ }
7589
+
7590
+ .InputEditModal-module_unscrollable__GN1M2 {
7591
+ /* Tech debt - this !important existed before Stylelint rules */
7592
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
7593
+ }
7594
+
7595
+ .InputEditModal-module_pseudoScrollbar__WCHmn {
7596
+ /* Tech debt - this !important existed before Stylelint rules */
7597
+ padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
7598
+ }
7599
+
7600
+ .InputEditModal-module_hide__N88RW {
7601
+ opacity: 0%;
7602
+ pointer-events: none;
7603
+ }
7604
+
7605
+ .InputEditModal-module_modal__SbQqp {
7606
+ min-width: 300px;
7607
+ max-width: 600px;
7608
+ }
7609
+ .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp {
7610
+ animation-duration: var(--animation-duration-fast, 300ms);
7611
+ animation-fill-mode: forwards;
7612
+ animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
7613
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7614
+ animation-name: InputEditModal-module_custom-5__trORr;
7588
7615
  }
7589
-
7590
- .Radio-module_icon__ihSP3 {
7591
- top: 5px;
7592
- left: 5px;
7593
- width: 10px;
7594
- height: 10px;
7595
- border-radius: 50%;
7596
- background: var(--color-gray-600, #524e56);
7597
- position: absolute;
7616
+ @keyframes InputEditModal-module_custom-5__trORr {
7617
+ 0% {
7618
+ opacity: 0;
7619
+ transform: scale(0.5);
7620
+ }
7621
+ 100% {
7622
+ opacity: 1;
7623
+ transform: scale(1);
7624
+ }
7598
7625
  }
7599
- .Radio-module_icon__ihSP3.Radio-module_reversed__pfCrF {
7600
- background: var(--color-white, #ffffff);
7626
+ .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp {
7627
+ animation-duration: var(--animation-duration-rapid, 200ms);
7628
+ animation-fill-mode: forwards;
7629
+ animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
7630
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
7631
+ animation-name: InputEditModal-module_custom-7__-98CZ;
7601
7632
  }
7602
- @media (forced-colors: active) {
7603
- .Radio-module_icon__ihSP3 {
7604
- border: 5px solid transparent;
7605
- width: 0;
7606
- height: 0;
7633
+ @keyframes InputEditModal-module_custom-7__-98CZ {
7634
+ 0% {
7635
+ opacity: 1;
7636
+ transform: scale(1);
7637
+ }
7638
+ 100% {
7639
+ opacity: 0;
7640
+ transform: scale(0.5);
7607
7641
  }
7608
7642
  }
7609
7643
 
7610
- .Radio-module_box__nEGD7 {
7611
- display: block;
7612
- position: relative;
7613
- background: var(--color-white, #ffffff);
7614
- height: 24px;
7615
- width: 24px;
7616
- top: 0;
7617
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
7618
- box-sizing: border-box;
7619
- border-radius: 50%;
7620
- }
7621
- .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7 {
7622
- border-color: var(--color-gray-600, #524e56);
7644
+ .InputEditModal-module_header__nivTf {
7645
+ color: var(--color-purple-800, #2f2438);
7646
+ text-align: left;
7623
7647
  }
7624
- .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7::after {
7625
- pointer-events: none;
7626
- content: "";
7627
- box-sizing: border-box;
7628
- position: absolute;
7629
- background: transparent;
7630
- border-radius: 26px;
7631
- border-width: var(--border-focus-ring-border-width, 2px);
7632
- border-style: var(--border-focus-ring-border-style, solid);
7633
- border-color: var(--color-blue-500, #0168b3);
7634
- top: calc(-2px - 24px / 8);
7635
- left: calc(-2px - 24px / 8);
7636
- width: calc(24px + 2px + var(--border-solid-border-width, 2px) * 2);
7637
- height: calc(24px + 2px + var(--border-solid-border-width, 2px) * 2);
7648
+ .InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8 {
7649
+ text-align: right;
7638
7650
  }
7639
- .Radio-module_radioInput__-zPUZ:not([disabled]) + .Radio-module_box__nEGD7:hover {
7640
- border-color: var(--color-gray-600, #524e56);
7641
- background-color: var(--color-gray-200, #f4f4f5);
7651
+ .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
7652
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7642
7653
  }
7643
- .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF {
7644
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
7645
- background: transparent;
7654
+ @media (max-width: 768px) {
7655
+ .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
7656
+ padding: var(--spacing-md, 1.5rem);
7657
+ }
7646
7658
  }
7647
- .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF {
7648
- border-color: var(--color-white, #ffffff);
7659
+
7660
+ .InputEditModal-module_body__LyxBE {
7661
+ background: var(--color-gray-200, #f4f4f5);
7649
7662
  }
7650
- .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF::after {
7651
- border-color: var(--color-blue-300, #73c0e8);
7663
+ .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
7664
+ padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
7652
7665
  }
7653
- .Radio-module_radioInput__-zPUZ:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:hover {
7654
- border-color: var(--color-white, #ffffff);
7655
- background-color: transparent;
7666
+ @media (max-width: 768px) {
7667
+ .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
7668
+ padding: var(--spacing-md, 1.5rem);
7669
+ }
7656
7670
  }
7657
7671
  /** THIS IS AN AUTOGENERATED FILE **/
7658
7672
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -8050,6 +8064,108 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8050
8064
  /** THIS IS AN AUTOGENERATED FILE **/
8051
8065
  /** THIS IS AN AUTOGENERATED FILE **/
8052
8066
  /** THIS IS AN AUTOGENERATED FILE **/
8067
+ /** THIS IS AN AUTOGENERATED FILE **/
8068
+ /* stylelint-disable selector-no-vendor-prefix */
8069
+ /** THIS IS AN AUTOGENERATED FILE **/
8070
+ .Radio-module_radioInput__-zPUZ {
8071
+ opacity: 0%;
8072
+ position: absolute;
8073
+ }
8074
+ .ideal-sans .Radio-module_radioInput__-zPUZ {
8075
+ position: absolute;
8076
+ }
8077
+
8078
+ .Radio-module_icon__ihSP3 {
8079
+ top: 5px;
8080
+ left: 5px;
8081
+ width: 10px;
8082
+ height: 10px;
8083
+ border-radius: 50%;
8084
+ background: var(--color-gray-600, #524e56);
8085
+ position: absolute;
8086
+ }
8087
+ .Radio-module_icon__ihSP3.Radio-module_reversed__pfCrF {
8088
+ background: var(--color-white, #ffffff);
8089
+ }
8090
+ @media (forced-colors: active) {
8091
+ .Radio-module_icon__ihSP3 {
8092
+ border: 5px solid transparent;
8093
+ width: 0;
8094
+ height: 0;
8095
+ }
8096
+ }
8097
+
8098
+ .Radio-module_box__nEGD7 {
8099
+ display: block;
8100
+ position: relative;
8101
+ background: var(--color-white, #ffffff);
8102
+ height: 24px;
8103
+ width: 24px;
8104
+ top: 0;
8105
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
8106
+ box-sizing: border-box;
8107
+ border-radius: 50%;
8108
+ }
8109
+ .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7 {
8110
+ border-color: var(--color-gray-600, #524e56);
8111
+ }
8112
+ .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7::after {
8113
+ pointer-events: none;
8114
+ content: "";
8115
+ box-sizing: border-box;
8116
+ position: absolute;
8117
+ background: transparent;
8118
+ border-radius: 26px;
8119
+ border-width: var(--border-focus-ring-border-width, 2px);
8120
+ border-style: var(--border-focus-ring-border-style, solid);
8121
+ border-color: var(--color-blue-500, #0168b3);
8122
+ top: calc(-2px - 24px / 8);
8123
+ left: calc(-2px - 24px / 8);
8124
+ width: calc(24px + 2px + var(--border-solid-border-width, 2px) * 2);
8125
+ height: calc(24px + 2px + var(--border-solid-border-width, 2px) * 2);
8126
+ }
8127
+ .Radio-module_radioInput__-zPUZ:not([disabled]) + .Radio-module_box__nEGD7:hover {
8128
+ border-color: var(--color-gray-600, #524e56);
8129
+ background-color: var(--color-gray-200, #f4f4f5);
8130
+ }
8131
+ .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF {
8132
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
8133
+ background: transparent;
8134
+ }
8135
+ .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF {
8136
+ border-color: var(--color-white, #ffffff);
8137
+ }
8138
+ .Radio-module_radioInput__-zPUZ:focus:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF::after {
8139
+ border-color: var(--color-blue-300, #73c0e8);
8140
+ }
8141
+ .Radio-module_radioInput__-zPUZ:not([disabled]) + .Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:hover {
8142
+ border-color: var(--color-white, #ffffff);
8143
+ background-color: transparent;
8144
+ }
8145
+ /** THIS IS AN AUTOGENERATED FILE **/
8146
+ /** THIS IS AN AUTOGENERATED FILE **/
8147
+ .RadioGroup-module_radioGroupLabel__wIl4z {
8148
+ margin-bottom: var(--spacing-sm, 0.75rem);
8149
+ }
8150
+ .ideal-sans .RadioGroup-module_radioGroupLabel__wIl4z label {
8151
+ padding-top: 0;
8152
+ }
8153
+ .RadioGroup-module_radioGroupLabel__wIl4z.RadioGroup-module_reversed__VeBun {
8154
+ color: var(--color-white, #ffffff);
8155
+ }
8156
+
8157
+ .RadioGroup-module_radioGroupContainer__NKWpt {
8158
+ display: flex;
8159
+ flex-direction: column;
8160
+ margin-bottom: var(--spacing-sm, 0.75rem);
8161
+ }
8162
+ .RadioGroup-module_radioGroupContainer__NKWpt.RadioGroup-module_noBottomMargin__VKF2T {
8163
+ margin-bottom: 0;
8164
+ }
8165
+ /** THIS IS AN AUTOGENERATED FILE **/
8166
+ /** THIS IS AN AUTOGENERATED FILE **/
8167
+ /** THIS IS AN AUTOGENERATED FILE **/
8168
+ /** THIS IS AN AUTOGENERATED FILE **/
8053
8169
  .RadioField-module_container__r6T25 {
8054
8170
  position: relative;
8055
8171
  overflow-wrap: break-word;
@@ -8184,154 +8300,40 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8184
8300
  .RichTextContent-module_content__vVcWj > .ProseMirror ol ol ol ul ul {
8185
8301
  list-style-type: circle;
8186
8302
  }
8187
- .RichTextContent-module_content__vVcWj > .ProseMirror ol ol ol ul ul ul {
8188
- list-style-type: square;
8189
- }
8190
- .RichTextContent-module_content__vVcWj > .ProseMirror ul {
8191
- list-style-type: disc;
8192
- }
8193
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul {
8194
- list-style-type: circle;
8195
- }
8196
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul {
8197
- list-style-type: square;
8198
- }
8199
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul,
8200
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol {
8201
- padding-inline-start: var(--spacing-40, 2.5rem);
8202
- }
8203
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol {
8204
- list-style-type: decimal;
8205
- }
8206
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol ol {
8207
- list-style-type: lower-alpha;
8208
- }
8209
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol ol ol {
8210
- list-style-type: lower-roman;
8211
- }
8212
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul {
8213
- list-style-type: disc;
8214
- }
8215
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul ul {
8216
- list-style-type: circle;
8217
- }
8218
- .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul ul ul {
8219
- list-style-type: square;
8220
- }
8221
- /** THIS IS AN AUTOGENERATED FILE **/
8222
- /** THIS IS AN AUTOGENERATED FILE **/
8223
- .RadioGroup-module_radioGroupLabel__wIl4z {
8224
- margin-bottom: var(--spacing-sm, 0.75rem);
8225
- }
8226
- .ideal-sans .RadioGroup-module_radioGroupLabel__wIl4z label {
8227
- padding-top: 0;
8228
- }
8229
- .RadioGroup-module_radioGroupLabel__wIl4z.RadioGroup-module_reversed__VeBun {
8230
- color: var(--color-white, #ffffff);
8231
- }
8232
-
8233
- .RadioGroup-module_radioGroupContainer__NKWpt {
8234
- display: flex;
8235
- flex-direction: column;
8236
- margin-bottom: var(--spacing-sm, 0.75rem);
8237
- }
8238
- .RadioGroup-module_radioGroupContainer__NKWpt.RadioGroup-module_noBottomMargin__VKF2T {
8239
- margin-bottom: 0;
8240
- }
8241
- /** THIS IS AN AUTOGENERATED FILE **/
8242
- /** THIS IS AN AUTOGENERATED FILE **/
8243
- /** THIS IS AN AUTOGENERATED FILE **/
8244
- /** THIS IS AN AUTOGENERATED FILE **/
8245
- .Tab-module_tab__Rar3J {
8246
- display: inline-flex;
8247
- align-items: center;
8248
- border: 0;
8249
- border-top: 2px solid transparent;
8250
- border-left: 2px solid transparent;
8251
- border-right: 2px solid transparent;
8252
- border-top-left-radius: var(--border-borderless-border-radius, 7px);
8253
- border-top-right-radius: var(--border-borderless-border-radius, 7px);
8254
- background: var(--color-white, #ffffff);
8255
- white-space: nowrap;
8256
- text-decoration: none;
8257
- padding: var(--spacing-md, 1.5rem) var(--spacing-md, 1.5rem);
8258
- margin: 0;
8259
- font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
8260
- font-size: var(--typography-heading-4-font-size, 1.125rem);
8261
- font-weight: var(--typography-heading-4-font-weight, 600);
8262
- line-height: var(--typography-heading-4-line-height, 1.5rem);
8263
- letter-spacing: var(--typography-heading-4-letter-spacing, normal);
8264
- color: var(--color-purple-800, #2f2438);
8303
+ .RichTextContent-module_content__vVcWj > .ProseMirror ol ol ol ul ul ul {
8304
+ list-style-type: square;
8265
8305
  }
8266
- .Tab-module_tab__Rar3J:focus {
8267
- outline: none;
8306
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul {
8307
+ list-style-type: disc;
8268
8308
  }
8269
- .Tab-module_tab__Rar3J:focus-visible {
8270
- background: var(--color-blue-100, #e6f6ff);
8271
- color: var(--color-blue-500, #0168b3);
8272
- border-color: var(--color-blue-500, #0168b3);
8309
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul {
8310
+ list-style-type: circle;
8273
8311
  }
8274
- .Tab-module_tab__Rar3J:disabled {
8275
- opacity: 30%;
8312
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul {
8313
+ list-style-type: square;
8276
8314
  }
8277
- .Tab-module_tab__Rar3J:not(:first-child) {
8278
- margin-inline-start: var(--spacing-xs, 0.375rem);
8315
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul,
8316
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol {
8317
+ padding-inline-start: var(--spacing-40, 2.5rem);
8279
8318
  }
8280
- .Tab-module_tab__Rar3J:not(:disabled):hover {
8281
- background: var(--color-blue-100, #e6f6ff);
8282
- color: var(--color-blue-500, #0168b3);
8319
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol {
8320
+ list-style-type: decimal;
8283
8321
  }
8284
-
8285
- .Tab-module_tab__Rar3J[data-selected] {
8286
- position: relative;
8287
- color: var(--color-blue-500, #0168b3);
8322
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol ol {
8323
+ list-style-type: lower-alpha;
8288
8324
  }
8289
- .Tab-module_tab__Rar3J[data-selected]::before {
8290
- content: "";
8291
- display: block;
8292
- border-top-left-radius: 5px;
8293
- border-top-right-radius: 5px;
8294
- background-color: currentcolor;
8295
- height: 5px;
8296
- width: 100%;
8297
- position: absolute;
8298
- left: 0;
8299
- right: 0;
8300
- bottom: 0;
8325
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ol ol ol {
8326
+ list-style-type: lower-roman;
8301
8327
  }
8302
-
8303
- .Tab-module_badge__4p2nd {
8304
- margin-inline-start: var(--spacing-sm, 0.75rem);
8305
- display: inline-flex;
8306
- align-items: center;
8328
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul {
8329
+ list-style-type: disc;
8307
8330
  }
8308
-
8309
- @media (forced-colors: active) {
8310
- .Tab-module_tab__Rar3J {
8311
- border: 2px solid transparent;
8312
- }
8313
- .Tab-module_tab__Rar3J:focus-visible::after {
8314
- content: "";
8315
- position: absolute;
8316
- background: transparent;
8317
- border-radius: var(--border-focus-ring-border-radius, 10px);
8318
- border-width: var(--border-focus-ring-border-width, 2px);
8319
- border-style: var(--border-focus-ring-border-style, solid);
8320
- border-color: transparent;
8321
- inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
8322
- }
8323
- .Tab-module_tab__Rar3J.Tab-module_selected__MApD6::before {
8324
- content: "";
8325
- position: absolute;
8326
- left: 0;
8327
- right: 0;
8328
- bottom: 0;
8329
- border-bottom: 2px solid transparent;
8330
- }
8331
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul ul {
8332
+ list-style-type: circle;
8333
+ }
8334
+ .RichTextContent-module_content__vVcWj > .ProseMirror ul ul ul ul ul ul {
8335
+ list-style-type: square;
8331
8336
  }
8332
- /** THIS IS AN AUTOGENERATED FILE **/
8333
- /** THIS IS AN AUTOGENERATED FILE **/
8334
- /** THIS IS AN AUTOGENERATED FILE **/
8335
8337
  /** THIS IS AN AUTOGENERATED FILE **/
8336
8338
  /** THIS IS AN AUTOGENERATED FILE **/
8337
8339
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -8388,12 +8390,12 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8388
8390
  /* prettier-ignore */
8389
8391
  /* prettier-ignore */
8390
8392
  /* prettier-ignore */
8391
- .InputEditModal-module_defaultModalWidth__My9Eh {
8393
+ .GenericModal-module_defaultModalWidth__kG7lU {
8392
8394
  min-width: 300px;
8393
8395
  max-width: 600px;
8394
8396
  }
8395
8397
 
8396
- .InputEditModal-module_backdropLayer__aVLSb {
8398
+ .GenericModal-module_backdropLayer__RNQ-U {
8397
8399
  position: fixed;
8398
8400
  background-color: #000;
8399
8401
  opacity: 50%;
@@ -8404,7 +8406,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8404
8406
  inset-inline-start: 0;
8405
8407
  }
8406
8408
 
8407
- .InputEditModal-module_scrollLayer__isygg {
8409
+ .GenericModal-module_scrollLayer__A5VdY {
8408
8410
  position: fixed;
8409
8411
  display: flex;
8410
8412
  align-items: center;
@@ -8416,42 +8418,16 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8416
8418
  inset-inline-start: 0;
8417
8419
  }
8418
8420
 
8419
- .InputEditModal-module_modalLayer__r5vqj {
8421
+ .GenericModal-module_modalLayer__WfD1U {
8420
8422
  margin: auto;
8421
8423
  padding: 1.5rem 0;
8422
8424
  width: 100%;
8423
8425
  }
8424
8426
 
8425
- .InputEditModal-module_modal__SbQqp {
8426
- margin: auto;
8427
- background-color: var(--color-white, #ffffff);
8428
- border-radius: var(--border-solid-border-radius, 7px);
8429
- box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
8430
- position: relative;
8431
- width: 90%;
8432
- -webkit-font-smoothing: antialiased;
8433
- color: var(--color-purple-800, #2f2438);
8434
- }
8435
- @media (min-width: 768px) {
8436
- .InputEditModal-module_modal__SbQqp {
8437
- width: 100%;
8438
- }
8439
- }
8440
- .InputEditModal-module_modal__SbQqp:has([class*="modalLabel"]:focus-visible)::after {
8441
- content: "";
8442
- position: absolute;
8443
- background: transparent;
8444
- border-radius: var(--border-focus-ring-border-radius, 10px);
8445
- border-width: var(--border-focus-ring-border-width, 2px);
8446
- border-style: var(--border-focus-ring-border-style, solid);
8447
- border-color: var(--color-blue-300, #73c0e8);
8448
- inset: -4px;
8449
- }
8450
-
8451
- .InputEditModal-module_animatingEnter__qZgX2 {
8427
+ .GenericModal-module_animatingEnter__P3wuk {
8452
8428
  transition-duration: var(--animation-duration-fast, 300ms);
8453
8429
  }
8454
- .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb {
8430
+ .GenericModal-module_animatingEnter__P3wuk .GenericModal-module_backdropLayer__RNQ-U {
8455
8431
  /*
8456
8432
  There's a weird bug in Chrome/Blink 102.x that animates the opacity
8457
8433
  all the way to 1 with 200ms ("rapid" token), but is fine with
@@ -8460,9 +8436,9 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8460
8436
  animation-duration: 201ms;
8461
8437
  animation-fill-mode: forwards;
8462
8438
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8463
- animation-name: InputEditModal-module_fade-0-to-0-5__ywvjR;
8439
+ animation-name: GenericModal-module_fade-0-to-0-5__-4t3h;
8464
8440
  }
8465
- @keyframes InputEditModal-module_fade-0-to-0-5__ywvjR {
8441
+ @keyframes GenericModal-module_fade-0-to-0-5__-4t3h {
8466
8442
  0% {
8467
8443
  opacity: 0;
8468
8444
  }
@@ -8470,14 +8446,14 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8470
8446
  opacity: 0.5;
8471
8447
  }
8472
8448
  }
8473
- .InputEditModal-module_animatingEnter__qZgX2 [data-modal] {
8449
+ .GenericModal-module_animatingEnter__P3wuk [data-modal] {
8474
8450
  animation-duration: var(--animation-duration-fast, 300ms);
8475
8451
  animation-fill-mode: forwards;
8476
8452
  animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8477
8453
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8478
- animation-name: InputEditModal-module_custom-1__wSZX6;
8454
+ animation-name: GenericModal-module_custom-1__G0JT4;
8479
8455
  }
8480
- @keyframes InputEditModal-module_custom-1__wSZX6 {
8456
+ @keyframes GenericModal-module_custom-1__G0JT4 {
8481
8457
  0% {
8482
8458
  opacity: 0;
8483
8459
  transform: scale(0.5);
@@ -8488,133 +8464,209 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8488
8464
  }
8489
8465
  }
8490
8466
 
8491
- .InputEditModal-module_animatingLeave__S2HGz {
8467
+ .GenericModal-module_animatingLeave__rNkKX {
8492
8468
  transition-duration: var(--animation-duration-rapid, 200ms);
8493
8469
  }
8494
- .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb {
8470
+ .GenericModal-module_animatingLeave__rNkKX .GenericModal-module_backdropLayer__RNQ-U {
8495
8471
  animation-duration: var(--animation-duration-rapid, 200ms);
8496
8472
  animation-fill-mode: forwards;
8497
8473
  /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8498
- animation-name: InputEditModal-module_fade-0-5-to-0__s2WmG;
8474
+ animation-name: GenericModal-module_fade-0-5-to-0__JkaSn;
8475
+ }
8476
+ @keyframes GenericModal-module_fade-0-5-to-0__JkaSn {
8477
+ 0% {
8478
+ opacity: 0.5;
8479
+ }
8480
+ 100% {
8481
+ opacity: 0;
8482
+ }
8483
+ }
8484
+ .GenericModal-module_animatingLeave__rNkKX [data-modal] {
8485
+ animation-duration: var(--animation-duration-rapid, 200ms);
8486
+ animation-fill-mode: forwards;
8487
+ animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8488
+ /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8489
+ animation-name: GenericModal-module_custom-3__oWflS;
8490
+ }
8491
+ @keyframes GenericModal-module_custom-3__oWflS {
8492
+ 0% {
8493
+ opacity: 1;
8494
+ transform: scale(1);
8495
+ }
8496
+ 100% {
8497
+ opacity: 0;
8498
+ transform: scale(0.5);
8499
+ }
8500
+ }
8501
+
8502
+ .GenericModal-module_unscrollable__HjRaW {
8503
+ /* Tech debt - this !important existed before Stylelint rules */
8504
+ overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
8505
+ }
8506
+
8507
+ .GenericModal-module_pseudoScrollbar__BhRqh {
8508
+ /* Tech debt - this !important existed before Stylelint rules */
8509
+ padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
8510
+ }
8511
+
8512
+ .GenericModal-module_hide__SK9PI {
8513
+ opacity: 0%;
8514
+ pointer-events: none;
8515
+ }
8516
+ /** THIS IS AN AUTOGENERATED FILE **/
8517
+ /** THIS IS AN AUTOGENERATED FILE **/
8518
+ .TabPanel-module_tabPanel__I7hEK {
8519
+ border: 2px solid transparent;
8520
+ }
8521
+ .TabPanel-module_tabPanel__I7hEK:focus {
8522
+ outline: none;
8523
+ }
8524
+ .TabPanel-module_tabPanel__I7hEK:focus-visible {
8525
+ border-color: var(--color-blue-500, #0168b3);
8526
+ border-radius: var(--border-focus-ring-border-radius, 10px);
8527
+ }
8528
+ /** THIS IS AN AUTOGENERATED FILE **/
8529
+ /** THIS IS AN AUTOGENERATED FILE **/
8530
+ .TabList-module_tabList__A8Y9H {
8531
+ border-bottom: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
8532
+ padding: var(--spacing-xs, 0.375rem) var(--spacing-md, 1.5rem) 0;
8533
+ }
8534
+
8535
+ .TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J {
8536
+ padding: 0;
8537
+ }
8538
+ /** THIS IS AN AUTOGENERATED FILE **/
8539
+ /** THIS IS AN AUTOGENERATED FILE **/
8540
+ /** THIS IS AN AUTOGENERATED FILE **/
8541
+ /** THIS IS AN AUTOGENERATED FILE **/
8542
+ .Tab-module_tab__Rar3J {
8543
+ display: inline-flex;
8544
+ align-items: center;
8545
+ border: 0;
8546
+ border-top: 2px solid transparent;
8547
+ border-left: 2px solid transparent;
8548
+ border-right: 2px solid transparent;
8549
+ border-top-left-radius: var(--border-borderless-border-radius, 7px);
8550
+ border-top-right-radius: var(--border-borderless-border-radius, 7px);
8551
+ background: var(--color-white, #ffffff);
8552
+ white-space: nowrap;
8553
+ text-decoration: none;
8554
+ padding: var(--spacing-md, 1.5rem) var(--spacing-md, 1.5rem);
8555
+ margin: 0;
8556
+ font-family: var(--typography-heading-4-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
8557
+ font-size: var(--typography-heading-4-font-size, 1.125rem);
8558
+ font-weight: var(--typography-heading-4-font-weight, 600);
8559
+ line-height: var(--typography-heading-4-line-height, 1.5rem);
8560
+ letter-spacing: var(--typography-heading-4-letter-spacing, normal);
8561
+ color: var(--color-purple-800, #2f2438);
8562
+ }
8563
+ .Tab-module_tab__Rar3J:focus {
8564
+ outline: none;
8565
+ }
8566
+ .Tab-module_tab__Rar3J:focus-visible {
8567
+ background: var(--color-blue-100, #e6f6ff);
8568
+ color: var(--color-blue-500, #0168b3);
8569
+ border-color: var(--color-blue-500, #0168b3);
8499
8570
  }
8500
- @keyframes InputEditModal-module_fade-0-5-to-0__s2WmG {
8501
- 0% {
8502
- opacity: 0.5;
8503
- }
8504
- 100% {
8505
- opacity: 0;
8506
- }
8571
+ .Tab-module_tab__Rar3J:disabled {
8572
+ opacity: 30%;
8507
8573
  }
8508
- .InputEditModal-module_animatingLeave__S2HGz [data-modal] {
8509
- animation-duration: var(--animation-duration-rapid, 200ms);
8510
- animation-fill-mode: forwards;
8511
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8512
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8513
- animation-name: InputEditModal-module_custom-3__T3riv;
8574
+ .Tab-module_tab__Rar3J:not(:first-child) {
8575
+ margin-inline-start: var(--spacing-xs, 0.375rem);
8514
8576
  }
8515
- @keyframes InputEditModal-module_custom-3__T3riv {
8516
- 0% {
8517
- opacity: 1;
8518
- transform: scale(1);
8519
- }
8520
- 100% {
8521
- opacity: 0;
8522
- transform: scale(0.5);
8523
- }
8577
+ .Tab-module_tab__Rar3J:not(:disabled):hover {
8578
+ background: var(--color-blue-100, #e6f6ff);
8579
+ color: var(--color-blue-500, #0168b3);
8524
8580
  }
8525
8581
 
8526
- .InputEditModal-module_unscrollable__GN1M2 {
8527
- /* Tech debt - this !important existed before Stylelint rules */
8528
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
8582
+ .Tab-module_tab__Rar3J[data-selected] {
8583
+ position: relative;
8584
+ color: var(--color-blue-500, #0168b3);
8529
8585
  }
8530
-
8531
- .InputEditModal-module_pseudoScrollbar__WCHmn {
8532
- /* Tech debt - this !important existed before Stylelint rules */
8533
- padding-right: 15px !important; /* stylelint-disable-line declaration-no-important */
8586
+ .Tab-module_tab__Rar3J[data-selected]::before {
8587
+ content: "";
8588
+ display: block;
8589
+ border-top-left-radius: 5px;
8590
+ border-top-right-radius: 5px;
8591
+ background-color: currentcolor;
8592
+ height: 5px;
8593
+ width: 100%;
8594
+ position: absolute;
8595
+ left: 0;
8596
+ right: 0;
8597
+ bottom: 0;
8534
8598
  }
8535
8599
 
8536
- .InputEditModal-module_hide__N88RW {
8537
- opacity: 0%;
8538
- pointer-events: none;
8600
+ .Tab-module_badge__4p2nd {
8601
+ margin-inline-start: var(--spacing-sm, 0.75rem);
8602
+ display: inline-flex;
8603
+ align-items: center;
8539
8604
  }
8540
8605
 
8541
- .InputEditModal-module_modal__SbQqp {
8542
- min-width: 300px;
8543
- max-width: 600px;
8544
- }
8545
- .InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp {
8546
- animation-duration: var(--animation-duration-fast, 300ms);
8547
- animation-fill-mode: forwards;
8548
- animation-timing-function: var(--animation-easing-function-bounce-in, cubic-bezier(0.485, 0.155, 0.24, 1.245));
8549
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8550
- animation-name: InputEditModal-module_custom-5__trORr;
8551
- }
8552
- @keyframes InputEditModal-module_custom-5__trORr {
8553
- 0% {
8554
- opacity: 0;
8555
- transform: scale(0.5);
8556
- }
8557
- 100% {
8558
- opacity: 1;
8559
- transform: scale(1);
8606
+ @media (forced-colors: active) {
8607
+ .Tab-module_tab__Rar3J {
8608
+ border: 2px solid transparent;
8560
8609
  }
8561
- }
8562
- .InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp {
8563
- animation-duration: var(--animation-duration-rapid, 200ms);
8564
- animation-fill-mode: forwards;
8565
- animation-timing-function: var(--animation-easing-function-bounce-out, cubic-bezier(0.485, 0.155, 0.515, 0.845));
8566
- /* stylelint-disable-next-line scss/function-unquote-no-unquoted-strings-inside */
8567
- animation-name: InputEditModal-module_custom-7__-98CZ;
8568
- }
8569
- @keyframes InputEditModal-module_custom-7__-98CZ {
8570
- 0% {
8571
- opacity: 1;
8572
- transform: scale(1);
8610
+ .Tab-module_tab__Rar3J:focus-visible::after {
8611
+ content: "";
8612
+ position: absolute;
8613
+ background: transparent;
8614
+ border-radius: var(--border-focus-ring-border-radius, 10px);
8615
+ border-width: var(--border-focus-ring-border-width, 2px);
8616
+ border-style: var(--border-focus-ring-border-style, solid);
8617
+ border-color: transparent;
8618
+ inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
8573
8619
  }
8574
- 100% {
8575
- opacity: 0;
8576
- transform: scale(0.5);
8620
+ .Tab-module_tab__Rar3J.Tab-module_selected__MApD6::before {
8621
+ content: "";
8622
+ position: absolute;
8623
+ left: 0;
8624
+ right: 0;
8625
+ bottom: 0;
8626
+ border-bottom: 2px solid transparent;
8577
8627
  }
8578
8628
  }
8579
-
8580
- .InputEditModal-module_header__nivTf {
8581
- color: var(--color-purple-800, #2f2438);
8582
- text-align: left;
8629
+ /** THIS IS AN AUTOGENERATED FILE **/
8630
+ .MultiActionTile-module_actions__mntsC {
8631
+ display: flex;
8583
8632
  }
8584
- .InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8 {
8585
- text-align: right;
8633
+
8634
+ .MultiActionTile-module_secondaryAction__DuXdD {
8635
+ margin-inline-end: var(--spacing-8, 0.5rem);
8586
8636
  }
8587
- .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
8588
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8637
+ /** THIS IS AN AUTOGENERATED FILE **/
8638
+ .TileGrid-module_grid__1WCNc {
8639
+ list-style-type: none;
8640
+ padding-inline-start: 0;
8641
+ margin-block: 0;
8642
+ display: grid;
8643
+ grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
8644
+ grid-gap: var(--spacing-md, 1.5rem);
8589
8645
  }
8590
- @media (max-width: 768px) {
8591
- .InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS {
8592
- padding: var(--spacing-md, 1.5rem);
8646
+ @media (max-width: 767px) {
8647
+ .TileGrid-module_grid__1WCNc {
8648
+ grid-template-columns: repeat(2, minmax(226px, 370px));
8649
+ }
8650
+ .TileGrid-module_grid__1WCNc > * {
8651
+ width: 100%;
8593
8652
  }
8594
8653
  }
8595
-
8596
- .InputEditModal-module_body__LyxBE {
8597
- background: var(--color-gray-200, #f4f4f5);
8598
- }
8599
- .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
8600
- padding: var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem) var(--spacing-md, 1.5rem) var(--spacing-lg, 2.25rem);
8601
- }
8602
- @media (max-width: 768px) {
8603
- .InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS {
8604
- padding: var(--spacing-md, 1.5rem);
8654
+ @media (max-width: 480px) {
8655
+ .TileGrid-module_grid__1WCNc {
8656
+ grid-template-columns: repeat(1, 100%);
8605
8657
  }
8606
8658
  }
8607
8659
  /** THIS IS AN AUTOGENERATED FILE **/
8608
- /** THIS IS AN AUTOGENERATED FILE **/
8609
- .TabPanel-module_tabPanel__I7hEK {
8610
- border: 2px solid transparent;
8660
+ .ToggleSwitchField-module_container__e7TXD {
8661
+ display: flex;
8611
8662
  }
8612
- .TabPanel-module_tabPanel__I7hEK:focus {
8613
- outline: none;
8663
+
8664
+ .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
8665
+ width: 100%;
8614
8666
  }
8615
- .TabPanel-module_tabPanel__I7hEK:focus-visible {
8616
- border-color: var(--color-blue-500, #0168b3);
8617
- border-radius: var(--border-focus-ring-border-radius, 10px);
8667
+
8668
+ .ToggleSwitchField-module_on__HQOkN label {
8669
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
8618
8670
  }
8619
8671
  /** THIS IS AN AUTOGENERATED FILE **/
8620
8672
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -8867,58 +8919,6 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8867
8919
  min-height: calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem)) * 20 - var(--spacing-16, 1rem));
8868
8920
  }
8869
8921
  /** THIS IS AN AUTOGENERATED FILE **/
8870
- .TileGrid-module_grid__1WCNc {
8871
- list-style-type: none;
8872
- padding-inline-start: 0;
8873
- margin-block: 0;
8874
- display: grid;
8875
- grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
8876
- grid-gap: var(--spacing-md, 1.5rem);
8877
- }
8878
- @media (max-width: 767px) {
8879
- .TileGrid-module_grid__1WCNc {
8880
- grid-template-columns: repeat(2, minmax(226px, 370px));
8881
- }
8882
- .TileGrid-module_grid__1WCNc > * {
8883
- width: 100%;
8884
- }
8885
- }
8886
- @media (max-width: 480px) {
8887
- .TileGrid-module_grid__1WCNc {
8888
- grid-template-columns: repeat(1, 100%);
8889
- }
8890
- }
8891
- /** THIS IS AN AUTOGENERATED FILE **/
8892
- .MultiActionTile-module_actions__mntsC {
8893
- display: flex;
8894
- }
8895
-
8896
- .MultiActionTile-module_secondaryAction__DuXdD {
8897
- margin-inline-end: var(--spacing-8, 0.5rem);
8898
- }
8899
- /** THIS IS AN AUTOGENERATED FILE **/
8900
- /** THIS IS AN AUTOGENERATED FILE **/
8901
- .TabList-module_tabList__A8Y9H {
8902
- border-bottom: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
8903
- padding: var(--spacing-xs, 0.375rem) var(--spacing-md, 1.5rem) 0;
8904
- }
8905
-
8906
- .TabList-module_tabList__A8Y9H.TabList-module_noPadding__v073J {
8907
- padding: 0;
8908
- }
8909
- /** THIS IS AN AUTOGENERATED FILE **/
8910
- .ToggleSwitchField-module_container__e7TXD {
8911
- display: flex;
8912
- }
8913
-
8914
- .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
8915
- width: 100%;
8916
- }
8917
-
8918
- .ToggleSwitchField-module_on__HQOkN label {
8919
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
8920
- }
8921
- /** THIS IS AN AUTOGENERATED FILE **/
8922
8922
  /** THIS IS AN AUTOGENERATED FILE **/
8923
8923
  /** THIS IS AN AUTOGENERATED FILE **/
8924
8924
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9070,24 +9070,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
9070
9070
  /** THIS IS AN AUTOGENERATED FILE **/
9071
9071
  /** THIS IS AN AUTOGENERATED FILE **/
9072
9072
  /** THIS IS AN AUTOGENERATED FILE **/
9073
- .Popover-module_popover__B7k5I {
9074
- box-sizing: border-box;
9075
- box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
9076
- border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) transparent;
9077
- border-radius: var(--border-solid-border-radius, 7px);
9078
- background: var(--color-white, #ffffff);
9079
- overflow: auto;
9080
- z-index: 100000;
9081
- }
9082
- .Popover-module_popover__B7k5I:focus {
9083
- outline: none;
9084
- }
9085
- .Popover-module_popover__B7k5I:focus-visible {
9086
- border-color: var(--color-blue-500, #0168b3);
9087
- }
9088
- /** THIS IS AN AUTOGENERATED FILE **/
9089
- /** THIS IS AN AUTOGENERATED FILE **/
9090
- /** THIS IS AN AUTOGENERATED FILE **/
9091
9073
  .MultiSelectToggle-module_multiSelectToggle__CeR4G {
9092
9074
  position: relative;
9093
9075
  display: inline-flex;
@@ -9161,9 +9143,27 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
9161
9143
  gap: var(--spacing-6, 0.375rem);
9162
9144
  list-style: none;
9163
9145
  }
9164
-
9165
- .MultiSelectToggle-module_clearAllButton__yWNQi {
9166
- margin: 3px 0;
9146
+
9147
+ .MultiSelectToggle-module_clearAllButton__yWNQi {
9148
+ margin: 3px 0;
9149
+ }
9150
+ /** THIS IS AN AUTOGENERATED FILE **/
9151
+ /** THIS IS AN AUTOGENERATED FILE **/
9152
+ /** THIS IS AN AUTOGENERATED FILE **/
9153
+ .Popover-module_popover__B7k5I {
9154
+ box-sizing: border-box;
9155
+ box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
9156
+ border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) transparent;
9157
+ border-radius: var(--border-solid-border-radius, 7px);
9158
+ background: var(--color-white, #ffffff);
9159
+ overflow: auto;
9160
+ z-index: 100000;
9161
+ }
9162
+ .Popover-module_popover__B7k5I:focus {
9163
+ outline: none;
9164
+ }
9165
+ .Popover-module_popover__B7k5I:focus-visible {
9166
+ border-color: var(--color-blue-500, #0168b3);
9167
9167
  }
9168
9168
  /** THIS IS AN AUTOGENERATED FILE **/
9169
9169
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9200,6 +9200,25 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
9200
9200
  text-align: center;
9201
9201
  }
9202
9202
  /** THIS IS AN AUTOGENERATED FILE **/
9203
+ /** THIS IS AN AUTOGENERATED FILE **/
9204
+ .DropdownButton-module_dropdownButton__PqQH6 {
9205
+ display: inline-flex;
9206
+ position: relative;
9207
+ inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9208
+ margin-inline-start: var(--border-solid-border-width, 2px);
9209
+ padding: var(--spacing-12, 0.75rem);
9210
+ border-start-start-radius: 0;
9211
+ border-end-start-radius: 0;
9212
+ border-start-end-radius: var(--border-solid-border-radius, 7px);
9213
+ border-end-end-radius: var(--border-solid-border-radius, 7px);
9214
+ border-inline-start-width: 0;
9215
+ }
9216
+ .DropdownButton-module_dropdownButton__PqQH6:hover, .DropdownButton-module_dropdownButton__PqQH6:active, .DropdownButton-module_dropdownButton__PqQH6:focus-visible {
9217
+ inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9218
+ margin-inline-start: unset;
9219
+ border-inline-start-width: var(--border-solid-border-width, 2px);
9220
+ }
9221
+ /** THIS IS AN AUTOGENERATED FILE **/
9203
9222
  .ActionButton-module_actionButton__mJRl4 {
9204
9223
  border-start-start-radius: var(--border-solid-border-radius, 7px);
9205
9224
  border-end-start-radius: var(--border-solid-border-radius, 7px);
@@ -9207,42 +9226,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
9207
9226
  border-end-end-radius: 0;
9208
9227
  }
9209
9228
  /** THIS IS AN AUTOGENERATED FILE **/
9210
- .TimeSegment-module_timeSegmentWrapper__WYD6y {
9211
- white-space: nowrap;
9212
- }
9213
-
9214
- .TimeSegment-module_timeSegment__eXb0c {
9215
- display: block;
9216
- padding: 0 4px;
9217
- text-align: end;
9218
- background-color: var(--color-gray-300, #eaeaec);
9219
- border-radius: 3px;
9220
- color: var(--color-purple-800, #2f2438);
9221
- }
9222
- .TimeSegment-module_timeSegment__eXb0c:hover {
9223
- background-color: var(--color-white, #ffffff);
9224
- }
9225
- .TimeSegment-module_timeSegment__eXb0c:focus-visible {
9226
- color: white;
9227
- background: var(--color-blue-500, #0168b3);
9228
- outline: none;
9229
- }
9230
-
9231
- .TimeSegment-module_placeholder__j1-gK {
9232
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
9233
- }
9234
-
9235
- .TimeSegment-module_literal__mOkqz {
9236
- background: none;
9237
- }
9238
- .TimeSegment-module_literal__mOkqz:hover {
9239
- background: none;
9240
- }
9241
-
9242
- .TimeSegment-module_dayPeriod__fzT5I {
9243
- margin-right: 4px;
9244
- }
9245
- /** THIS IS AN AUTOGENERATED FILE **/
9246
9229
  /** THIS IS AN AUTOGENERATED FILE **/
9247
9230
  /** THIS IS AN AUTOGENERATED FILE **/
9248
9231
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -9607,23 +9590,40 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
9607
9590
  display: block;
9608
9591
  }
9609
9592
  /** THIS IS AN AUTOGENERATED FILE **/
9610
- /** THIS IS AN AUTOGENERATED FILE **/
9611
- .DropdownButton-module_dropdownButton__PqQH6 {
9612
- display: inline-flex;
9613
- position: relative;
9614
- inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9615
- margin-inline-start: var(--border-solid-border-width, 2px);
9616
- padding: var(--spacing-12, 0.75rem);
9617
- border-start-start-radius: 0;
9618
- border-end-start-radius: 0;
9619
- border-start-end-radius: var(--border-solid-border-radius, 7px);
9620
- border-end-end-radius: var(--border-solid-border-radius, 7px);
9621
- border-inline-start-width: 0;
9593
+ .TimeSegment-module_timeSegmentWrapper__WYD6y {
9594
+ white-space: nowrap;
9622
9595
  }
9623
- .DropdownButton-module_dropdownButton__PqQH6:hover, .DropdownButton-module_dropdownButton__PqQH6:active, .DropdownButton-module_dropdownButton__PqQH6:focus-visible {
9624
- inset-inline-start: calc(-1 * var(--border-solid-border-width, 2px));
9625
- margin-inline-start: unset;
9626
- border-inline-start-width: var(--border-solid-border-width, 2px);
9596
+
9597
+ .TimeSegment-module_timeSegment__eXb0c {
9598
+ display: block;
9599
+ padding: 0 4px;
9600
+ text-align: end;
9601
+ background-color: var(--color-gray-300, #eaeaec);
9602
+ border-radius: 3px;
9603
+ color: var(--color-purple-800, #2f2438);
9604
+ }
9605
+ .TimeSegment-module_timeSegment__eXb0c:hover {
9606
+ background-color: var(--color-white, #ffffff);
9607
+ }
9608
+ .TimeSegment-module_timeSegment__eXb0c:focus-visible {
9609
+ color: white;
9610
+ background: var(--color-blue-500, #0168b3);
9611
+ outline: none;
9612
+ }
9613
+
9614
+ .TimeSegment-module_placeholder__j1-gK {
9615
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.7);
9616
+ }
9617
+
9618
+ .TimeSegment-module_literal__mOkqz {
9619
+ background: none;
9620
+ }
9621
+ .TimeSegment-module_literal__mOkqz:hover {
9622
+ background: none;
9623
+ }
9624
+
9625
+ .TimeSegment-module_dayPeriod__fzT5I {
9626
+ margin-right: 4px;
9627
9627
  }
9628
9628
  /** THIS IS AN AUTOGENERATED FILE **/
9629
9629
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10118,6 +10118,9 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10118
10118
  margin-top: var(--spacing-sm, 0.75rem);
10119
10119
  height: var(--spacing-xl, 3rem);
10120
10120
  }
10121
+ .ModalAccessibleDescription-module_modalDescription__gq-Mn {
10122
+ grid-column-start: 2;
10123
+ }
10121
10124
  /** THIS IS AN AUTOGENERATED FILE **/
10122
10125
  /** THIS IS AN AUTOGENERATED FILE **/
10123
10126
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10170,67 +10173,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10170
10173
  border-radius: var(--border-focus-ring-border-radius, 10px);
10171
10174
  border: var(--border-focus-ring-border-width, 2px) var(--border-focus-ring-border-style, solid) var(--color-blue-500, #0168b3);
10172
10175
  }
10173
- .ModalAccessibleDescription-module_modalDescription__gq-Mn {
10174
- grid-column-start: 2;
10175
- }
10176
- /** THIS IS AN AUTOGENERATED FILE **/
10177
- /** THIS IS AN AUTOGENERATED FILE **/
10178
- /** THIS IS AN AUTOGENERATED FILE **/
10179
- @media (max-width: 768px) {
10180
- .ModalAccessibleLabel-module_modalLabel__CQAIs h2 {
10181
- font-size: 1.625rem;
10182
- line-height: 2rem;
10183
- }
10184
- }
10185
- @media (max-width: 375px) {
10186
- .ModalAccessibleLabel-module_modalLabel__CQAIs h2 {
10187
- font-size: 1.5rem;
10188
- line-height: 1.875rem;
10189
- }
10190
- }
10191
- .ModalAccessibleLabel-module_modalLabel__CQAIs.ModalAccessibleLabel-module_prominent__WEPnY {
10192
- grid-column-start: 2;
10193
- text-align: left;
10194
- }
10195
- .ModalAccessibleLabel-module_modalLabel__CQAIs:focus {
10196
- outline: none;
10197
- }
10198
- /** THIS IS AN AUTOGENERATED FILE **/
10199
- /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10200
- /** THIS IS AN AUTOGENERATED FILE **/
10201
- /** THIS IS AN AUTOGENERATED FILE **/
10202
- /** THIS IS AN AUTOGENERATED FILE **/
10203
- /** THIS IS AN AUTOGENERATED FILE **/
10204
- /** THIS IS AN AUTOGENERATED FILE **/
10205
- /* 16px */
10206
- /* 16px */
10207
- /* 16px */
10208
- /*
10209
- Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
10210
- as this is what consumers would have expected when pulling them in a the time.
10211
- */
10212
- /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10213
- .ModalHeader-module_dismissButton__YhHZl {
10214
- position: absolute;
10215
- z-index: 1060;
10216
- top: 0;
10217
- inset-inline-end: 0;
10218
- inset-inline-start: auto;
10219
- }
10220
-
10221
- .ModalHeader-module_layout__K8x4O {
10222
- width: 100%;
10223
- }
10224
-
10225
- .ModalHeader-module_fixed__JEeic {
10226
- position: absolute;
10227
- top: 0;
10228
- left: 0;
10229
- }
10230
-
10231
- .ModalHeader-module_filler__w1MCN {
10232
- visibility: hidden;
10233
- }
10234
10176
  /** THIS IS AN AUTOGENERATED FILE **/
10235
10177
  /** THIS IS AN AUTOGENERATED FILE **/
10236
10178
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10309,6 +10251,64 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10309
10251
  visibility: hidden;
10310
10252
  }
10311
10253
  /** THIS IS AN AUTOGENERATED FILE **/
10254
+ /* stylelint-disable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10255
+ /** THIS IS AN AUTOGENERATED FILE **/
10256
+ /** THIS IS AN AUTOGENERATED FILE **/
10257
+ /** THIS IS AN AUTOGENERATED FILE **/
10258
+ /** THIS IS AN AUTOGENERATED FILE **/
10259
+ /** THIS IS AN AUTOGENERATED FILE **/
10260
+ /* 16px */
10261
+ /* 16px */
10262
+ /* 16px */
10263
+ /*
10264
+ Because these components are deprecated, we've kept any inline/non-token values as values from the Zen theme to prevent any style regressions,
10265
+ as this is what consumers would have expected when pulling them in a the time.
10266
+ */
10267
+ /* stylelint-enable scss/at-if-no-null, declaration-block-no-redundant-longhand-properties */
10268
+ .ModalHeader-module_dismissButton__YhHZl {
10269
+ position: absolute;
10270
+ z-index: 1060;
10271
+ top: 0;
10272
+ inset-inline-end: 0;
10273
+ inset-inline-start: auto;
10274
+ }
10275
+
10276
+ .ModalHeader-module_layout__K8x4O {
10277
+ width: 100%;
10278
+ }
10279
+
10280
+ .ModalHeader-module_fixed__JEeic {
10281
+ position: absolute;
10282
+ top: 0;
10283
+ left: 0;
10284
+ }
10285
+
10286
+ .ModalHeader-module_filler__w1MCN {
10287
+ visibility: hidden;
10288
+ }
10289
+ /** THIS IS AN AUTOGENERATED FILE **/
10290
+ /** THIS IS AN AUTOGENERATED FILE **/
10291
+ /** THIS IS AN AUTOGENERATED FILE **/
10292
+ @media (max-width: 768px) {
10293
+ .ModalAccessibleLabel-module_modalLabel__CQAIs h2 {
10294
+ font-size: 1.625rem;
10295
+ line-height: 2rem;
10296
+ }
10297
+ }
10298
+ @media (max-width: 375px) {
10299
+ .ModalAccessibleLabel-module_modalLabel__CQAIs h2 {
10300
+ font-size: 1.5rem;
10301
+ line-height: 1.875rem;
10302
+ }
10303
+ }
10304
+ .ModalAccessibleLabel-module_modalLabel__CQAIs.ModalAccessibleLabel-module_prominent__WEPnY {
10305
+ grid-column-start: 2;
10306
+ text-align: left;
10307
+ }
10308
+ .ModalAccessibleLabel-module_modalLabel__CQAIs:focus {
10309
+ outline: none;
10310
+ }
10311
+ /** THIS IS AN AUTOGENERATED FILE **/
10312
10312
  /** THIS IS AN AUTOGENERATED FILE **/
10313
10313
  .ModalBody-module_inputEdit__4Krgt {
10314
10314
  background-color: var(--color-gray-200, #f4f4f5);
@@ -10371,26 +10371,12 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10371
10371
  }
10372
10372
 
10373
10373
  .Checkbox-module_icon__2b48e {
10374
- color: var(--color-white, #ffffff);
10375
- }
10376
- /** THIS IS AN AUTOGENERATED FILE **/
10377
- .Toolbar-module_toolbar__ooRzV {
10378
- display: block;
10379
- border-bottom: 2px solid var(--color-gray-500, #878792);
10380
- }
10381
- /** THIS IS AN AUTOGENERATED FILE **/
10382
- /** THIS IS AN AUTOGENERATED FILE **/
10383
- .ToolbarSection-module_toolbarSection__nCI0O {
10384
- display: inline-flex;
10385
- align-items: center;
10386
- gap: var(--spacing-xs, 0.375rem);
10387
- margin: var(--spacing-xs, 0.375rem) 0;
10388
- padding: 0 var(--spacing-xs, 0.375rem);
10389
- flex-wrap: wrap;
10390
- }
10391
-
10392
- .ToolbarSection-module_toolbarSection__nCI0O + .ToolbarSection-module_toolbarSection__nCI0O {
10393
- border-inline-start: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10374
+ color: var(--color-white, #ffffff);
10375
+ }
10376
+ /** THIS IS AN AUTOGENERATED FILE **/
10377
+ .Toolbar-module_toolbar__ooRzV {
10378
+ display: block;
10379
+ border-bottom: 2px solid var(--color-gray-500, #878792);
10394
10380
  }
10395
10381
  /** THIS IS AN AUTOGENERATED FILE **/
10396
10382
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10490,20 +10476,29 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10490
10476
  outline: var(--color-purple-800, #2f2438) var(--border-solid-border-style, solid) var(--border-focus-ring-border-width, 2px);
10491
10477
  }
10492
10478
  /** THIS IS AN AUTOGENERATED FILE **/
10493
- .DateRangeDisplayLabel-module_dateRangeDisplayLabel__g7nVd {
10494
- display: inline-flex;
10495
- gap: var(--spacing-6, 0.375rem);
10496
- }
10497
- .DateInputField-module_disabled__gfago {
10498
- opacity: 0.3;
10499
- }
10500
- /** THIS IS AN AUTOGENERATED FILE **/
10501
10479
  .FilterDatePickerField-module_filterDatePickerField__ClXMw {
10502
10480
  width: 288px;
10503
10481
  display: grid;
10504
10482
  gap: var(--spacing-16, 1rem);
10505
10483
  }
10506
10484
  /** THIS IS AN AUTOGENERATED FILE **/
10485
+ /** THIS IS AN AUTOGENERATED FILE **/
10486
+ .ToolbarSection-module_toolbarSection__nCI0O {
10487
+ display: inline-flex;
10488
+ align-items: center;
10489
+ gap: var(--spacing-xs, 0.375rem);
10490
+ margin: var(--spacing-xs, 0.375rem) 0;
10491
+ padding: 0 var(--spacing-xs, 0.375rem);
10492
+ flex-wrap: wrap;
10493
+ }
10494
+
10495
+ .ToolbarSection-module_toolbarSection__nCI0O + .ToolbarSection-module_toolbarSection__nCI0O {
10496
+ border-inline-start: 1px solid rgba(var(--color-gray-600-rgb, 82, 78, 86), 0.1);
10497
+ }
10498
+ .DateInputField-module_disabled__gfago {
10499
+ opacity: 0.3;
10500
+ }
10501
+ /** THIS IS AN AUTOGENERATED FILE **/
10507
10502
  .FilterDateRangePickerField-module_filterDateRangePickerField__fSmbz {
10508
10503
  display: contents;
10509
10504
  }
@@ -10512,6 +10507,11 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10512
10507
  margin-bottom: var(--spacing-24, 1.5rem);
10513
10508
  }
10514
10509
  /** THIS IS AN AUTOGENERATED FILE **/
10510
+ .DateRangeDisplayLabel-module_dateRangeDisplayLabel__g7nVd {
10511
+ display: inline-flex;
10512
+ gap: var(--spacing-6, 0.375rem);
10513
+ }
10514
+ /** THIS IS AN AUTOGENERATED FILE **/
10515
10515
  .DateRangeInputField-module_dateRangeInputContainer__zjhqr {
10516
10516
  display: flex;
10517
10517
  margin: 0;
@@ -10609,10 +10609,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10609
10609
  list-style: none;
10610
10610
  }
10611
10611
  /** THIS IS AN AUTOGENERATED FILE **/
10612
- .LoadMoreButton-module_container__sXwB6 {
10613
- padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10614
- }
10615
- /** THIS IS AN AUTOGENERATED FILE **/
10616
10612
  /** THIS IS AN AUTOGENERATED FILE **/
10617
10613
  /** THIS IS AN AUTOGENERATED FILE **/
10618
10614
  .ListBoxSection-module_listBoxSection__AMlz- {
@@ -10633,10 +10629,111 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10633
10629
  padding: 1.125rem;
10634
10630
  }
10635
10631
  /** THIS IS AN AUTOGENERATED FILE **/
10632
+ .LoadMoreButton-module_container__sXwB6 {
10633
+ padding: var(--spacing-sm, 0.75rem) var(--spacing-sm, 0.75rem) 0;
10634
+ }
10635
+ /** THIS IS AN AUTOGENERATED FILE **/
10636
+ /** THIS IS AN AUTOGENERATED FILE **/
10637
+ /** THIS IS AN AUTOGENERATED FILE **/
10638
+ /** THIS IS AN AUTOGENERATED FILE **/
10639
+ .MenuPopup-module_menuPopup__UVgnP {
10640
+ position: absolute;
10641
+ z-index: 1000;
10642
+ box-sizing: border-box;
10643
+ background: var(--color-white, #ffffff);
10644
+ color: var(--color-purple-800, #2f2438);
10645
+ border-radius: var(--border-solid-border-radius, 7px);
10646
+ box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
10647
+ padding: var(--spacing-sm, 0.75rem) 0;
10648
+ margin-top: var(--spacing-xs, 0.375rem);
10649
+ text-align: start;
10650
+ width: 294px;
10651
+ }
10652
+ /** THIS IS AN AUTOGENERATED FILE **/
10636
10653
  .SearchInput-module_inputSearchContainer__u9K6k {
10637
10654
  position: relative;
10638
10655
  margin: 0 var(--spacing-sm, 0.75rem);
10639
10656
  }
10657
+ .SectionDivider-module_divider__G-itP {
10658
+ margin: 0.5rem 0;
10659
+ }
10660
+ .ListBox-module_listBox__BqCVd {
10661
+ list-style: none;
10662
+ margin-top: 0;
10663
+ margin-bottom: 0;
10664
+ padding: 0;
10665
+ display: grid;
10666
+ max-height: 22rem;
10667
+ }
10668
+
10669
+ .ListBox-module_listBox__BqCVd:focus-visible {
10670
+ outline: none;
10671
+ }
10672
+ /** THIS IS AN AUTOGENERATED FILE **/
10673
+ .SectionDivider-module_divider__EZpOd {
10674
+ margin: var(--spacing-8, 0.5rem) 0;
10675
+ }
10676
+ .SectionDivider-module_divider__EZpOd:first-child, .SectionDivider-module_divider__EZpOd:last-child, .SectionDivider-module_divider__EZpOd + .SectionDivider-module_divider__EZpOd {
10677
+ display: none;
10678
+ }
10679
+ /** THIS IS AN AUTOGENERATED FILE **/
10680
+ /** THIS IS AN AUTOGENERATED FILE **/
10681
+ /** THIS IS AN AUTOGENERATED FILE **/
10682
+ /** THIS IS AN AUTOGENERATED FILE **/
10683
+ .SelectionControlButton-module_button__u-ysH {
10684
+ appearance: none;
10685
+ display: inline;
10686
+ background: transparent;
10687
+ color: inherit;
10688
+ font: inherit;
10689
+ margin: 0;
10690
+ padding: 0;
10691
+ border: none;
10692
+ -webkit-font-smoothing: antialiased;
10693
+ -moz-osx-font-smoothing: grayscale;
10694
+ position: relative;
10695
+ display: inline-flex;
10696
+ align-items: center;
10697
+ gap: var(--spacing-xs, 0.375rem);
10698
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10699
+ border-color: var(--border-borderless-border-color, transparent);
10700
+ border-radius: var(--border-solid-border-radius, 7px);
10701
+ padding: var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
10702
+ font-weight: var(--typography-button-secondary-font-weight, 500);
10703
+ font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10704
+ font-size: var(--typography-button-secondary-font-size, 1rem);
10705
+ line-height: var(--typography-button-secondary-line-height, 1.5rem);
10706
+ letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
10707
+ color: var(--color-blue-500, #0168b3);
10708
+ }
10709
+ .SelectionControlButton-module_button__u-ysH:focus {
10710
+ outline: none;
10711
+ }
10712
+ .SelectionControlButton-module_button__u-ysH:hover:not(.SelectionControlButton-module_isDisabled__0axMR), .SelectionControlButton-module_button__u-ysH:active:not(.SelectionControlButton-module_isDisabled__0axMR), .SelectionControlButton-module_button__u-ysH:focus:not(.SelectionControlButton-module_isDisabled__0axMR) {
10713
+ background-color: var(--color-blue-100, #e6f6ff);
10714
+ }
10715
+ .SelectionControlButton-module_button__u-ysH:focus-visible::after {
10716
+ content: "";
10717
+ position: absolute;
10718
+ background: transparent;
10719
+ border-radius: var(--border-focus-ring-border-radius, 10px);
10720
+ border-width: var(--border-focus-ring-border-width, 2px);
10721
+ border-style: var(--border-focus-ring-border-style, solid);
10722
+ border-color: var(--color-blue-500, #0168b3);
10723
+ inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
10724
+ }
10725
+ .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR {
10726
+ pointer-events: none;
10727
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
10728
+ opacity: 100%;
10729
+ }
10730
+ .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR:focus {
10731
+ outline: none;
10732
+ border: 2px solid transparent;
10733
+ }
10734
+ .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR:focus-visible::after {
10735
+ border-color: var(--color-gray-400, #cdcdd0);
10736
+ }
10640
10737
  /** THIS IS AN AUTOGENERATED FILE **/
10641
10738
  /** THIS IS AN AUTOGENERATED FILE **/
10642
10739
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -10724,21 +10821,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10724
10821
  .MultiSelectOption-module_isSelected__IZggh:hover .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:active .MultiSelectOption-module_icon__78XCm, .MultiSelectOption-module_isSelected__IZggh:focus .MultiSelectOption-module_icon__78XCm {
10725
10822
  background-color: var(--color-gray-600, #524e56);
10726
10823
  }
10727
- .SectionDivider-module_divider__G-itP {
10728
- margin: 0.5rem 0;
10729
- }
10730
- .ListBox-module_listBox__BqCVd {
10731
- list-style: none;
10732
- margin-top: 0;
10733
- margin-bottom: 0;
10734
- padding: 0;
10735
- display: grid;
10736
- max-height: 22rem;
10737
- }
10738
-
10739
- .ListBox-module_listBox__BqCVd:focus-visible {
10740
- outline: none;
10741
- }
10742
10824
  /** THIS IS AN AUTOGENERATED FILE **/
10743
10825
  .ListBoxSection-module_sectionWrapper__SsXWN {
10744
10826
  display: flex;
@@ -10758,88 +10840,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10758
10840
  padding: var(--spacing-xs, 0.375rem) 0 0 0;
10759
10841
  }
10760
10842
  /** THIS IS AN AUTOGENERATED FILE **/
10761
- /** THIS IS AN AUTOGENERATED FILE **/
10762
- /** THIS IS AN AUTOGENERATED FILE **/
10763
- /** THIS IS AN AUTOGENERATED FILE **/
10764
- .MenuPopup-module_menuPopup__UVgnP {
10765
- position: absolute;
10766
- z-index: 1000;
10767
- box-sizing: border-box;
10768
- background: var(--color-white, #ffffff);
10769
- color: var(--color-purple-800, #2f2438);
10770
- border-radius: var(--border-solid-border-radius, 7px);
10771
- box-shadow: var(--shadow-large-box-shadow, 0 3px 9px 0 rgba(0, 0, 0, 0.1), 0 8px 40px 0 rgba(0, 0, 0, 0.08));
10772
- padding: var(--spacing-sm, 0.75rem) 0;
10773
- margin-top: var(--spacing-xs, 0.375rem);
10774
- text-align: start;
10775
- width: 294px;
10776
- }
10777
- /** THIS IS AN AUTOGENERATED FILE **/
10778
- .SectionDivider-module_divider__EZpOd {
10779
- margin: var(--spacing-8, 0.5rem) 0;
10780
- }
10781
- .SectionDivider-module_divider__EZpOd:first-child, .SectionDivider-module_divider__EZpOd:last-child, .SectionDivider-module_divider__EZpOd + .SectionDivider-module_divider__EZpOd {
10782
- display: none;
10783
- }
10784
- /** THIS IS AN AUTOGENERATED FILE **/
10785
- /** THIS IS AN AUTOGENERATED FILE **/
10786
- /** THIS IS AN AUTOGENERATED FILE **/
10787
- /** THIS IS AN AUTOGENERATED FILE **/
10788
- .SelectionControlButton-module_button__u-ysH {
10789
- appearance: none;
10790
- display: inline;
10791
- background: transparent;
10792
- color: inherit;
10793
- font: inherit;
10794
- margin: 0;
10795
- padding: 0;
10796
- border: none;
10797
- -webkit-font-smoothing: antialiased;
10798
- -moz-osx-font-smoothing: grayscale;
10799
- position: relative;
10800
- display: inline-flex;
10801
- align-items: center;
10802
- gap: var(--spacing-xs, 0.375rem);
10803
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid);
10804
- border-color: var(--border-borderless-border-color, transparent);
10805
- border-radius: var(--border-solid-border-radius, 7px);
10806
- padding: var(--spacing-4, 0.25rem) var(--spacing-8, 0.5rem);
10807
- font-weight: var(--typography-button-secondary-font-weight, 500);
10808
- font-family: var(--typography-button-secondary-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
10809
- font-size: var(--typography-button-secondary-font-size, 1rem);
10810
- line-height: var(--typography-button-secondary-line-height, 1.5rem);
10811
- letter-spacing: var(--typography-button-secondary-letter-spacing, normal);
10812
- color: var(--color-blue-500, #0168b3);
10813
- }
10814
- .SelectionControlButton-module_button__u-ysH:focus {
10815
- outline: none;
10816
- }
10817
- .SelectionControlButton-module_button__u-ysH:hover:not(.SelectionControlButton-module_isDisabled__0axMR), .SelectionControlButton-module_button__u-ysH:active:not(.SelectionControlButton-module_isDisabled__0axMR), .SelectionControlButton-module_button__u-ysH:focus:not(.SelectionControlButton-module_isDisabled__0axMR) {
10818
- background-color: var(--color-blue-100, #e6f6ff);
10819
- }
10820
- .SelectionControlButton-module_button__u-ysH:focus-visible::after {
10821
- content: "";
10822
- position: absolute;
10823
- background: transparent;
10824
- border-radius: var(--border-focus-ring-border-radius, 10px);
10825
- border-width: var(--border-focus-ring-border-width, 2px);
10826
- border-style: var(--border-focus-ring-border-style, solid);
10827
- border-color: var(--color-blue-500, #0168b3);
10828
- inset: calc(-1 * calc(var(--border-focus-ring-border-width, 2px) * 2 + 1px));
10829
- }
10830
- .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR {
10831
- pointer-events: none;
10832
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.3);
10833
- opacity: 100%;
10834
- }
10835
- .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR:focus {
10836
- outline: none;
10837
- border: 2px solid transparent;
10838
- }
10839
- .SelectionControlButton-module_button__u-ysH.SelectionControlButton-module_isDisabled__0axMR:focus-visible::after {
10840
- border-color: var(--color-gray-400, #cdcdd0);
10841
- }
10842
- /** THIS IS AN AUTOGENERATED FILE **/
10843
10843
  .SelectPopoverContents-module_selectPopoverContents__rmEWn {
10844
10844
  padding: var(--spacing-12, 0.75rem);
10845
10845
  }
@@ -10919,6 +10919,15 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
10919
10919
  color: var(--color-gray-500, #878792);
10920
10920
  }
10921
10921
  /** THIS IS AN AUTOGENERATED FILE **/
10922
+ .MenuLoadingSkeleton-module_loadingInput__-6KsQ {
10923
+ margin-bottom: var(--spacing-sm, 0.75rem);
10924
+ }
10925
+
10926
+ .MenuLoadingSkeleton-module_loadingContainer__QFFBR {
10927
+ margin-left: var(--spacing-sm, 0.75rem);
10928
+ margin-right: var(--spacing-sm, 0.75rem);
10929
+ }
10930
+ /** THIS IS AN AUTOGENERATED FILE **/
10922
10931
  /** THIS IS AN AUTOGENERATED FILE **/
10923
10932
  /** THIS IS AN AUTOGENERATED FILE **/
10924
10933
  /** THIS IS AN AUTOGENERATED FILE **/
@@ -11045,15 +11054,6 @@ label .ToggleSwitch-module_disabled__3H-9R.ToggleSwitch-module_track__fcDMP {
11045
11054
  text-overflow: ellipsis;
11046
11055
  padding-inline-end: var(--spacing-12);
11047
11056
  }
11048
- /** THIS IS AN AUTOGENERATED FILE **/
11049
- .MenuLoadingSkeleton-module_loadingInput__-6KsQ {
11050
- margin-bottom: var(--spacing-sm, 0.75rem);
11051
- }
11052
-
11053
- .MenuLoadingSkeleton-module_loadingContainer__QFFBR {
11054
- margin-left: var(--spacing-sm, 0.75rem);
11055
- margin-right: var(--spacing-sm, 0.75rem);
11056
- }
11057
11057
  .LinkModal-module_validationErrorMessage__APw4U ul {
11058
11058
  margin-bottom: 0;
11059
11059
  }