@kaizen/components 1.67.17 → 1.67.19

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,37 @@
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
+ .Menu-module_menu__AowD8 {
3
+ background-color: var(--color-white);
4
+ color: var(--color-purple-800);
5
+ width: 248px;
6
+ max-height: 22rem;
7
+ overflow: auto;
8
+ padding-block: var(--spacing-6);
9
+ outline: none;
10
+ border-radius: var(--border-solid-border-radius);
11
+ box-shadow: var(--shadow-large-box-shadow);
12
+ }
13
+
14
+ .Menu-module_menu__AowD8 .react-aria-Header {
15
+ font-family: var(--typography-heading-6-font-family);
16
+ font-size: var(--typography-heading-6-font-size);
17
+ letter-spacing: var(--typography-heading-6-letter-spacing);
18
+ font-weight: var(--typography-heading-6-font-weight);
19
+ line-height: var(--typography-heading-6-line-height);
20
+ padding: var(--spacing-6) 10px;
21
+ margin-inline: var(--spacing-6);
22
+ }
23
+
24
+ .Menu-module_menu__AowD8 section:not(:last-of-type) {
25
+ &::after {
26
+ width: 100%;
27
+ height: 1px;
28
+ background-color: var(--border-solid-border-color);
29
+ content: "";
30
+ display: block;
31
+ margin-block: var(--spacing-6);
32
+ }
33
+ }
34
+
2
35
  .MenuItem-module_item__uImZI {
3
36
  display: block;
4
37
  font-family: var(--typography-paragraph-body-font-family);
@@ -39,39 +72,6 @@
39
72
  opacity: 0.3;
40
73
  }
41
74
 
42
- .Menu-module_menu__AowD8 {
43
- background-color: var(--color-white);
44
- color: var(--color-purple-800);
45
- width: 248px;
46
- max-height: 22rem;
47
- overflow: auto;
48
- padding-block: var(--spacing-6);
49
- outline: none;
50
- border-radius: var(--border-solid-border-radius);
51
- box-shadow: var(--shadow-large-box-shadow);
52
- }
53
-
54
- .Menu-module_menu__AowD8 .react-aria-Header {
55
- font-family: var(--typography-heading-6-font-family);
56
- font-size: var(--typography-heading-6-font-size);
57
- letter-spacing: var(--typography-heading-6-letter-spacing);
58
- font-weight: var(--typography-heading-6-font-weight);
59
- line-height: var(--typography-heading-6-line-height);
60
- padding: var(--spacing-6) 10px;
61
- margin-inline: var(--spacing-6);
62
- }
63
-
64
- .Menu-module_menu__AowD8 section:not(:last-of-type) {
65
- &::after {
66
- width: 100%;
67
- height: 1px;
68
- background-color: var(--border-solid-border-color);
69
- content: "";
70
- display: block;
71
- margin-block: var(--spacing-6);
72
- }
73
- }
74
-
75
75
  .Focusable-module_focusableWrapper__NfuIi {
76
76
  display: inline-flex;
77
77
  }
@@ -3886,19 +3886,21 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3886
3886
  .EmptyState-module_container__-B5OU {
3887
3887
  --empty-state-border-width: var(--border-width-1);
3888
3888
  display: flex;
3889
- justify-content: space-around;
3890
3889
  width: 100%;
3890
+ box-sizing: border-box;
3891
+ justify-content: space-around;
3891
3892
  padding: calc(2% - var(--empty-state-border-width)) calc(var(--spacing-24) - var(--empty-state-border-width));
3892
3893
  color: var(--color-purple-800, #2f2438);
3893
3894
  border: var(--empty-state-border-width) solid var(--empty-state-border-color);
3894
3895
  border-radius: var(--border-solid-border-radius);
3895
3896
  background-color: var(--empty-state-background-color);
3897
+ flex-wrap: wrap;
3896
3898
  }
3897
3899
  @media (max-width: 815px) {
3898
3900
  .EmptyState-module_container__-B5OU {
3899
3901
  flex-direction: column;
3900
3902
  align-items: center;
3901
- padding-block: calc(var(--spacing-24) - var(--empty-state-border-width));
3903
+ padding: calc(var(--spacing-24) - var(--empty-state-border-width));
3902
3904
  }
3903
3905
  }
3904
3906
  .EmptyState-module_container__-B5OU.EmptyState-module_straightCorners__Aeou0 {
@@ -3957,31 +3959,32 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
3957
3959
 
3958
3960
  .EmptyState-module_illustrationSide__ZSjF3,
3959
3961
  .EmptyState-module_textSide__tv54w {
3960
- display: inline-block;
3962
+ display: flex;
3963
+ box-sizing: border-box;
3961
3964
  }
3962
3965
 
3963
3966
  .EmptyState-module_illustrationSide__ZSjF3 {
3964
- min-width: 224px;
3965
- flex-grow: 0;
3966
- flex-shrink: 1;
3967
+ justify-content: center;
3968
+ align-items: center;
3969
+ flex: 0 1 auto;
3970
+ min-width: 0;
3971
+ max-width: 100%;
3967
3972
  margin-bottom: var(--spacing-md, 1.5rem);
3968
3973
  }
3969
3974
  @media (max-width: 815px) {
3970
3975
  .EmptyState-module_illustrationSide__ZSjF3 {
3971
- width: 224px;
3976
+ width: 100%;
3977
+ max-width: 224px;
3972
3978
  }
3973
3979
  }
3974
3980
  @media (min-width: 816px) {
3975
3981
  .EmptyState-module_illustrationSide__ZSjF3 {
3976
- display: flex;
3977
3982
  flex-direction: column;
3978
3983
  justify-content: center;
3979
3984
  align-items: flex-end;
3980
3985
  margin-bottom: 0;
3981
- min-width: 40%;
3982
- max-width: 50%;
3983
- flex-grow: 1;
3984
- box-sizing: border-box;
3986
+ width: auto;
3987
+ max-width: 40%;
3985
3988
  padding-inline-end: var(--spacing-md, 1.5rem);
3986
3989
  }
3987
3990
  }
@@ -4003,33 +4006,37 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4003
4006
  max-width: 100%;
4004
4007
  max-height: 366px;
4005
4008
  width: auto;
4009
+ height: auto;
4006
4010
  min-height: 196px;
4007
4011
  }
4008
4012
  @media (max-width: 815px) {
4009
4013
  .EmptyState-module_illustration__HyD2k,
4010
4014
  .EmptyState-module_illustrationSide__ZSjF3 video {
4011
4015
  max-height: 196px;
4016
+ width: 100%;
4012
4017
  }
4013
4018
  }
4014
4019
 
4015
4020
  .EmptyState-module_textSide__tv54w {
4016
- display: flex;
4017
- flex-grow: 1;
4018
- flex-shrink: 1;
4021
+ flex: 1 1 auto;
4022
+ min-width: 0;
4023
+ max-width: 100%;
4019
4024
  align-items: center;
4020
4025
  -webkit-font-smoothing: antialiased;
4021
4026
  }
4022
4027
  @media (min-width: 816px) {
4023
4028
  .EmptyState-module_textSide__tv54w {
4024
- flex-basis: 50%;
4025
- flex-grow: 0;
4029
+ flex: 0 1 50%;
4026
4030
  }
4027
4031
  }
4028
4032
 
4029
4033
  .EmptyState-module_textSideInner__Yynhi {
4030
- flex-grow: 0;
4031
- height: auto;
4034
+ width: 100%;
4035
+ max-width: 100%;
4036
+ box-sizing: border-box;
4032
4037
  margin: 0 var(--spacing-sm, 0.75rem);
4038
+ word-wrap: break-word;
4039
+ overflow-wrap: break-word;
4033
4040
  }
4034
4041
  @media (max-width: 815px) {
4035
4042
  .EmptyState-module_textSideInner__Yynhi {
@@ -4044,6 +4051,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4044
4051
 
4045
4052
  .EmptyState-module_heading__y-yvC {
4046
4053
  margin-bottom: var(--spacing-md, 1.5rem);
4054
+ max-width: 100%;
4047
4055
  }
4048
4056
  @media (max-width: 375px) {
4049
4057
  .EmptyState-module_heading__y-yvC {
@@ -4055,6 +4063,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4055
4063
 
4056
4064
  .EmptyState-module_description__fsJOc {
4057
4065
  margin-bottom: var(--spacing-md, 1.5rem);
4066
+ max-width: 100%;
4058
4067
  }
4059
4068
  /** THIS IS AN AUTOGENERATED FILE **/
4060
4069
  .ErrorPage-module_paragraphPadding__-L-qy {
@@ -4698,368 +4707,329 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
4698
4707
  gap: var(--spacing-8);
4699
4708
  }
4700
4709
 
4701
- /** THIS IS AN AUTOGENERATED FILE **/
4702
- /** THIS IS AN AUTOGENERATED FILE **/
4703
- /** THIS IS AN AUTOGENERATED FILE **/
4704
- /** THIS IS AN AUTOGENERATED FILE **/
4705
- /** THIS IS AN AUTOGENERATED FILE **/
4706
- /** THIS IS AN AUTOGENERATED FILE **/
4707
- .GuidanceBlock-module_rightMargin__-iEFa {
4708
- margin-right: var(--spacing-8, 0.5rem);
4710
+ .GuidanceBlock-module_rightMargin__T6JO2 {
4711
+ margin-right: var(--spacing-8);
4709
4712
  }
4710
4713
 
4711
- .GuidanceBlock-module_noRightMargin__4Uy9N {
4714
+ .GuidanceBlock-module_noRightMargin__MczwN {
4712
4715
  margin-right: 0;
4713
4716
  }
4714
4717
 
4715
- .GuidanceBlock-module_banner__FxKcd.GuidanceBlock-module_noMaxWidth__UzHP1 {
4718
+ .GuidanceBlock-module_banner__7FT39.GuidanceBlock-module_noMaxWidth__UCCUk {
4716
4719
  max-width: inherit;
4717
4720
  }
4718
4721
 
4719
- .GuidanceBlock-module_banner__FxKcd {
4722
+ .GuidanceBlock-module_banner__7FT39 {
4720
4723
  --border-width: var(--border-width-1);
4724
+ --banner-padding: var(--spacing-lg);
4725
+
4721
4726
  display: flex;
4722
4727
  flex-direction: column;
4723
- gap: var(--spacing-sm, 0.75rem);
4728
+ gap: var(--spacing-12);
4724
4729
  min-width: 320px;
4725
- max-width: 1080px;
4730
+ max-width: var(--layout-breakpoints-large);
4726
4731
  border: var(--border-width) var(--border-solid-border-style);
4727
- border-radius: var(--border-solid-border-radius, 7px);
4728
- padding: calc(var(--spacing-lg, 2.25rem) - var(--border-width));
4729
- 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));
4732
+ border-radius: var(--border-solid-border-radius);
4733
+ padding: calc(var(--banner-padding) - var(--border-width));
4734
+ box-shadow: var(--shadow-small-box-shadow);
4730
4735
  position: relative;
4731
4736
  top: -1px;
4732
- transition: opacity var(--animation-duration-slow, 400ms) ease, margin-top var(--animation-duration-fast, 300ms) var(--animation-duration-slow, 400ms) ease;
4733
- color: var(--color-purple-800, #2f2438);
4734
- }
4735
- @media (min-width: 1024px) {
4736
- .GuidanceBlock-module_banner__FxKcd {
4737
- min-height: calc(12rem - var(--spacing-lg, 2.25rem) * 2);
4737
+ transition:
4738
+ opacity var(--animation-duration-slow) ease,
4739
+ margin-top var(--animation-duration-fast) var(--animation-duration-slow)
4740
+ ease;
4741
+ color: var(--color-purple-800);
4742
+
4743
+ @media (width >= 1024px) {
4744
+ min-height: calc(12rem - calc(var(--banner-padding) * 2));
4738
4745
  flex-direction: row;
4739
- gap: var(--spacing-md, 1.5rem);
4746
+ gap: var(--spacing-24);
4740
4747
  width: auto;
4741
4748
  align-items: center;
4742
4749
  }
4743
- }
4744
- @media (max-width: 767px) {
4745
- .GuidanceBlock-module_banner__FxKcd {
4750
+
4751
+ @media (width >= 767px) {
4746
4752
  min-width: unset;
4747
4753
  }
4748
4754
  }
4749
4755
 
4750
- .GuidanceBlock-module_illustrationWrapper__AEljX {
4756
+ .GuidanceBlock-module_illustrationWrapper__tK4Xr {
4751
4757
  display: flex;
4752
- }
4753
- @media (min-width: 768px) and (max-width: 1023px) {
4754
- .GuidanceBlock-module_illustrationWrapper__AEljX {
4758
+
4759
+ @media (768px <= width <= 1023px) {
4755
4760
  text-align: center;
4756
4761
  justify-content: center;
4757
4762
  align-self: center;
4758
- padding: var(--spacing-sm, 0.75rem);
4763
+ padding: var(--spacing-12);
4759
4764
  }
4760
- }
4761
- @media (max-width: 767px) {
4762
- .GuidanceBlock-module_illustrationWrapper__AEljX {
4765
+
4766
+ @media (width <= 767px) {
4763
4767
  display: none;
4764
4768
  }
4765
4769
  }
4766
4770
 
4767
- .GuidanceBlock-module_illustration__sU1Vu {
4768
- width: 155px;
4769
- height: 155px;
4770
- }
4771
- .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu {
4772
- display: flex;
4773
- justify-content: center;
4774
- max-width: 300px;
4775
- max-height: 300px;
4776
- width: 300px;
4777
- height: auto;
4778
- }
4779
- .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu figure {
4780
- max-height: 100%;
4781
- max-width: 100%;
4782
- aspect-ratio: 4/3;
4783
- }
4784
- .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu img {
4785
- height: 100%;
4786
- object-fit: contain;
4787
- object-position: center;
4771
+ .GuidanceBlock-module_illustration__LiDV3 {
4772
+ --illustration-size: 155px;
4773
+ --scene-illustration-size: 300px;
4774
+
4775
+ width: var(--illustration-size);
4776
+ height: var(--illustration-size);
4777
+
4778
+ /* This has been created to handle scene illustrations consistently until the tile component is created */
4779
+ .GuidanceBlock-module_hasSceneIllustration__eBOyt & {
4780
+ display: flex;
4781
+ justify-content: center;
4782
+ max-width: var(--scene-illustration-size);
4783
+ max-height: var(--scene-illustration-size);
4784
+ width: var(--scene-illustration-size);
4785
+ height: auto;
4786
+
4787
+ figure {
4788
+ max-height: 100%;
4789
+ max-width: 100%;
4790
+ aspect-ratio: 4/3;
4791
+ }
4792
+
4793
+ img {
4794
+ height: 100%;
4795
+ object-fit: contain;
4796
+ object-position: center;
4797
+ }
4798
+ }
4788
4799
  }
4789
4800
 
4790
- .GuidanceBlock-module_descriptionContainer__aywtY {
4801
+ .GuidanceBlock-module_descriptionContainer__w1-P- {
4791
4802
  flex: 1;
4792
4803
  text-align: center;
4793
4804
  align-self: center;
4794
4805
  max-width: 780px;
4795
- }
4796
- @media (min-width: 1024px) {
4797
- .GuidanceBlock-module_descriptionContainer__aywtY {
4798
- padding: 0 var(--spacing-sm, 0.75rem);
4806
+
4807
+ @media (width >= 1024px) {
4808
+ padding: 0 var(--spacing-12);
4799
4809
  text-align: left;
4800
4810
  }
4801
- }
4802
- @media (max-width: 767px) {
4803
- .GuidanceBlock-module_descriptionContainer__aywtY {
4804
- margin: var(--spacing-sm, 0.75rem);
4811
+
4812
+ @media (width <= 767px) {
4813
+ margin: var(--spacing-12);
4805
4814
  max-width: 100%;
4806
4815
  }
4807
- }
4808
- @media (min-width: 1024px) {
4809
- [dir=rtl] .GuidanceBlock-module_descriptionContainer__aywtY {
4810
- padding: 0 var(--spacing-sm, 0.75rem);
4811
- text-align: right;
4816
+
4817
+ [dir="rtl"] & {
4818
+ @media (width >= 1024px) {
4819
+ padding: 0 var(--spacing-12);
4820
+ text-align: right;
4821
+ }
4812
4822
  }
4813
4823
  }
4814
4824
 
4815
- .GuidanceBlock-module_descriptionAndActions__E5BcL {
4825
+ .GuidanceBlock-module_descriptionAndActions__aQhc9 {
4816
4826
  display: flex;
4817
4827
  flex: 1;
4818
4828
  align-items: center;
4819
4829
  justify-content: space-between;
4820
- gap: var(--spacing-md, 1.5rem);
4821
- }
4822
- @media (max-width: 1023px) {
4823
- .GuidanceBlock-module_descriptionAndActions__E5BcL {
4830
+ gap: var(--spacing-24);
4831
+
4832
+ @media (width <= 1023px) {
4824
4833
  flex-direction: column;
4825
4834
  width: 100%;
4826
4835
  align-items: unset;
4827
4836
  }
4828
4837
  }
4829
4838
 
4830
- .GuidanceBlock-module_buttonContainer__U2Hxn {
4839
+ .GuidanceBlock-module_buttonContainer__bcVmB {
4831
4840
  display: flex;
4832
4841
  flex: 1 0 auto;
4833
4842
  justify-content: center;
4834
4843
  flex-direction: row-reverse;
4835
- gap: var(--spacing-sm, 0.75rem);
4844
+ gap: var(--spacing-12);
4836
4845
  min-width: max-content;
4837
- }
4838
- @media (min-width: 768px) {
4839
- .GuidanceBlock-module_buttonContainer__U2Hxn {
4846
+
4847
+ @media (width >= 768px) {
4840
4848
  text-align: center;
4841
4849
  }
4842
- }
4843
- @media (max-width: 767px) {
4844
- .GuidanceBlock-module_buttonContainer__U2Hxn {
4850
+
4851
+ @media (width <= 767px) {
4845
4852
  flex-direction: column;
4846
4853
  width: 100%;
4847
- margin-top: var(--spacing-xs, 0.375rem);
4854
+ margin-top: var(--spacing-6);
4848
4855
  }
4849
- }
4850
- [dir=rtl] .GuidanceBlock-module_buttonContainer__U2Hxn svg {
4851
- transform: rotate(180deg);
4852
- }
4853
4856
 
4854
- .GuidanceBlock-module_hidden__CbgXn {
4855
- opacity: 0%;
4856
- margin-bottom: 0;
4857
+ [dir="rtl"] & svg {
4858
+ transform: rotate(180deg);
4859
+ }
4857
4860
  }
4858
4861
 
4859
- .GuidanceBlock-module_headingWrapper__zgVmA {
4860
- margin-bottom: var(--spacing-md, 1.5rem);
4862
+ .GuidanceBlock-module_hidden__mwvrs {
4863
+ opacity: 0;
4864
+ margin-bottom: 0;
4861
4865
  }
4862
4866
 
4863
- .GuidanceBlock-module_cancel__UaIA- {
4864
- appearance: none;
4865
- display: inline;
4866
- background: transparent;
4867
- color: inherit;
4868
- font: inherit;
4869
- margin: 0;
4870
- padding: 0;
4871
- border: none;
4872
- cursor: pointer;
4873
- position: absolute;
4874
- top: var(--spacing-sm, 0.75rem);
4875
- right: var(--spacing-sm, 0.75rem);
4876
- color: var(--color-purple-800, #2f2438);
4877
- }
4878
- .GuidanceBlock-module_cancel__UaIA- .GuidanceBlock-module_icon__y2xz8 {
4879
- opacity: 70%;
4880
- transition: var(--animation-duration-fast, 300ms) opacity;
4881
- }
4882
- .GuidanceBlock-module_cancel__UaIA-:disabled .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-.GuidanceBlock-module_disabled__Uhgsr .GuidanceBlock-module_icon__y2xz8 {
4883
- opacity: 30%;
4884
- }
4885
- .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):hover .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):focus .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr).GuidanceBlock-module_hover__7V9x1 .GuidanceBlock-module_icon__y2xz8 {
4886
- opacity: 100%;
4887
- }
4888
- .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):active .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr).GuidanceBlock-module_active__YJaZt .GuidanceBlock-module_icon__y2xz8 {
4889
- opacity: 100%;
4867
+ .GuidanceBlock-module_headingWrapper__OfZB5 {
4868
+ margin-bottom: var(--spacing-24);
4890
4869
  }
4891
4870
 
4892
- .GuidanceBlock-module_default__Ffblg {
4871
+ .GuidanceBlock-module_default__7naG4 {
4893
4872
  border-color: var(--color-gray-500);
4894
4873
  background: var(--color-white);
4895
4874
  }
4896
4875
 
4897
- .GuidanceBlock-module_positive__yENlT {
4876
+ .GuidanceBlock-module_positive__iCp-1 {
4898
4877
  border-color: var(--color-green-500);
4899
- background: var(--color-green-100, #e8f8f4);
4878
+ background: var(--color-green-100);
4900
4879
  }
4901
4880
 
4902
- .GuidanceBlock-module_negative__E-Jvh,
4903
- .GuidanceBlock-module_assertive__6PZlM {
4881
+ .GuidanceBlock-module_negative__wWBlw,
4882
+ .GuidanceBlock-module_assertive__bNdnQ {
4904
4883
  border-color: var(--color-red-500);
4905
- background: var(--color-red-100, #fdeaee);
4884
+ background: var(--color-red-100);
4906
4885
  }
4907
4886
 
4908
- .GuidanceBlock-module_informative__ZUH4j {
4887
+ .GuidanceBlock-module_informative__KeJWO {
4909
4888
  border-color: var(--color-blue-400);
4910
- background: var(--color-blue-100, #e6f6ff);
4889
+ background: var(--color-blue-100);
4911
4890
  }
4912
4891
 
4913
- .GuidanceBlock-module_cautionary__sJ1CE {
4892
+ .GuidanceBlock-module_cautionary__5Vkw6 {
4914
4893
  border-color: var(--color-yellow-700);
4915
- background: var(--color-yellow-100, #fff9e4);
4894
+ background: var(--color-yellow-100);
4916
4895
  }
4917
4896
 
4918
- .GuidanceBlock-module_prominent__nn-r4 {
4897
+ .GuidanceBlock-module_prominent__rWTgt {
4919
4898
  border-color: var(--color-purple-400);
4920
- background: var(--color-purple-100, #f4edf8);
4899
+ background: var(--color-purple-100);
4921
4900
  }
4922
4901
 
4923
- .GuidanceBlock-module_inline__GwOWR,
4924
- .GuidanceBlock-module_stacked__rDupX {
4902
+ .GuidanceBlock-module_inline__B-Ubr,
4903
+ .GuidanceBlock-module_stacked__4dS71 {
4925
4904
  flex-flow: row wrap;
4926
4905
  align-items: unset;
4927
- gap: var(--spacing-md, 1.5rem);
4906
+ gap: var(--spacing-24);
4928
4907
  min-width: unset;
4929
- }
4930
- @media (max-width: 1023px) {
4931
- .GuidanceBlock-module_inline__GwOWR,
4932
- .GuidanceBlock-module_stacked__rDupX {
4908
+
4909
+ @media (width <= 1023px) {
4933
4910
  flex-direction: unset;
4934
4911
  }
4935
- }
4936
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
4937
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
4938
- margin-right: var(--spacing-sm, 0.75rem);
4939
- }
4940
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
4941
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
4942
- margin-left: var(--spacing-sm, 0.75rem);
4943
- margin-right: inherit;
4944
- }
4945
- @media (min-width: 768px) and (max-width: 1023px) {
4946
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
4947
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
4948
- padding: 0;
4912
+
4913
+ .GuidanceBlock-module_illustrationWrapper__tK4Xr {
4914
+ margin-right: var(--spacing-12);
4915
+
4916
+ [dir="rtl"] & {
4917
+ margin-left: var(--spacing-12);
4918
+ margin-right: inherit;
4919
+ }
4920
+
4921
+ @media (768px <= width <= 1023px) {
4922
+ padding: 0;
4923
+ }
4924
+
4925
+ @media (width <= 767px) {
4926
+ display: flex;
4927
+ }
4949
4928
  }
4950
- }
4951
- @media (max-width: 767px) {
4952
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
4953
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
4954
- display: flex;
4929
+
4930
+ .GuidanceBlock-module_descriptionAndActions__aQhc9 {
4931
+ margin: auto 0;
4955
4932
  }
4956
- }
4957
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionAndActions__E5BcL,
4958
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionAndActions__E5BcL {
4959
- margin: auto 0;
4960
- }
4961
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
4962
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
4963
- text-align: left;
4964
- max-width: unset;
4965
- min-width: 320px;
4966
- }
4967
- @media (min-width: 1024px) {
4968
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
4969
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
4970
- padding: 0;
4933
+
4934
+ .GuidanceBlock-module_descriptionContainer__w1-P- {
4935
+ text-align: left;
4936
+ max-width: unset;
4937
+ min-width: 320px;
4938
+
4939
+ @media (width >= 1024px) {
4940
+ padding: 0;
4941
+ }
4942
+
4943
+ @media (width <= 767px) {
4944
+ margin: 0;
4945
+ }
4946
+
4947
+ [dir="rtl"] & {
4948
+ text-align: right;
4949
+
4950
+ @media (width >= 1024px) {
4951
+ padding: 0;
4952
+ }
4953
+ }
4971
4954
  }
4972
- }
4973
- @media (max-width: 767px) {
4974
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
4975
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
4976
- margin: 0;
4955
+
4956
+ .GuidanceBlock-module_buttonContainer__bcVmB {
4957
+ padding-left: var(--spacing-12);
4958
+ justify-content: flex-start;
4959
+ width: unset;
4960
+ min-width: unset;
4961
+
4962
+ @media (width <= 767px) {
4963
+ flex-direction: row-reverse;
4964
+ }
4965
+
4966
+ [dir="rtl"] & {
4967
+ padding-left: 0;
4968
+ padding-right: var(--spacing-12);
4969
+ }
4970
+
4971
+ > * {
4972
+ width: unset;
4973
+ }
4977
4974
  }
4978
- }
4979
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
4980
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
4981
- text-align: right;
4982
- }
4983
- @media (min-width: 1024px) {
4984
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
4985
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
4986
- padding: 0;
4975
+
4976
+ &.GuidanceBlock-module_hasSceneIllustration__eBOyt {
4977
+ justify-content: center;
4987
4978
  }
4988
- }
4989
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
4990
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
4991
- padding-left: var(--spacing-sm, 0.75rem);
4992
- justify-content: flex-start;
4993
- width: unset;
4994
- min-width: unset;
4995
- }
4996
- @media (max-width: 767px) {
4997
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
4998
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
4999
- flex-direction: row-reverse;
4979
+
4980
+ &.GuidanceBlock-module_centerContent__9Vlup {
4981
+ flex-direction: column;
4982
+
4983
+ &.GuidanceBlock-module_hasSceneIllustration__eBOyt .GuidanceBlock-module_illustration__LiDV3 {
4984
+ width: 100%;
4985
+ }
4986
+
4987
+ .GuidanceBlock-module_illustrationWrapper__tK4Xr {
4988
+ margin: 0 auto;
4989
+ align-self: center;
4990
+ }
4991
+
4992
+ .GuidanceBlock-module_descriptionContainer__w1-P- {
4993
+ text-align: center;
4994
+ min-width: unset;
4995
+
4996
+ [dir="rtl"] & {
4997
+ text-align: center;
4998
+ }
4999
+ }
5000
+
5001
+ .GuidanceBlock-module_buttonContainer__bcVmB {
5002
+ padding: 0;
5003
+ flex-direction: column;
5004
+ min-width: unset;
5005
+ justify-content: center;
5006
+ }
5007
+ }
5008
+
5009
+ &.GuidanceBlock-module_centerContent__9Vlup.GuidanceBlock-module_smallScreenTextAlignment__-UXo9 {
5010
+ .GuidanceBlock-module_descriptionContainer__w1-P- {
5011
+ text-align: left;
5012
+
5013
+ [dir="rtl"] & {
5014
+ text-align: right;
5015
+ }
5016
+ }
5000
5017
  }
5001
- }
5002
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
5003
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
5004
- padding-left: 0;
5005
- padding-right: var(--spacing-sm, 0.75rem);
5006
- }
5007
- .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn > *,
5008
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn > * {
5009
- width: unset;
5010
- }
5011
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_hasSceneIllustration__tvFRD,
5012
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_hasSceneIllustration__tvFRD {
5013
- justify-content: center;
5014
- }
5015
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB,
5016
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB {
5017
- flex-direction: column;
5018
- }
5019
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu,
5020
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu {
5021
- width: 100%;
5022
- }
5023
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_illustrationWrapper__AEljX,
5024
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_illustrationWrapper__AEljX {
5025
- margin: 0 auto;
5026
- align-self: center;
5027
- }
5028
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY,
5029
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY {
5030
- text-align: center;
5031
- min-width: unset;
5032
- }
5033
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY,
5034
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY {
5035
- text-align: center;
5036
- }
5037
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_buttonContainer__U2Hxn,
5038
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_buttonContainer__U2Hxn {
5039
- padding: 0;
5040
- flex-direction: column;
5041
- min-width: unset;
5042
- justify-content: center;
5043
- }
5044
- .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY,
5045
- .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY {
5046
- text-align: left;
5047
- }
5048
- [dir=rtl] .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY,
5049
- [dir=rtl] .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY {
5050
- text-align: right;
5051
5018
  }
5052
5019
 
5053
5020
  /* stylelint-disable no-descending-specificity */
5054
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionAndActions__E5BcL {
5055
- flex-direction: column;
5056
- align-items: unset;
5057
- }
5058
- .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5059
- align-self: flex-start;
5060
- }
5021
+ .GuidanceBlock-module_stacked__4dS71 {
5022
+ .GuidanceBlock-module_descriptionAndActions__aQhc9 {
5023
+ flex-direction: column;
5024
+ align-items: unset;
5025
+ }
5061
5026
 
5027
+ .GuidanceBlock-module_descriptionContainer__w1-P- {
5028
+ align-self: flex-start;
5029
+ }
5030
+ }
5062
5031
  /* stylelint-enable no-descending-specificity */
5032
+
5063
5033
  .SVG-module_icon__8J5Ev {
5064
5034
  width: 20px;
5065
5035
  height: 20px;