@rei/cedar 11.3.1 → 12.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/cedar-compiled.css +743 -743
  2. package/dist/cedar.js +45 -59
  3. package/dist/cedar.mjs +45 -59
  4. package/dist/lib/assets/{cedar-compiled-301798f7.css → cedar-compiled-2ed4db3e.css} +1431 -1431
  5. package/dist/lib/src/components/accordion/styles/CdrAccordion.mjs +1 -1
  6. package/dist/lib/src/components/accordion/styles/CdrAccordionGroup.mjs +1 -1
  7. package/dist/lib/src/components/banner/styles/CdrBanner.mjs +1 -1
  8. package/dist/lib/src/components/breadcrumb/CdrBreadcrumb.mjs +1 -5
  9. package/dist/lib/src/components/breadcrumb/styles/CdrBreadcrumb.mjs +1 -1
  10. package/dist/lib/src/components/button/styles/CdrButton.mjs +1 -1
  11. package/dist/lib/src/components/caption/styles/CdrCaption.mjs +1 -1
  12. package/dist/lib/src/components/card/styles/CdrCard.mjs +1 -1
  13. package/dist/lib/src/components/checkbox/styles/CdrCheckbox.mjs +1 -1
  14. package/dist/lib/src/components/chip/styles/CdrChip.mjs +1 -1
  15. package/dist/lib/src/components/chip/styles/CdrChipGroup.mjs +1 -1
  16. package/dist/lib/src/components/container/styles/CdrContainer.mjs +1 -1
  17. package/dist/lib/src/components/formError/styles/CdrFormError.mjs +1 -1
  18. package/dist/lib/src/components/formGroup/styles/CdrFormGroup.mjs +1 -1
  19. package/dist/lib/src/components/grid/styles/CdrGrid.mjs +1 -1
  20. package/dist/lib/src/components/icon/styles/CdrIcon.mjs +1 -1
  21. package/dist/lib/src/components/image/styles/CdrImg.mjs +1 -1
  22. package/dist/lib/src/components/input/styles/CdrInput.mjs +1 -1
  23. package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.mjs +1 -1
  24. package/dist/lib/src/components/labelWrapper/styles/CdrLabelWrapper.mjs +1 -1
  25. package/dist/lib/src/components/link/styles/CdrLink.mjs +1 -1
  26. package/dist/lib/src/components/list/styles/CdrList.mjs +1 -1
  27. package/dist/lib/src/components/modal/styles/CdrModal.mjs +1 -1
  28. package/dist/lib/src/components/pagination/CdrPagination.mjs +5 -19
  29. package/dist/lib/src/components/pagination/styles/CdrPagination.mjs +1 -1
  30. package/dist/lib/src/components/popover/CdrPopover.mjs +4 -0
  31. package/dist/lib/src/components/popover/styles/CdrPopover.mjs +1 -1
  32. package/dist/lib/src/components/popup/styles/CdrPopup.mjs +1 -1
  33. package/dist/lib/src/components/quote/styles/CdrQuote.mjs +1 -1
  34. package/dist/lib/src/components/radio/styles/CdrRadio.mjs +1 -1
  35. package/dist/lib/src/components/rating/styles/CdrRating.mjs +1 -1
  36. package/dist/lib/src/components/select/styles/CdrSelect.mjs +1 -1
  37. package/dist/lib/src/components/table/styles/CdrTable.mjs +1 -1
  38. package/dist/lib/src/components/tabs/styles/CdrTabPanel.mjs +1 -1
  39. package/dist/lib/src/components/tabs/styles/CdrTabs.mjs +1 -1
  40. package/dist/lib/src/components/text/styles/CdrText.mjs +1 -1
  41. package/dist/lib/src/components/toast/styles/CdrToast.mjs +1 -1
  42. package/dist/lib/src/components/tooltip/styles/CdrTooltip.mjs +1 -1
  43. package/dist/style/cdr-accordion-group.css +1 -1
  44. package/dist/style/cdr-accordion.css +1 -1
  45. package/dist/style/cdr-banner.css +1 -1
  46. package/dist/style/cdr-breadcrumb.css +1 -1
  47. package/dist/style/cdr-button.css +1 -1
  48. package/dist/style/cdr-caption.css +1 -1
  49. package/dist/style/cdr-card.css +1 -1
  50. package/dist/style/cdr-checkbox.css +1 -1
  51. package/dist/style/cdr-chip-group.css +1 -1
  52. package/dist/style/cdr-chip.css +1 -1
  53. package/dist/style/cdr-container.css +1 -1
  54. package/dist/style/cdr-form-error.css +1 -1
  55. package/dist/style/cdr-form-group.css +1 -1
  56. package/dist/style/cdr-grid.css +1 -1
  57. package/dist/style/cdr-icon.css +1 -1
  58. package/dist/style/cdr-img.css +1 -1
  59. package/dist/style/cdr-input.css +1 -1
  60. package/dist/style/cdr-label-standalone.css +1 -1
  61. package/dist/style/cdr-label-wrapper.css +1 -1
  62. package/dist/style/cdr-link.css +1 -1
  63. package/dist/style/cdr-list.css +1 -1
  64. package/dist/style/cdr-modal.css +1 -1
  65. package/dist/style/cdr-pagination.css +1 -1
  66. package/dist/style/cdr-popover.css +1 -1
  67. package/dist/style/cdr-popup.css +1 -1
  68. package/dist/style/cdr-quote.css +1 -1
  69. package/dist/style/cdr-radio.css +1 -1
  70. package/dist/style/cdr-rating.css +1 -1
  71. package/dist/style/cdr-select.css +1 -1
  72. package/dist/style/cdr-tab-panel.css +1 -1
  73. package/dist/style/cdr-table.css +1 -1
  74. package/dist/style/cdr-tabs.css +1 -1
  75. package/dist/style/cdr-text.css +1 -1
  76. package/dist/style/cdr-toast.css +1 -1
  77. package/dist/style/cdr-tooltip.css +1 -1
  78. package/package.json +2 -2
@@ -1,13 +1,5 @@
1
- .cdr-accordion-group_11-3-1 {
2
- display: block;
3
- list-style: none;
4
- padding: 0;
5
- margin: 0; }
6
- .cdr-accordion-group_11-3-1 li + li > .cdr-accordion_11-3-1 {
7
- border-top: none; }
8
-
9
1
  /* intentionally empty */
10
- .cdr-accordion_11-3-1 {
2
+ .cdr-accordion_12-0-0-beta-0 {
11
3
  border-top: 0.1rem solid #dcd6cb;
12
4
  border-bottom: 0.1rem solid #dcd6cb;
13
5
  position: relative;
@@ -22,9 +14,9 @@
22
14
  ========== */
23
15
  /* Border-Aligned and Compact
24
16
  ========== */ }
25
- .cdr-accordion_11-3-1 + .cdr-accordion_11-3-1 {
17
+ .cdr-accordion_12-0-0-beta-0 + .cdr-accordion_12-0-0-beta-0 {
26
18
  border-top: none; }
27
- .cdr-accordion__button_11-3-1 {
19
+ .cdr-accordion__button_12-0-0-beta-0 {
28
20
  font-family: Graphik, "Helvetica Neue", sans-serif;
29
21
  font-style: normal;
30
22
  font-weight: 600;
@@ -42,17 +34,17 @@
42
34
  text-align: left;
43
35
  width: 100%;
44
36
  z-index: 1; }
45
- .cdr-accordion__button_11-3-1:hover, .cdr-accordion__button_11-3-1:focus {
37
+ .cdr-accordion__button_12-0-0-beta-0:hover, .cdr-accordion__button_12-0-0-beta-0:focus {
46
38
  background-color: #f9f8f6; }
47
- .cdr-accordion__label_11-3-1 {
39
+ .cdr-accordion__label_12-0-0-beta-0 {
48
40
  margin-bottom: 0; }
49
- .cdr-accordion__header_11-3-1 {
41
+ .cdr-accordion__header_12-0-0-beta-0 {
50
42
  margin: 0;
51
43
  padding: 0;
52
44
  font-weight: unset;
53
45
  font-style: unset;
54
46
  font-size: unset; }
55
- .cdr-accordion__header--unwrapped_11-3-1 {
47
+ .cdr-accordion__header--unwrapped_12-0-0-beta-0 {
56
48
  font-family: Graphik, "Helvetica Neue", sans-serif;
57
49
  font-style: normal;
58
50
  font-weight: 500;
@@ -60,20 +52,20 @@
60
52
  font-size: 1.8rem;
61
53
  line-height: 2.4rem;
62
54
  margin: 1.6rem 0; }
63
- .cdr-accordion__icon_11-3-1 {
55
+ .cdr-accordion__icon_12-0-0-beta-0 {
64
56
  margin-left: 1.6rem;
65
57
  fill: #928b80;
66
58
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1); }
67
- .cdr-accordion__icon_11-3-1.open {
59
+ .cdr-accordion__icon_12-0-0-beta-0.open {
68
60
  transform: rotate(-180deg); }
69
- .cdr-accordion__content-container_11-3-1 {
61
+ .cdr-accordion__content-container_12-0-0-beta-0 {
70
62
  overflow: hidden;
71
63
  transition-duration: 0.3s;
72
64
  transition-property: max-height;
73
65
  transition-timing-function: cubic-bezier(0.15, 0, 0.15, 1); }
74
- .cdr-accordion__content-container_11-3-1.open {
66
+ .cdr-accordion__content-container_12-0-0-beta-0.open {
75
67
  transition-duration: 0.3s; }
76
- .cdr-accordion__content_11-3-1 {
68
+ .cdr-accordion__content_12-0-0-beta-0 {
77
69
  font-family: Graphik, "Helvetica Neue", sans-serif;
78
70
  font-style: normal;
79
71
  font-weight: 400;
@@ -85,29 +77,29 @@
85
77
  padding: 0.8rem 1.6rem 1.6rem;
86
78
  transition: opacity 0.1s linear;
87
79
  opacity: 0; }
88
- .cdr-accordion__content_11-3-1 > * {
80
+ .cdr-accordion__content_12-0-0-beta-0 > * {
89
81
  font-family: Graphik, "Helvetica Neue", sans-serif;
90
82
  font-style: normal;
91
83
  font-weight: 400;
92
84
  letter-spacing: 0.008rem;
93
85
  font-size: 1.6rem;
94
86
  line-height: 2.6rem; }
95
- .cdr-accordion__content_11-3-1.open {
87
+ .cdr-accordion__content_12-0-0-beta-0.open {
96
88
  opacity: 1; }
97
- .cdr-accordion__content_11-3-1.closed {
89
+ .cdr-accordion__content_12-0-0-beta-0.closed {
98
90
  visibility: hidden; }
99
- .cdr-accordion--unwrap_11-3-1 {
91
+ .cdr-accordion--unwrap_12-0-0-beta-0 {
100
92
  padding: 0; }
101
- .cdr-accordion--border-aligned_11-3-1 {
93
+ .cdr-accordion--border-aligned_12-0-0-beta-0 {
102
94
  margin: 0 1.6rem; }
103
- .cdr-accordion--border-aligned_11-3-1 .cdr-accordion__button_11-3-1 {
95
+ .cdr-accordion--border-aligned_12-0-0-beta-0 .cdr-accordion__button_12-0-0-beta-0 {
104
96
  margin-left: -1.6rem;
105
97
  width: calc(100% + 3.2rem); }
106
- .cdr-accordion--border-aligned_11-3-1 .cdr-accordion__content_11-3-1 {
98
+ .cdr-accordion--border-aligned_12-0-0-beta-0 .cdr-accordion__content_12-0-0-beta-0 {
107
99
  padding: 0.8rem 0 1.6rem; }
108
- .cdr-accordion--no-spacing_11-3-1 .cdr-accordion__content_11-3-1 {
100
+ .cdr-accordion--no-spacing_12-0-0-beta-0 .cdr-accordion__content_12-0-0-beta-0 {
109
101
  padding: 0; }
110
- .cdr-accordion--compact_11-3-1 .cdr-accordion__button_11-3-1 {
102
+ .cdr-accordion--compact_12-0-0-beta-0 .cdr-accordion__button_12-0-0-beta-0 {
111
103
  font-family: Graphik, "Helvetica Neue", sans-serif;
112
104
  font-style: normal;
113
105
  font-weight: 600;
@@ -115,7 +107,7 @@
115
107
  font-size: 1.4rem;
116
108
  line-height: 1.8rem;
117
109
  padding: 1.2rem; }
118
- .cdr-accordion--compact_11-3-1 .cdr-accordion__content_11-3-1 {
110
+ .cdr-accordion--compact_12-0-0-beta-0 .cdr-accordion__content_12-0-0-beta-0 {
119
111
  font-family: Graphik, "Helvetica Neue", sans-serif;
120
112
  font-style: normal;
121
113
  font-weight: 400;
@@ -123,19 +115,19 @@
123
115
  font-size: 1.4rem;
124
116
  line-height: 1.8rem;
125
117
  padding: 0.4rem 1.2rem 1.2rem; }
126
- .cdr-accordion--compact_11-3-1 .cdr-accordion__content_11-3-1 > * {
118
+ .cdr-accordion--compact_12-0-0-beta-0 .cdr-accordion__content_12-0-0-beta-0 > * {
127
119
  font-family: Graphik, "Helvetica Neue", sans-serif;
128
120
  font-style: normal;
129
121
  font-weight: 400;
130
122
  letter-spacing: -0.016rem;
131
123
  font-size: 1.4rem;
132
124
  line-height: 1.8rem; }
133
- .cdr-accordion--compact_11-3-1.cdr-accordion--border-aligned_11-3-1 .cdr-accordion__button_11-3-1 {
125
+ .cdr-accordion--compact_12-0-0-beta-0.cdr-accordion--border-aligned_12-0-0-beta-0 .cdr-accordion__button_12-0-0-beta-0 {
134
126
  margin-left: -1.2rem;
135
127
  width: calc(100% + 2.4rem); }
136
- .cdr-accordion--compact_11-3-1.cdr-accordion--border-aligned_11-3-1 .cdr-accordion__content_11-3-1 {
128
+ .cdr-accordion--compact_12-0-0-beta-0.cdr-accordion--border-aligned_12-0-0-beta-0 .cdr-accordion__content_12-0-0-beta-0 {
137
129
  padding: 0.4rem 0 1.2rem; }
138
- .cdr-accordion--focused_11-3-1 {
130
+ .cdr-accordion--focused_12-0-0-beta-0 {
139
131
  /*
140
132
  This z-index change is to fix a Chrome-only visual issue with the light blue focus outline. Basically, the bottom
141
133
  line of the outline is usually covered by the accordion immediately below what's currently focuesd. We increase
@@ -143,239 +135,15 @@
143
135
  */
144
136
  z-index: 10; }
145
137
 
146
- .cdr-breadcrumb_11-3-1 {
147
- line-height: 1;
148
- /* List
149
- ========== */
150
- /* Item
151
- ========== */
152
- /* Link
153
- ---------- */
154
- /* Delimiter
155
- ========== */
156
- /* Ellipses
157
- ========== */ }
158
- .cdr-breadcrumb__list_11-3-1 {
159
- display: inline-flex;
160
- flex-wrap: wrap;
161
- padding: 0;
162
- margin: 0; }
163
- .cdr-breadcrumb__item_11-3-1 {
164
- display: inline-flex;
165
- flex: none;
166
- padding: 0;
167
- color: rgba(66, 59, 47, 0.75); }
168
- .cdr-breadcrumb__link_11-3-1 {
169
- text-decoration: none;
170
- color: inherit; }
171
- .cdr-breadcrumb__link_11-3-1:hover, .cdr-breadcrumb__link_11-3-1:active, .cdr-breadcrumb__link_11-3-1:focus {
172
- color: #406eb5; }
173
- .cdr-breadcrumb__link_11-3-1:hover, .cdr-breadcrumb__link_11-3-1:active, .cdr-breadcrumb__link_11-3-1:focus {
174
- color: #406eb5;
175
- text-decoration: underline; }
176
- .cdr-breadcrumb__delimiter_11-3-1 {
177
- color: inherit;
178
- padding: 0 0.8rem; }
179
- .cdr-breadcrumb__ellipses_11-3-1 {
180
- font-family: inherit;
181
- font-size: inherit;
182
- line-height: inherit;
183
- border: none;
184
- background: none;
185
- background-color: transparent;
186
- cursor: pointer;
187
- display: inline-block;
188
- fill: inherit;
189
- padding: 0;
190
- /* Ellipses Icon
191
- ========== */ }
192
- .cdr-breadcrumb__ellipses_11-3-1 .cdr-breadcrumb__ellipses-icon_11-3-1 {
193
- color: rgba(66, 59, 47, 0.75);
194
- border-bottom: 0.1rem solid transparent;
195
- fill: inherit; }
196
- .cdr-breadcrumb__ellipses_11-3-1:hover .cdr-breadcrumb__ellipses-icon_11-3-1, .cdr-breadcrumb__ellipses_11-3-1:active .cdr-breadcrumb__ellipses-icon_11-3-1, .cdr-breadcrumb__ellipses_11-3-1:focus .cdr-breadcrumb__ellipses-icon_11-3-1 {
197
- color: #406eb5;
198
- text-decoration: underline; }
199
- .cdr-breadcrumb__link_11-3-1, .cdr-breadcrumb__delimiter_11-3-1, .cdr-breadcrumb__ellipses_11-3-1 {
200
- font-family: Graphik, "Helvetica Neue", sans-serif;
201
- font-style: normal;
202
- font-weight: 400;
203
- letter-spacing: -0.008rem;
204
- font-size: 1.2rem;
205
- line-height: 1.6rem; }
206
- @media (min-width: 992px) {
207
- .cdr-breadcrumb__link_11-3-1, .cdr-breadcrumb__delimiter_11-3-1, .cdr-breadcrumb__ellipses_11-3-1 {
208
- font-family: Graphik, "Helvetica Neue", sans-serif;
209
- font-style: normal;
210
- font-weight: 400;
211
- letter-spacing: -0.016rem;
212
- font-size: 1.4rem;
213
- line-height: 1.8rem; } }
214
-
215
- /* ==========================================================================
216
- # CdrCaption
217
-
218
- All values should map to variables in
219
- vars/CdrCaption.vars.pcss
220
- in order to allow for theming
221
-
222
- TOC:
223
-
224
- :Base - CdrCaption
225
- ========================================================================== */
226
- .cdr-caption_11-3-1 {
227
- max-width: 53rem;
228
- line-height: 1;
229
- padding: 0.8rem 0; }
230
- .cdr-caption_11-3-1 cite {
231
- font-family: Graphik, "Helvetica Neue", sans-serif;
232
- font-size: 1.2rem;
233
- font-weight: 400;
234
- letter-spacing: 0.016rem;
235
- line-height: 1.8rem;
236
- color: rgba(66, 59, 47, 0.75);
237
- font-style: normal; }
238
- .cdr-caption__summary_11-3-1 {
239
- font-family: Graphik, "Helvetica Neue", sans-serif;
240
- font-size: 1.4rem;
241
- font-weight: 400;
242
- letter-spacing: 0.008rem;
243
- line-height: 2.2rem;
244
- margin: 0;
245
- color: rgba(12, 11, 8, 0.75); }
246
- .cdr-caption__summary_11-3-1 + cite {
247
- display: inline-block;
248
- margin-top: 0.8rem; }
249
-
250
- .cdr-card_11-3-1 {
251
- position: relative;
252
- background-color: #ffffff;
253
- border-radius: 0.4rem;
254
- box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
255
- color: rgba(12, 11, 8, 0.75);
256
- width: 100%;
257
- transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
258
- cursor: pointer;
259
- overflow: hidden; }
260
- .cdr-card_11-3-1:active, .cdr-card_11-3-1:hover {
261
- box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
262
- transform: translateY(-0.2rem);
263
- transition: 0.2s; }
264
- .cdr-card__link {
265
- position: static;
266
- color: rgba(12, 11, 8, 0.75) !important;
267
- text-decoration: none !important; }
268
- .cdr-card__link:hover {
269
- text-decoration: underline !important;
270
- color: #406eb5 !important; }
271
- .cdr-card__link::before {
272
- content: "";
273
- display: block;
274
- position: absolute;
275
- width: 100%;
276
- z-index: 1;
277
- height: 100%;
278
- left: 0;
279
- top: 0;
280
- background-color: transparent; }
281
-
282
- .cdr-chip_11-3-1 {
283
- display: inline-flex;
284
- align-items: center;
285
- position: relative;
286
- width: -webkit-max-content;
287
- width: -moz-max-content;
288
- width: max-content;
289
- padding: 0.8rem 1.2rem;
290
- border-radius: 3rem;
291
- border: 0;
292
- color: #4e4d49;
293
- fill: #4e4d49;
294
- background-color: #ffffff;
295
- box-shadow: inset 0 0 0 0.1rem #928b80;
296
- cursor: pointer;
297
- font-family: Graphik, "Helvetica Neue", sans-serif;
298
- font-size: 1.4rem;
299
- line-height: 1.5rem;
300
- font-weight: 400;
301
- letter-spacing: -0.008rem;
302
- transition: color 0.1s cubic-bezier(0.15, 0, 0.15, 0), fill 0.1s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.1s cubic-bezier(0.15, 0, 0.15, 0), box-shadow 0.1s cubic-bezier(0.15, 0, 0.15, 0); }
303
- .cdr-chip_11-3-1:disabled, .cdr-chip_11-3-1:disabled:hover, .cdr-chip_11-3-1:disabled:focus {
304
- cursor: not-allowed !important;
305
- background-color: #ffffff !important;
306
- box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
307
- color: #d1cbbd !important; }
308
- .cdr-chip_11-3-1:hover {
309
- background-color: #f9f8f6;
310
- box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
311
- .cdr-chip_11-3-1:focus {
312
- outline: none;
313
- outline-offset: 0;
314
- background-color: #ffffff;
315
- box-shadow: inset 0 0 0 0.3rem #4e4d49; }
316
- .cdr-chip_11-3-1:active {
317
- background-color: #edeae3;
318
- box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
319
- .cdr-chip_11-3-1[aria-pressed="true"], .cdr-chip_11-3-1[aria-checked="true"] {
320
- text-shadow: 0 0 0.1rem currentColor;
321
- background-color: #edeae3;
322
- box-shadow: inset 0 0 0 0.1rem #4e4d49; }
323
- .cdr-chip_11-3-1[aria-pressed="true"]:hover, .cdr-chip_11-3-1[aria-checked="true"]:hover {
324
- background-color: #edeae3;
325
- box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
326
- .cdr-chip_11-3-1[aria-pressed="true"]:focus, .cdr-chip_11-3-1[aria-checked="true"]:focus {
327
- background-color: #edeae3;
328
- box-shadow: inset 0 0 0 0.3rem #4e4d49; }
329
- .cdr-chip__icon-left_11-3-1 {
330
- position: absolute;
331
- left: 0.8rem; }
332
- .cdr-chip__icon-right_11-3-1 {
333
- position: absolute;
334
- right: 0.8rem; }
335
- .cdr-chip__icon-left_11-3-1 ~ .cdr-chip__content_11-3-1 {
336
- margin-left: 1.6rem; }
337
- .cdr-chip__icon-right_11-3-1 ~ .cdr-chip__content_11-3-1 {
338
- margin-right: 1.6rem; }
339
-
340
- .cdr-chip-group_11-3-1 {
341
- border: none;
342
- -webkit-margin-start: 0;
343
- margin-inline-start: 0;
344
- -webkit-margin-end: 0;
345
- margin-inline-end: 0;
346
- -webkit-padding-before: 0;
347
- padding-block-start: 0;
348
- -webkit-padding-start: 0;
349
- padding-inline-start: 0;
350
- -webkit-padding-end: 0;
351
- padding-inline-end: 0;
352
- -webkit-padding-after: 0;
353
- padding-block-end: 0; }
354
- .cdr-chip-group_11-3-1 legend {
355
- -webkit-padding-start: 0;
356
- padding-inline-start: 0;
357
- margin-bottom: 0.8rem; }
358
- .cdr-chip-group__content_11-3-1 > button:not(:last-child) {
359
- margin-right: 0.8rem;
360
- margin-bottom: 0.8rem; }
361
- .cdr-chip-group__legend--hidden_11-3-1 {
362
- position: absolute;
363
- width: 0.1rem;
364
- height: 0.1rem;
138
+ .cdr-accordion-group_12-0-0-beta-0 {
139
+ display: block;
140
+ list-style: none;
365
141
  padding: 0;
366
- margin: -0.1rem;
367
- overflow: hidden;
368
- clip: rect(0, 0, 0, 0);
369
- border: 0; }
370
- .cdr-chip-group__legend_11-3-1 {
371
- font-family: Graphik, "Helvetica Neue", sans-serif;
372
- font-style: normal;
373
- font-weight: 500;
374
- letter-spacing: 0;
375
- font-size: 1.6rem;
376
- line-height: 2rem; }
142
+ margin: 0; }
143
+ .cdr-accordion-group_12-0-0-beta-0 li + li > .cdr-accordion_12-0-0-beta-0 {
144
+ border-top: none; }
377
145
 
378
- .cdr-button_11-3-1 {
146
+ .cdr-button_12-0-0-beta-0 {
379
147
  font-family: Graphik, "Helvetica Neue", sans-serif;
380
148
  font-style: normal;
381
149
  font-weight: 500;
@@ -423,138 +191,138 @@
423
191
  /* @lg
424
192
  1200px and up
425
193
  ========== */ }
426
- .cdr-button_11-3-1:hover, .cdr-button_11-3-1:active, .cdr-button_11-3-1:focus {
194
+ .cdr-button_12-0-0-beta-0:hover, .cdr-button_12-0-0-beta-0:active, .cdr-button_12-0-0-beta-0:focus {
427
195
  outline: none;
428
196
  outline-offset: 0;
429
197
  text-decoration: none; }
430
- .cdr-button_11-3-1[disabled] {
198
+ .cdr-button_12-0-0-beta-0[disabled] {
431
199
  cursor: not-allowed; }
432
- .cdr-button_11-3-1 svg {
200
+ .cdr-button_12-0-0-beta-0 svg {
433
201
  align-self: center;
434
202
  fill: inherit; }
435
- .cdr-button_11-3-1.cdr-button--has-icon-left_11-3-1 svg {
203
+ .cdr-button_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 svg {
436
204
  margin-right: 0.4rem; }
437
- .cdr-button_11-3-1.cdr-button--has-icon-right_11-3-1 svg {
205
+ .cdr-button_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 svg {
438
206
  margin-left: 0.4rem; }
439
- .cdr-button--primary_11-3-1 {
207
+ .cdr-button--primary_12-0-0-beta-0 {
440
208
  background-color: #1f513f;
441
209
  box-shadow: inset 0 0 0 0.1rem #1f513f;
442
210
  color: #f9f8f6;
443
211
  fill: #f9f8f6; }
444
- .cdr-button--primary_11-3-1:hover, .cdr-button--primary_11-3-1:focus {
212
+ .cdr-button--primary_12-0-0-beta-0:hover, .cdr-button--primary_12-0-0-beta-0:focus {
445
213
  color: #1f513f;
446
214
  fill: #1f513f;
447
215
  background-color: #f4f2ed;
448
216
  box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
449
- .cdr-button--primary_11-3-1:active {
217
+ .cdr-button--primary_12-0-0-beta-0:active {
450
218
  color: #f9f8f6;
451
219
  fill: #f9f8f6;
452
220
  background-color: #1f513f;
453
221
  box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed; }
454
- .cdr-button--primary_11-3-1[disabled] {
222
+ .cdr-button--primary_12-0-0-beta-0[disabled] {
455
223
  background-color: #dcd6cb;
456
224
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
457
225
  color: #ffffff;
458
226
  fill: #ffffff; }
459
- .cdr-button--primary_11-3-1.cdr-button--elevated_11-3-1 {
227
+ .cdr-button--primary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0 {
460
228
  box-shadow: inset 0 0 0 0.1rem #1f513f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
461
- .cdr-button--primary_11-3-1.cdr-button--elevated_11-3-1:hover, .cdr-button--primary_11-3-1.cdr-button--elevated_11-3-1:focus {
229
+ .cdr-button--primary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:hover, .cdr-button--primary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:focus {
462
230
  box-shadow: inset 0 0 0 0.3rem #1f513f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
463
- .cdr-button--primary_11-3-1.cdr-button--elevated_11-3-1:active {
231
+ .cdr-button--primary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:active {
464
232
  box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
465
- .cdr-button--secondary_11-3-1 {
233
+ .cdr-button--secondary_12-0-0-beta-0 {
466
234
  background-color: #f9f8f6;
467
235
  box-shadow: inset 0 0 0 0.1rem #928b80;
468
236
  color: #4e4d49;
469
237
  fill: #928b80; }
470
- .cdr-button--secondary_11-3-1:hover, .cdr-button--secondary_11-3-1:focus {
238
+ .cdr-button--secondary_12-0-0-beta-0:hover, .cdr-button--secondary_12-0-0-beta-0:focus {
471
239
  color: #4e4d49;
472
240
  fill: #4e4d49;
473
241
  background-color: #f4f2ed;
474
242
  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
475
- .cdr-button--secondary_11-3-1:active {
243
+ .cdr-button--secondary_12-0-0-beta-0:active {
476
244
  color: #f9f8f6;
477
245
  fill: #f9f8f6;
478
246
  background-color: #928b80;
479
247
  box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
480
- .cdr-button--secondary_11-3-1[disabled] {
248
+ .cdr-button--secondary_12-0-0-beta-0[disabled] {
481
249
  background-color: #f9f8f6;
482
250
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
483
251
  color: #d1cbbd;
484
252
  fill: #d1cbbd; }
485
- .cdr-button--secondary_11-3-1.cdr-button--elevated_11-3-1 {
253
+ .cdr-button--secondary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0 {
486
254
  box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
487
- .cdr-button--secondary_11-3-1.cdr-button--elevated_11-3-1:hover, .cdr-button--secondary_11-3-1.cdr-button--elevated_11-3-1:focus {
255
+ .cdr-button--secondary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:hover, .cdr-button--secondary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:focus {
488
256
  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
489
- .cdr-button--secondary_11-3-1.cdr-button--elevated_11-3-1:active {
257
+ .cdr-button--secondary_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:active {
490
258
  box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
491
- .cdr-button--dark_11-3-1 {
259
+ .cdr-button--dark_12-0-0-beta-0 {
492
260
  background-color: #4e4d49;
493
261
  box-shadow: inset 0 0 0 0.1rem #4e4d49;
494
262
  color: #f9f8f6;
495
263
  fill: #f9f8f6; }
496
- .cdr-button--dark_11-3-1:hover, .cdr-button--dark_11-3-1:focus {
264
+ .cdr-button--dark_12-0-0-beta-0:hover, .cdr-button--dark_12-0-0-beta-0:focus {
497
265
  color: #4e4d49;
498
266
  fill: #4e4d49;
499
267
  background-color: #edeae3;
500
268
  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
501
- .cdr-button--dark_11-3-1:active {
269
+ .cdr-button--dark_12-0-0-beta-0:active {
502
270
  color: #f9f8f6;
503
271
  fill: #f9f8f6;
504
272
  background-color: #4e4d49;
505
273
  box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3; }
506
- .cdr-button--dark_11-3-1[disabled] {
274
+ .cdr-button--dark_12-0-0-beta-0[disabled] {
507
275
  background-color: #dcd6cb;
508
276
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
509
277
  color: #ffffff;
510
278
  fill: #ffffff; }
511
- .cdr-button--dark_11-3-1.cdr-button--elevated_11-3-1 {
279
+ .cdr-button--dark_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0 {
512
280
  box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
513
- .cdr-button--dark_11-3-1.cdr-button--elevated_11-3-1:hover, .cdr-button--dark_11-3-1.cdr-button--elevated_11-3-1:focus {
281
+ .cdr-button--dark_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:hover, .cdr-button--dark_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:focus {
514
282
  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
515
- .cdr-button--dark_11-3-1.cdr-button--elevated_11-3-1:active {
283
+ .cdr-button--dark_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:active {
516
284
  box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
517
- .cdr-button--sale_11-3-1 {
285
+ .cdr-button--sale_12-0-0-beta-0 {
518
286
  background-color: #c7370f;
519
287
  box-shadow: inset 0 0 0 0.1rem #c7370f;
520
288
  color: #ffffff;
521
289
  fill: #ffffff; }
522
- .cdr-button--sale_11-3-1:hover, .cdr-button--sale_11-3-1:focus {
290
+ .cdr-button--sale_12-0-0-beta-0:hover, .cdr-button--sale_12-0-0-beta-0:focus {
523
291
  color: #c7370f;
524
292
  fill: #c7370f;
525
293
  background-color: #f4f2ed;
526
294
  box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
527
- .cdr-button--sale_11-3-1:active {
295
+ .cdr-button--sale_12-0-0-beta-0:active {
528
296
  color: #ffffff;
529
297
  fill: #ffffff;
530
298
  background-color: #c7370f;
531
299
  box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed; }
532
- .cdr-button--sale_11-3-1[disabled] {
300
+ .cdr-button--sale_12-0-0-beta-0[disabled] {
533
301
  background-color: #dcd6cb;
534
302
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
535
303
  color: #ffffff;
536
304
  fill: #ffffff; }
537
- .cdr-button--sale_11-3-1.cdr-button--elevated_11-3-1 {
305
+ .cdr-button--sale_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0 {
538
306
  box-shadow: inset 0 0 0 0.1rem #c7370f, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
539
- .cdr-button--sale_11-3-1.cdr-button--elevated_11-3-1:hover, .cdr-button--sale_11-3-1.cdr-button--elevated_11-3-1:focus {
307
+ .cdr-button--sale_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:hover, .cdr-button--sale_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:focus {
540
308
  box-shadow: inset 0 0 0 0.3rem #c7370f, 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2); }
541
- .cdr-button--sale_11-3-1.cdr-button--elevated_11-3-1:active {
309
+ .cdr-button--sale_12-0-0-beta-0.cdr-button--elevated_12-0-0-beta-0:active {
542
310
  box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
543
- .cdr-button--link_11-3-1 {
311
+ .cdr-button--link_12-0-0-beta-0 {
544
312
  color: #406eb5;
545
313
  fill: #406eb5;
546
314
  background-color: transparent;
547
315
  text-decoration: underline; }
548
- .cdr-button--link_11-3-1:active, .cdr-button--link_11-3-1:focus {
316
+ .cdr-button--link_12-0-0-beta-0:active, .cdr-button--link_12-0-0-beta-0:focus {
549
317
  color: #0b2d60; }
550
- .cdr-button--link_11-3-1:hover {
318
+ .cdr-button--link_12-0-0-beta-0:hover {
551
319
  color: #406eb5;
552
320
  text-decoration: none; }
553
- .cdr-button--link_11-3-1:focus {
321
+ .cdr-button--link_12-0-0-beta-0:focus {
554
322
  outline: 0.2rem solid Highlight;
555
323
  outline-color: -webkit-focus-ring-color;
556
324
  outline-offset: 0; }
557
- .cdr-button--large_11-3-1 {
325
+ .cdr-button--large_12-0-0-beta-0 {
558
326
  font-family: Graphik, "Helvetica Neue", sans-serif;
559
327
  font-style: normal;
560
328
  font-weight: 500;
@@ -563,15 +331,15 @@
563
331
  line-height: 2.2rem;
564
332
  padding: 1.2rem 2.4rem;
565
333
  width: auto; }
566
- .cdr-button--large_11-3-1.cdr-button--has-icon-left_11-3-1 {
334
+ .cdr-button--large_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
567
335
  padding-left: 2rem; }
568
- .cdr-button--large_11-3-1.cdr-button--has-icon-right_11-3-1 {
336
+ .cdr-button--large_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
569
337
  padding-right: 2rem; }
570
- .cdr-button--large_11-3-1 svg {
338
+ .cdr-button--large_12-0-0-beta-0 svg {
571
339
  /* This is to correct icon size vs line height */
572
340
  width: 2.4rem;
573
341
  height: 2.4rem; }
574
- .cdr-button--medium_11-3-1 {
342
+ .cdr-button--medium_12-0-0-beta-0 {
575
343
  font-family: Graphik, "Helvetica Neue", sans-serif;
576
344
  font-style: normal;
577
345
  font-weight: 500;
@@ -580,15 +348,15 @@
580
348
  line-height: 2.2rem;
581
349
  padding: 0.8rem 1.6rem;
582
350
  width: auto; }
583
- .cdr-button--medium_11-3-1.cdr-button--has-icon-left_11-3-1 {
351
+ .cdr-button--medium_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
584
352
  padding-left: 1.2rem; }
585
- .cdr-button--medium_11-3-1.cdr-button--has-icon-right_11-3-1 {
353
+ .cdr-button--medium_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
586
354
  padding-right: 1.2rem; }
587
- .cdr-button--medium_11-3-1 svg {
355
+ .cdr-button--medium_12-0-0-beta-0 svg {
588
356
  /* This is to correct icon size vs line height */
589
357
  width: 2.4rem;
590
358
  height: 2.4rem; }
591
- .cdr-button--small_11-3-1 {
359
+ .cdr-button--small_12-0-0-beta-0 {
592
360
  font-family: Graphik, "Helvetica Neue", sans-serif;
593
361
  font-style: normal;
594
362
  font-weight: 500;
@@ -597,15 +365,15 @@
597
365
  line-height: 1.8rem;
598
366
  padding: 0.6rem 1.2rem;
599
367
  width: auto; }
600
- .cdr-button--small_11-3-1.cdr-button--has-icon-left_11-3-1 {
368
+ .cdr-button--small_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
601
369
  padding-left: 0.8rem; }
602
- .cdr-button--small_11-3-1.cdr-button--has-icon-right_11-3-1 {
370
+ .cdr-button--small_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
603
371
  padding-right: 0.8rem; }
604
- .cdr-button--small_11-3-1 svg {
372
+ .cdr-button--small_12-0-0-beta-0 svg {
605
373
  /* This is to correct icon size vs line height */
606
374
  width: 2rem;
607
375
  height: 2rem; }
608
- .cdr-button--icon-only_11-3-1 {
376
+ .cdr-button--icon-only_12-0-0-beta-0 {
609
377
  background: none;
610
378
  border: none;
611
379
  border-radius: 0.2rem;
@@ -614,55 +382,55 @@
614
382
  line-height: normal;
615
383
  padding: 0.8rem;
616
384
  fill: #928b80; }
617
- .cdr-button--icon-only_11-3-1:hover {
385
+ .cdr-button--icon-only_12-0-0-beta-0:hover {
618
386
  background: none;
619
387
  box-shadow: none;
620
388
  border: none;
621
389
  fill: #928b80; }
622
- .cdr-button--icon-only_11-3-1:active, .cdr-button--icon-only_11-3-1:focus {
390
+ .cdr-button--icon-only_12-0-0-beta-0:active, .cdr-button--icon-only_12-0-0-beta-0:focus {
623
391
  background: none;
624
392
  outline: none;
625
393
  border: none;
626
394
  box-shadow: none;
627
395
  fill: #928b80; }
628
- .cdr-button--icon-only_11-3-1:active svg, .cdr-button--icon-only_11-3-1:focus svg {
396
+ .cdr-button--icon-only_12-0-0-beta-0:active svg, .cdr-button--icon-only_12-0-0-beta-0:focus svg {
629
397
  box-shadow: inset 0 0 0 0.1rem #928b80; }
630
- .cdr-button--icon-only_11-3-1[disabled] {
398
+ .cdr-button--icon-only_12-0-0-beta-0[disabled] {
631
399
  background: transparent;
632
400
  box-shadow: none;
633
401
  border: none;
634
402
  fill: #dcd6cb; }
635
- .cdr-button--icon-only_11-3-1 > svg {
403
+ .cdr-button--icon-only_12-0-0-beta-0 > svg {
636
404
  margin: 0; }
637
- .cdr-button--icon-only-large_11-3-1 {
405
+ .cdr-button--icon-only-large_12-0-0-beta-0 {
638
406
  padding: 1.2rem; }
639
- .cdr-button--with-background_11-3-1 {
407
+ .cdr-button--with-background_12-0-0-beta-0 {
640
408
  border-radius: 50%;
641
409
  fill: #928b80;
642
410
  background-color: #f9f8f6;
643
411
  box-shadow: inset 0 0 0 0.1rem #928b80; }
644
- .cdr-button--with-background_11-3-1:hover, .cdr-button--with-background_11-3-1:focus {
412
+ .cdr-button--with-background_12-0-0-beta-0:hover, .cdr-button--with-background_12-0-0-beta-0:focus {
645
413
  fill: #928b80;
646
414
  background-color: #f4f2ed;
647
415
  box-shadow: inset 0 0 0 0.3rem #4e4d49, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
648
- .cdr-button--with-background_11-3-1:hover svg, .cdr-button--with-background_11-3-1:focus svg {
416
+ .cdr-button--with-background_12-0-0-beta-0:hover svg, .cdr-button--with-background_12-0-0-beta-0:focus svg {
649
417
  box-shadow: none; }
650
- .cdr-button--with-background_11-3-1:active {
418
+ .cdr-button--with-background_12-0-0-beta-0:active {
651
419
  color: #f9f8f6;
652
420
  fill: #f9f8f6;
653
421
  background-color: #928b80;
654
422
  box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
655
- .cdr-button--with-background_11-3-1:active svg {
423
+ .cdr-button--with-background_12-0-0-beta-0:active svg {
656
424
  box-shadow: none; }
657
- .cdr-button--with-background_11-3-1[disabled] {
425
+ .cdr-button--with-background_12-0-0-beta-0[disabled] {
658
426
  background-color: #f9f8f6;
659
427
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
660
428
  fill: #d1cbbd; }
661
- .cdr-button--full-width_11-3-1 {
429
+ .cdr-button--full-width_12-0-0-beta-0 {
662
430
  width: 100% !important;
663
431
  justify-content: center; }
664
432
  @media (min-width: 0) and (max-width: 767px) {
665
- .cdr-button--small\@xs_11-3-1 {
433
+ .cdr-button--small\@xs_12-0-0-beta-0 {
666
434
  font-family: Graphik, "Helvetica Neue", sans-serif;
667
435
  font-style: normal;
668
436
  font-weight: 500;
@@ -671,15 +439,15 @@
671
439
  line-height: 1.8rem;
672
440
  padding: 0.6rem 1.2rem;
673
441
  width: auto; }
674
- .cdr-button--small\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
442
+ .cdr-button--small\@xs_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
675
443
  padding-left: 0.8rem; }
676
- .cdr-button--small\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
444
+ .cdr-button--small\@xs_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
677
445
  padding-right: 0.8rem; }
678
- .cdr-button--small\@xs_11-3-1 svg {
446
+ .cdr-button--small\@xs_12-0-0-beta-0 svg {
679
447
  /* This is to correct icon size vs line height */
680
448
  width: 2rem;
681
449
  height: 2rem; }
682
- .cdr-button--medium\@xs_11-3-1 {
450
+ .cdr-button--medium\@xs_12-0-0-beta-0 {
683
451
  font-family: Graphik, "Helvetica Neue", sans-serif;
684
452
  font-style: normal;
685
453
  font-weight: 500;
@@ -688,15 +456,15 @@
688
456
  line-height: 2.2rem;
689
457
  padding: 0.8rem 1.6rem;
690
458
  width: auto; }
691
- .cdr-button--medium\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
459
+ .cdr-button--medium\@xs_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
692
460
  padding-left: 1.2rem; }
693
- .cdr-button--medium\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
461
+ .cdr-button--medium\@xs_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
694
462
  padding-right: 1.2rem; }
695
- .cdr-button--medium\@xs_11-3-1 svg {
463
+ .cdr-button--medium\@xs_12-0-0-beta-0 svg {
696
464
  /* This is to correct icon size vs line height */
697
465
  width: 2.4rem;
698
466
  height: 2.4rem; }
699
- .cdr-button--large\@xs_11-3-1 {
467
+ .cdr-button--large\@xs_12-0-0-beta-0 {
700
468
  font-family: Graphik, "Helvetica Neue", sans-serif;
701
469
  font-style: normal;
702
470
  font-weight: 500;
@@ -705,19 +473,19 @@
705
473
  line-height: 2.2rem;
706
474
  padding: 1.2rem 2.4rem;
707
475
  width: auto; }
708
- .cdr-button--large\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
476
+ .cdr-button--large\@xs_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
709
477
  padding-left: 2rem; }
710
- .cdr-button--large\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
478
+ .cdr-button--large\@xs_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
711
479
  padding-right: 2rem; }
712
- .cdr-button--large\@xs_11-3-1 svg {
480
+ .cdr-button--large\@xs_12-0-0-beta-0 svg {
713
481
  /* This is to correct icon size vs line height */
714
482
  width: 2.4rem;
715
483
  height: 2.4rem; }
716
- .cdr-button--fullWidth\@xs_11-3-1 {
484
+ .cdr-button--fullWidth\@xs_12-0-0-beta-0 {
717
485
  width: 100% !important;
718
486
  justify-content: center; } }
719
487
  @media (min-width: 768px) and (max-width: 991px) {
720
- .cdr-button--small\@sm_11-3-1 {
488
+ .cdr-button--small\@sm_12-0-0-beta-0 {
721
489
  font-family: Graphik, "Helvetica Neue", sans-serif;
722
490
  font-style: normal;
723
491
  font-weight: 500;
@@ -726,15 +494,15 @@
726
494
  line-height: 1.8rem;
727
495
  padding: 0.6rem 1.2rem;
728
496
  width: auto; }
729
- .cdr-button--small\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
497
+ .cdr-button--small\@sm_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
730
498
  padding-left: 0.8rem; }
731
- .cdr-button--small\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
499
+ .cdr-button--small\@sm_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
732
500
  padding-right: 0.8rem; }
733
- .cdr-button--small\@sm_11-3-1 svg {
501
+ .cdr-button--small\@sm_12-0-0-beta-0 svg {
734
502
  /* This is to correct icon size vs line height */
735
503
  width: 2rem;
736
504
  height: 2rem; }
737
- .cdr-button--medium\@sm_11-3-1 {
505
+ .cdr-button--medium\@sm_12-0-0-beta-0 {
738
506
  font-family: Graphik, "Helvetica Neue", sans-serif;
739
507
  font-style: normal;
740
508
  font-weight: 500;
@@ -743,15 +511,15 @@
743
511
  line-height: 2.2rem;
744
512
  padding: 0.8rem 1.6rem;
745
513
  width: auto; }
746
- .cdr-button--medium\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
514
+ .cdr-button--medium\@sm_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
747
515
  padding-left: 1.2rem; }
748
- .cdr-button--medium\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
516
+ .cdr-button--medium\@sm_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
749
517
  padding-right: 1.2rem; }
750
- .cdr-button--medium\@sm_11-3-1 svg {
518
+ .cdr-button--medium\@sm_12-0-0-beta-0 svg {
751
519
  /* This is to correct icon size vs line height */
752
520
  width: 2.4rem;
753
521
  height: 2.4rem; }
754
- .cdr-button--large\@sm_11-3-1 {
522
+ .cdr-button--large\@sm_12-0-0-beta-0 {
755
523
  font-family: Graphik, "Helvetica Neue", sans-serif;
756
524
  font-style: normal;
757
525
  font-weight: 500;
@@ -760,19 +528,19 @@
760
528
  line-height: 2.2rem;
761
529
  padding: 1.2rem 2.4rem;
762
530
  width: auto; }
763
- .cdr-button--large\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
531
+ .cdr-button--large\@sm_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
764
532
  padding-left: 2rem; }
765
- .cdr-button--large\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
533
+ .cdr-button--large\@sm_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
766
534
  padding-right: 2rem; }
767
- .cdr-button--large\@sm_11-3-1 svg {
535
+ .cdr-button--large\@sm_12-0-0-beta-0 svg {
768
536
  /* This is to correct icon size vs line height */
769
537
  width: 2.4rem;
770
538
  height: 2.4rem; }
771
- .cdr-button--fullWidth\@sm_11-3-1 {
539
+ .cdr-button--fullWidth\@sm_12-0-0-beta-0 {
772
540
  width: 100% !important;
773
541
  justify-content: center; } }
774
542
  @media (min-width: 992px) and (max-width: 1231px) {
775
- .cdr-button--small\@md_11-3-1 {
543
+ .cdr-button--small\@md_12-0-0-beta-0 {
776
544
  font-family: Graphik, "Helvetica Neue", sans-serif;
777
545
  font-style: normal;
778
546
  font-weight: 500;
@@ -781,15 +549,15 @@
781
549
  line-height: 1.8rem;
782
550
  padding: 0.6rem 1.2rem;
783
551
  width: auto; }
784
- .cdr-button--small\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
552
+ .cdr-button--small\@md_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
785
553
  padding-left: 0.8rem; }
786
- .cdr-button--small\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
554
+ .cdr-button--small\@md_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
787
555
  padding-right: 0.8rem; }
788
- .cdr-button--small\@md_11-3-1 svg {
556
+ .cdr-button--small\@md_12-0-0-beta-0 svg {
789
557
  /* This is to correct icon size vs line height */
790
558
  width: 2rem;
791
559
  height: 2rem; }
792
- .cdr-button--medium\@md_11-3-1 {
560
+ .cdr-button--medium\@md_12-0-0-beta-0 {
793
561
  font-family: Graphik, "Helvetica Neue", sans-serif;
794
562
  font-style: normal;
795
563
  font-weight: 500;
@@ -798,15 +566,15 @@
798
566
  line-height: 2.2rem;
799
567
  padding: 0.8rem 1.6rem;
800
568
  width: auto; }
801
- .cdr-button--medium\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
569
+ .cdr-button--medium\@md_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
802
570
  padding-left: 1.2rem; }
803
- .cdr-button--medium\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
571
+ .cdr-button--medium\@md_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
804
572
  padding-right: 1.2rem; }
805
- .cdr-button--medium\@md_11-3-1 svg {
573
+ .cdr-button--medium\@md_12-0-0-beta-0 svg {
806
574
  /* This is to correct icon size vs line height */
807
575
  width: 2.4rem;
808
576
  height: 2.4rem; }
809
- .cdr-button--large\@md_11-3-1 {
577
+ .cdr-button--large\@md_12-0-0-beta-0 {
810
578
  font-family: Graphik, "Helvetica Neue", sans-serif;
811
579
  font-style: normal;
812
580
  font-weight: 500;
@@ -815,19 +583,19 @@
815
583
  line-height: 2.2rem;
816
584
  padding: 1.2rem 2.4rem;
817
585
  width: auto; }
818
- .cdr-button--large\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
586
+ .cdr-button--large\@md_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
819
587
  padding-left: 2rem; }
820
- .cdr-button--large\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
588
+ .cdr-button--large\@md_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
821
589
  padding-right: 2rem; }
822
- .cdr-button--large\@md_11-3-1 svg {
590
+ .cdr-button--large\@md_12-0-0-beta-0 svg {
823
591
  /* This is to correct icon size vs line height */
824
592
  width: 2.4rem;
825
593
  height: 2.4rem; }
826
- .cdr-button--fullWidth\@md_11-3-1 {
594
+ .cdr-button--fullWidth\@md_12-0-0-beta-0 {
827
595
  width: 100% !important;
828
596
  justify-content: center; } }
829
597
  @media (min-width: 1232px) {
830
- .cdr-button--small\@lg_11-3-1 {
598
+ .cdr-button--small\@lg_12-0-0-beta-0 {
831
599
  font-family: Graphik, "Helvetica Neue", sans-serif;
832
600
  font-style: normal;
833
601
  font-weight: 500;
@@ -836,15 +604,15 @@
836
604
  line-height: 1.8rem;
837
605
  padding: 0.6rem 1.2rem;
838
606
  width: auto; }
839
- .cdr-button--small\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
607
+ .cdr-button--small\@lg_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
840
608
  padding-left: 0.8rem; }
841
- .cdr-button--small\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
609
+ .cdr-button--small\@lg_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
842
610
  padding-right: 0.8rem; }
843
- .cdr-button--small\@lg_11-3-1 svg {
611
+ .cdr-button--small\@lg_12-0-0-beta-0 svg {
844
612
  /* This is to correct icon size vs line height */
845
613
  width: 2rem;
846
614
  height: 2rem; }
847
- .cdr-button--medium\@lg_11-3-1 {
615
+ .cdr-button--medium\@lg_12-0-0-beta-0 {
848
616
  font-family: Graphik, "Helvetica Neue", sans-serif;
849
617
  font-style: normal;
850
618
  font-weight: 500;
@@ -853,15 +621,15 @@
853
621
  line-height: 2.2rem;
854
622
  padding: 0.8rem 1.6rem;
855
623
  width: auto; }
856
- .cdr-button--medium\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
624
+ .cdr-button--medium\@lg_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
857
625
  padding-left: 1.2rem; }
858
- .cdr-button--medium\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
626
+ .cdr-button--medium\@lg_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
859
627
  padding-right: 1.2rem; }
860
- .cdr-button--medium\@lg_11-3-1 svg {
628
+ .cdr-button--medium\@lg_12-0-0-beta-0 svg {
861
629
  /* This is to correct icon size vs line height */
862
630
  width: 2.4rem;
863
631
  height: 2.4rem; }
864
- .cdr-button--large\@lg_11-3-1 {
632
+ .cdr-button--large\@lg_12-0-0-beta-0 {
865
633
  font-family: Graphik, "Helvetica Neue", sans-serif;
866
634
  font-style: normal;
867
635
  font-weight: 500;
@@ -870,163 +638,395 @@
870
638
  line-height: 2.2rem;
871
639
  padding: 1.2rem 2.4rem;
872
640
  width: auto; }
873
- .cdr-button--large\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
641
+ .cdr-button--large\@lg_12-0-0-beta-0.cdr-button--has-icon-left_12-0-0-beta-0 {
874
642
  padding-left: 2rem; }
875
- .cdr-button--large\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
643
+ .cdr-button--large\@lg_12-0-0-beta-0.cdr-button--has-icon-right_12-0-0-beta-0 {
876
644
  padding-right: 2rem; }
877
- .cdr-button--large\@lg_11-3-1 svg {
645
+ .cdr-button--large\@lg_12-0-0-beta-0 svg {
878
646
  /* This is to correct icon size vs line height */
879
647
  width: 2.4rem;
880
648
  height: 2.4rem; }
881
- .cdr-button--fullWidth\@lg_11-3-1 {
649
+ .cdr-button--fullWidth\@lg_12-0-0-beta-0 {
882
650
  width: 100% !important;
883
651
  justify-content: center; } }
884
652
 
885
- .cdr-container_11-3-1 {
886
- font-family: Graphik, "Helvetica Neue", sans-serif;
887
- font-style: normal;
888
- font-weight: 400;
889
- letter-spacing: -0.016rem;
890
- font-size: 1.6rem;
891
- line-height: 2.2rem;
892
- padding-left: 1.6rem;
893
- padding-right: 1.6rem;
894
- width: 100%; }
895
- @media (min-width: 992px) {
896
- .cdr-container_11-3-1 {
897
- padding-left: 3.2rem;
898
- padding-right: 3.2rem; } }
899
- .cdr-container--static_11-3-1 {
900
- margin-left: auto;
901
- margin-right: auto;
902
- max-width: 123.2rem; }
653
+ /* ==========================================================================
654
+ # CdrCaption
903
655
 
904
- .cdr-banner_11-3-1 {
905
- position: relative;
906
- font-family: Graphik, "Helvetica Neue", sans-serif;
907
- font-style: normal;
908
- font-weight: 400;
909
- letter-spacing: -0.016rem;
910
- font-size: 1.4rem;
911
- line-height: 1.8rem;
912
- display: grid;
913
- grid-template-columns: 1fr auto;
914
- grid-template-areas: "main info-action" "message-body info-action"; }
915
- .cdr-banner__wrapper--prominence_11-3-1 {
916
- box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
917
- .cdr-banner__main_11-3-1 {
918
- grid-area: main;
919
- display: grid;
920
- grid-template-columns: auto 1fr auto;
921
- grid-template-areas: "icon-left message icon-right"; }
922
- .cdr-banner__icon-left_11-3-1 {
923
- grid-area: icon-left;
924
- display: inherit;
925
- align-items: center;
926
- justify-items: center; }
927
- .cdr-banner__icon-left_11-3-1 svg {
928
- max-height: 2.2rem;
929
- max-width: 2.2rem;
930
- stroke: white;
931
- stroke-width: 0.4rem;
932
- paint-order: stroke fill;
933
- margin: 0.4rem; }
934
- .cdr-banner__message_11-3-1 {
935
- display: inherit;
936
- grid-area: message;
937
- padding: 0 0.8rem;
938
- align-items: center; }
939
- .cdr-banner__message-body_11-3-1 {
940
- grid-area: message-body;
941
- background-color: #ffffff;
942
- padding: 0.8rem; }
943
- .cdr-banner__icon-right_11-3-1 {
944
- display: inherit;
945
- align-items: center;
656
+ All values should map to variables in
657
+ vars/CdrCaption.vars.pcss
658
+ in order to allow for theming
659
+
660
+ TOC:
661
+
662
+ :Base - CdrCaption
663
+ ========================================================================== */
664
+ .cdr-caption_12-0-0-beta-0 {
665
+ max-width: 53rem;
666
+ line-height: 1;
667
+ padding: 0.8rem 0; }
668
+ .cdr-caption_12-0-0-beta-0 cite {
669
+ font-family: Graphik, "Helvetica Neue", sans-serif;
670
+ font-size: 1.2rem;
671
+ font-weight: 400;
672
+ letter-spacing: 0.016rem;
673
+ line-height: 1.8rem;
674
+ color: rgba(66, 59, 47, 0.75);
675
+ font-style: normal; }
676
+ .cdr-caption__summary_12-0-0-beta-0 {
677
+ font-family: Graphik, "Helvetica Neue", sans-serif;
678
+ font-size: 1.4rem;
679
+ font-weight: 400;
680
+ letter-spacing: 0.008rem;
681
+ line-height: 2.2rem;
682
+ margin: 0;
683
+ color: rgba(12, 11, 8, 0.75); }
684
+ .cdr-caption__summary_12-0-0-beta-0 + cite {
685
+ display: inline-block;
686
+ margin-top: 0.8rem; }
687
+
688
+ .cdr-breadcrumb_12-0-0-beta-0 {
689
+ line-height: 1;
690
+ /* List
691
+ ========== */
692
+ /* Item
693
+ ========== */
694
+ /* Link
695
+ ---------- */
696
+ /* Delimiter
697
+ ========== */
698
+ /* Ellipses
699
+ ========== */ }
700
+ .cdr-breadcrumb__list_12-0-0-beta-0 {
701
+ display: inline-flex;
702
+ flex-wrap: wrap;
703
+ padding: 0;
704
+ margin: 0; }
705
+ .cdr-breadcrumb__item_12-0-0-beta-0 {
706
+ display: inline-flex;
707
+ flex: none;
708
+ padding: 0;
709
+ color: rgba(66, 59, 47, 0.75); }
710
+ .cdr-breadcrumb__link_12-0-0-beta-0 {
711
+ text-decoration: none;
712
+ color: inherit; }
713
+ .cdr-breadcrumb__link_12-0-0-beta-0:hover, .cdr-breadcrumb__link_12-0-0-beta-0:active, .cdr-breadcrumb__link_12-0-0-beta-0:focus {
714
+ color: #406eb5; }
715
+ .cdr-breadcrumb__link_12-0-0-beta-0:hover, .cdr-breadcrumb__link_12-0-0-beta-0:active, .cdr-breadcrumb__link_12-0-0-beta-0:focus {
716
+ color: #406eb5;
717
+ text-decoration: underline; }
718
+ .cdr-breadcrumb__delimiter_12-0-0-beta-0 {
719
+ color: inherit;
720
+ padding: 0 0.8rem; }
721
+ .cdr-breadcrumb__ellipses_12-0-0-beta-0 {
722
+ font-family: inherit;
723
+ font-size: inherit;
724
+ line-height: inherit;
725
+ border: none;
726
+ background: none;
727
+ background-color: transparent;
728
+ cursor: pointer;
729
+ display: inline-block;
730
+ fill: inherit;
731
+ padding: 0;
732
+ /* Ellipses Icon
733
+ ========== */ }
734
+ .cdr-breadcrumb__ellipses_12-0-0-beta-0 .cdr-breadcrumb__ellipses-icon_12-0-0-beta-0 {
735
+ color: rgba(66, 59, 47, 0.75);
736
+ border-bottom: 0.1rem solid transparent;
737
+ fill: inherit; }
738
+ .cdr-breadcrumb__ellipses_12-0-0-beta-0:hover .cdr-breadcrumb__ellipses-icon_12-0-0-beta-0, .cdr-breadcrumb__ellipses_12-0-0-beta-0:active .cdr-breadcrumb__ellipses-icon_12-0-0-beta-0, .cdr-breadcrumb__ellipses_12-0-0-beta-0:focus .cdr-breadcrumb__ellipses-icon_12-0-0-beta-0 {
739
+ color: #406eb5;
740
+ text-decoration: underline; }
741
+ .cdr-breadcrumb__link_12-0-0-beta-0, .cdr-breadcrumb__delimiter_12-0-0-beta-0, .cdr-breadcrumb__ellipses_12-0-0-beta-0 {
742
+ font-family: Graphik, "Helvetica Neue", sans-serif;
743
+ font-style: normal;
744
+ font-weight: 400;
745
+ letter-spacing: -0.008rem;
746
+ font-size: 1.2rem;
747
+ line-height: 1.6rem; }
748
+ @media (min-width: 992px) {
749
+ .cdr-breadcrumb__link_12-0-0-beta-0, .cdr-breadcrumb__delimiter_12-0-0-beta-0, .cdr-breadcrumb__ellipses_12-0-0-beta-0 {
750
+ font-family: Graphik, "Helvetica Neue", sans-serif;
751
+ font-style: normal;
752
+ font-weight: 400;
753
+ letter-spacing: -0.016rem;
754
+ font-size: 1.4rem;
755
+ line-height: 1.8rem; } }
756
+
757
+ .cdr-banner_12-0-0-beta-0 {
758
+ position: relative;
759
+ font-family: Graphik, "Helvetica Neue", sans-serif;
760
+ font-style: normal;
761
+ font-weight: 400;
762
+ letter-spacing: -0.016rem;
763
+ font-size: 1.4rem;
764
+ line-height: 1.8rem;
765
+ display: grid;
766
+ grid-template-columns: 1fr auto;
767
+ grid-template-areas: "main info-action" "message-body info-action"; }
768
+ .cdr-banner__wrapper--prominence_12-0-0-beta-0 {
769
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
770
+ .cdr-banner__main_12-0-0-beta-0 {
771
+ grid-area: main;
772
+ display: grid;
773
+ grid-template-columns: auto 1fr auto;
774
+ grid-template-areas: "icon-left message icon-right"; }
775
+ .cdr-banner__icon-left_12-0-0-beta-0 {
776
+ grid-area: icon-left;
777
+ display: inherit;
778
+ align-items: center;
779
+ justify-items: center; }
780
+ .cdr-banner__icon-left_12-0-0-beta-0 svg {
781
+ max-height: 2.2rem;
782
+ max-width: 2.2rem;
783
+ stroke: white;
784
+ stroke-width: 0.4rem;
785
+ paint-order: stroke fill;
786
+ margin: 0.4rem; }
787
+ .cdr-banner__message_12-0-0-beta-0 {
788
+ display: inherit;
789
+ grid-area: message;
790
+ padding: 0 0.8rem;
791
+ align-items: center; }
792
+ .cdr-banner__message-body_12-0-0-beta-0 {
793
+ grid-area: message-body;
794
+ background-color: #ffffff;
795
+ padding: 0.8rem; }
796
+ .cdr-banner__icon-right_12-0-0-beta-0 {
797
+ display: inherit;
798
+ align-items: center;
946
799
  grid-area: icon-right; }
947
- .cdr-banner__icon-right_11-3-1 svg {
800
+ .cdr-banner__icon-right_12-0-0-beta-0 svg {
948
801
  max-height: 2rem;
949
802
  max-width: 2rem;
950
803
  fill: rgba(3, 3, 1, 0.9) !important; }
951
- .cdr-banner__info-action_11-3-1 {
804
+ .cdr-banner__info-action_12-0-0-beta-0 {
952
805
  display: inherit;
953
806
  grid-area: info-action;
954
807
  align-content: center;
955
808
  justify-content: center;
956
809
  max-height: 3.2rem;
957
810
  width: 4rem; }
958
- .cdr-banner__info-action_11-3-1 svg {
811
+ .cdr-banner__info-action_12-0-0-beta-0 svg {
959
812
  max-height: 2.2rem;
960
813
  max-width: 2.2rem;
961
814
  fill: #406eb5 !important; }
962
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 {
815
+ .cdr-banner--default_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 {
963
816
  background-color: #f9f8f6;
964
817
  border-top: 0.1rem solid;
965
818
  border-right: 0.1rem solid;
966
819
  border-bottom: 0.1rem solid;
967
820
  border-color: #e8e0ce; }
968
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
821
+ .cdr-banner--default_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 {
969
822
  background-color: #e8e0ce; }
970
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
823
+ .cdr-banner--default_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 svg {
971
824
  fill: #726d64; }
972
- .cdr-banner--default_11-3-1 .cdr-banner__wrapper_11-3-1 {
825
+ .cdr-banner--default_12-0-0-beta-0 .cdr-banner__wrapper_12-0-0-beta-0 {
973
826
  border-left: 0.4rem solid;
974
827
  border-left-color: #726d64; }
975
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 {
828
+ .cdr-banner--info_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 {
976
829
  background-color: #edf4f5;
977
830
  border-top: 0.1rem solid;
978
831
  border-right: 0.1rem solid;
979
832
  border-bottom: 0.1rem solid;
980
833
  border-color: #c2d8db; }
981
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
834
+ .cdr-banner--info_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 {
982
835
  background-color: #c2d8db; }
983
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
836
+ .cdr-banner--info_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 svg {
984
837
  fill: #408e86; }
985
- .cdr-banner--info_11-3-1 .cdr-banner__wrapper_11-3-1 {
838
+ .cdr-banner--info_12-0-0-beta-0 .cdr-banner__wrapper_12-0-0-beta-0 {
986
839
  border-left: 0.4rem solid;
987
840
  border-left-color: #408e86; }
988
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 {
841
+ .cdr-banner--warning_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 {
989
842
  background-color: #fefcf1;
990
843
  border-top: 0.1rem solid;
991
844
  border-right: 0.1rem solid;
992
845
  border-bottom: 0.1rem solid;
993
846
  border-color: #f5e9b7; }
994
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
847
+ .cdr-banner--warning_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 {
995
848
  background-color: #f5e9b7; }
996
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
849
+ .cdr-banner--warning_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 svg {
997
850
  fill: #b68b37; }
998
- .cdr-banner--warning_11-3-1 .cdr-banner__wrapper_11-3-1 {
851
+ .cdr-banner--warning_12-0-0-beta-0 .cdr-banner__wrapper_12-0-0-beta-0 {
999
852
  border-left: 0.4rem solid;
1000
853
  border-left-color: #b68b37; }
1001
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 {
854
+ .cdr-banner--success_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 {
1002
855
  background-color: #f4fbf5;
1003
856
  border-top: 0.1rem solid;
1004
857
  border-right: 0.1rem solid;
1005
858
  border-bottom: 0.1rem solid;
1006
859
  border-color: #d5e6cb; }
1007
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
860
+ .cdr-banner--success_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 {
1008
861
  background-color: #d5e6cb; }
1009
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
862
+ .cdr-banner--success_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 svg {
1010
863
  fill: #3b8349; }
1011
- .cdr-banner--success_11-3-1 .cdr-banner__wrapper_11-3-1 {
864
+ .cdr-banner--success_12-0-0-beta-0 .cdr-banner__wrapper_12-0-0-beta-0 {
1012
865
  border-left: 0.4rem solid;
1013
866
  border-left-color: #3b8349; }
1014
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 {
867
+ .cdr-banner--error_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 {
1015
868
  background-color: #fdf7f7;
1016
869
  border-top: 0.1rem solid;
1017
870
  border-right: 0.1rem solid;
1018
871
  border-bottom: 0.1rem solid;
1019
872
  border-color: #eecbc1; }
1020
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
873
+ .cdr-banner--error_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 {
1021
874
  background-color: #eecbc1; }
1022
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
875
+ .cdr-banner--error_12-0-0-beta-0 .cdr-banner__main_12-0-0-beta-0 .cdr-banner__icon-left_12-0-0-beta-0 svg {
1023
876
  fill: #bb4045; }
1024
- .cdr-banner--error_11-3-1 .cdr-banner__wrapper_11-3-1 {
877
+ .cdr-banner--error_12-0-0-beta-0 .cdr-banner__wrapper_12-0-0-beta-0 {
1025
878
  border-left: 0.4rem solid;
1026
879
  border-left-color: #bb4045; }
1027
880
 
881
+ .cdr-chip-group_12-0-0-beta-0 {
882
+ border: none;
883
+ -webkit-margin-start: 0;
884
+ margin-inline-start: 0;
885
+ -webkit-margin-end: 0;
886
+ margin-inline-end: 0;
887
+ -webkit-padding-before: 0;
888
+ padding-block-start: 0;
889
+ -webkit-padding-start: 0;
890
+ padding-inline-start: 0;
891
+ -webkit-padding-end: 0;
892
+ padding-inline-end: 0;
893
+ -webkit-padding-after: 0;
894
+ padding-block-end: 0; }
895
+ .cdr-chip-group_12-0-0-beta-0 legend {
896
+ -webkit-padding-start: 0;
897
+ padding-inline-start: 0;
898
+ margin-bottom: 0.8rem; }
899
+ .cdr-chip-group__content_12-0-0-beta-0 > button:not(:last-child) {
900
+ margin-right: 0.8rem;
901
+ margin-bottom: 0.8rem; }
902
+ .cdr-chip-group__legend--hidden_12-0-0-beta-0 {
903
+ position: absolute;
904
+ width: 0.1rem;
905
+ height: 0.1rem;
906
+ padding: 0;
907
+ margin: -0.1rem;
908
+ overflow: hidden;
909
+ clip: rect(0, 0, 0, 0);
910
+ border: 0; }
911
+ .cdr-chip-group__legend_12-0-0-beta-0 {
912
+ font-family: Graphik, "Helvetica Neue", sans-serif;
913
+ font-style: normal;
914
+ font-weight: 500;
915
+ letter-spacing: 0;
916
+ font-size: 1.6rem;
917
+ line-height: 2rem; }
918
+
919
+ .cdr-card_12-0-0-beta-0 {
920
+ position: relative;
921
+ background-color: #ffffff;
922
+ border-radius: 0.4rem;
923
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
924
+ color: rgba(12, 11, 8, 0.75);
925
+ width: 100%;
926
+ transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
927
+ cursor: pointer;
928
+ overflow: hidden; }
929
+ .cdr-card_12-0-0-beta-0:active, .cdr-card_12-0-0-beta-0:hover {
930
+ box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
931
+ transform: translateY(-0.2rem);
932
+ transition: 0.2s; }
933
+ .cdr-card__link {
934
+ position: static;
935
+ color: rgba(12, 11, 8, 0.75) !important;
936
+ text-decoration: none !important; }
937
+ .cdr-card__link:hover {
938
+ text-decoration: underline !important;
939
+ color: #406eb5 !important; }
940
+ .cdr-card__link::before {
941
+ content: "";
942
+ display: block;
943
+ position: absolute;
944
+ width: 100%;
945
+ z-index: 1;
946
+ height: 100%;
947
+ left: 0;
948
+ top: 0;
949
+ background-color: transparent; }
950
+
951
+ .cdr-chip_12-0-0-beta-0 {
952
+ display: inline-flex;
953
+ align-items: center;
954
+ position: relative;
955
+ width: -webkit-max-content;
956
+ width: -moz-max-content;
957
+ width: max-content;
958
+ padding: 0.8rem 1.2rem;
959
+ border-radius: 3rem;
960
+ border: 0;
961
+ color: #4e4d49;
962
+ fill: #4e4d49;
963
+ background-color: #ffffff;
964
+ box-shadow: inset 0 0 0 0.1rem #928b80;
965
+ cursor: pointer;
966
+ font-family: Graphik, "Helvetica Neue", sans-serif;
967
+ font-size: 1.4rem;
968
+ line-height: 1.5rem;
969
+ font-weight: 400;
970
+ letter-spacing: -0.008rem;
971
+ transition: color 0.1s cubic-bezier(0.15, 0, 0.15, 0), fill 0.1s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.1s cubic-bezier(0.15, 0, 0.15, 0), box-shadow 0.1s cubic-bezier(0.15, 0, 0.15, 0); }
972
+ .cdr-chip_12-0-0-beta-0:disabled, .cdr-chip_12-0-0-beta-0:disabled:hover, .cdr-chip_12-0-0-beta-0:disabled:focus {
973
+ cursor: not-allowed !important;
974
+ background-color: #ffffff !important;
975
+ box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
976
+ color: #d1cbbd !important; }
977
+ .cdr-chip_12-0-0-beta-0:hover {
978
+ background-color: #f9f8f6;
979
+ box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
980
+ .cdr-chip_12-0-0-beta-0:focus {
981
+ outline: none;
982
+ outline-offset: 0;
983
+ background-color: #ffffff;
984
+ box-shadow: inset 0 0 0 0.3rem #4e4d49; }
985
+ .cdr-chip_12-0-0-beta-0:active {
986
+ background-color: #edeae3;
987
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
988
+ .cdr-chip_12-0-0-beta-0[aria-pressed="true"], .cdr-chip_12-0-0-beta-0[aria-checked="true"] {
989
+ text-shadow: 0 0 0.1rem currentColor;
990
+ background-color: #edeae3;
991
+ box-shadow: inset 0 0 0 0.1rem #4e4d49; }
992
+ .cdr-chip_12-0-0-beta-0[aria-pressed="true"]:hover, .cdr-chip_12-0-0-beta-0[aria-checked="true"]:hover {
993
+ background-color: #edeae3;
994
+ box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
995
+ .cdr-chip_12-0-0-beta-0[aria-pressed="true"]:focus, .cdr-chip_12-0-0-beta-0[aria-checked="true"]:focus {
996
+ background-color: #edeae3;
997
+ box-shadow: inset 0 0 0 0.3rem #4e4d49; }
998
+ .cdr-chip__icon-left_12-0-0-beta-0 {
999
+ position: absolute;
1000
+ left: 0.8rem; }
1001
+ .cdr-chip__icon-right_12-0-0-beta-0 {
1002
+ position: absolute;
1003
+ right: 0.8rem; }
1004
+ .cdr-chip__icon-left_12-0-0-beta-0 ~ .cdr-chip__content_12-0-0-beta-0 {
1005
+ margin-left: 1.6rem; }
1006
+ .cdr-chip__icon-right_12-0-0-beta-0 ~ .cdr-chip__content_12-0-0-beta-0 {
1007
+ margin-right: 1.6rem; }
1008
+
1009
+ .cdr-container_12-0-0-beta-0 {
1010
+ font-family: Graphik, "Helvetica Neue", sans-serif;
1011
+ font-style: normal;
1012
+ font-weight: 400;
1013
+ letter-spacing: -0.016rem;
1014
+ font-size: 1.6rem;
1015
+ line-height: 2.2rem;
1016
+ padding-left: 1.6rem;
1017
+ padding-right: 1.6rem;
1018
+ width: 100%; }
1019
+ @media (min-width: 992px) {
1020
+ .cdr-container_12-0-0-beta-0 {
1021
+ padding-left: 3.2rem;
1022
+ padding-right: 3.2rem; } }
1023
+ .cdr-container--static_12-0-0-beta-0 {
1024
+ margin-left: auto;
1025
+ margin-right: auto;
1026
+ max-width: 123.2rem; }
1027
+
1028
1028
  /* intentionally empty */
1029
- .cdr-checkbox_11-3-1 {
1029
+ .cdr-checkbox_12-0-0-beta-0 {
1030
1030
  /* Checked
1031
1031
  ========== */
1032
1032
  /* Disabled
@@ -1035,14 +1035,14 @@
1035
1035
  ========== */
1036
1036
  /* Focus
1037
1037
  ========== */ }
1038
- .cdr-checkbox__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1038
+ .cdr-checkbox__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1039
1039
  box-shadow: inset 0 0 0 0.1rem #4e4d49;
1040
1040
  background-color: #4e4d49;
1041
1041
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E");
1042
1042
  background-repeat: no-repeat; }
1043
- .cdr-checkbox__input_11-3-1[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1 {
1043
+ .cdr-checkbox__input_12-0-0-beta-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1044
1044
  box-shadow: inset 0 0 0 0.1rem #4e4d49; }
1045
- .cdr-checkbox__input_11-3-1[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1::after {
1045
+ .cdr-checkbox__input_12-0-0-beta-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1046
1046
  content: '';
1047
1047
  position: absolute;
1048
1048
  left: 50%;
@@ -1052,50 +1052,94 @@
1052
1052
  height: 0.2rem;
1053
1053
  background-color: #4e4d49;
1054
1054
  border-radius: 0.2rem; }
1055
- .cdr-checkbox_11-3-1:hover .cdr-label-wrapper__figure_11-3-1 {
1055
+ .cdr-checkbox_12-0-0-beta-0:hover .cdr-label-wrapper__figure_12-0-0-beta-0 {
1056
1056
  cursor: pointer;
1057
1057
  box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
1058
1058
  background-color: #f9f8f6; }
1059
- .cdr-checkbox_11-3-1:hover .cdr-checkbox__input_11-3-1 {
1059
+ .cdr-checkbox_12-0-0-beta-0:hover .cdr-checkbox__input_12-0-0-beta-0 {
1060
1060
  /* Hover + Checked
1061
1061
  ========== */
1062
1062
  /* Hover + Indeterminate
1063
1063
  ========== */ }
1064
- .cdr-checkbox_11-3-1:hover .cdr-checkbox__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1064
+ .cdr-checkbox_12-0-0-beta-0:hover .cdr-checkbox__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1065
1065
  box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1066
1066
  background-color: #928b80;
1067
1067
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
1068
- .cdr-checkbox_11-3-1:hover .cdr-checkbox__input_11-3-1[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1 {
1068
+ .cdr-checkbox_12-0-0-beta-0:hover .cdr-checkbox__input_12-0-0-beta-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1069
1069
  box-shadow: inset 0 0 0 0.2rem #4e4d49; }
1070
- .cdr-checkbox_11-3-1:hover .cdr-checkbox__input_11-3-1[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1::after {
1070
+ .cdr-checkbox_12-0-0-beta-0:hover .cdr-checkbox__input_12-0-0-beta-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1071
1071
  background-color: #ffffff; }
1072
- .cdr-checkbox__input_11-3-1:disabled {
1072
+ .cdr-checkbox__input_12-0-0-beta-0:disabled {
1073
1073
  /* Disabled + Checked
1074
1074
  ========== */
1075
1075
  /* Disabled + Indeterminate
1076
1076
  ========== */ }
1077
- .cdr-checkbox__input_11-3-1:disabled ~ .cdr-label-wrapper__figure_11-3-1 {
1077
+ .cdr-checkbox__input_12-0-0-beta-0:disabled ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1078
1078
  box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
1079
1079
  background-color: #f9f8f6 !important;
1080
1080
  background-image: none !important; }
1081
- .cdr-checkbox__input_11-3-1:disabled:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1081
+ .cdr-checkbox__input_12-0-0-beta-0:disabled:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1082
1082
  background-color: #f9f8f6 !important; }
1083
- .cdr-checkbox__input_11-3-1:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1 {
1083
+ .cdr-checkbox__input_12-0-0-beta-0:disabled[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1084
1084
  box-shadow: inset 0 0 0 0.1rem #d1cbbd !important; }
1085
- .cdr-checkbox__input_11-3-1:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1::after {
1085
+ .cdr-checkbox__input_12-0-0-beta-0:disabled[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1086
1086
  background-color: #f9f8f6 !important; }
1087
- .cdr-checkbox_11-3-1:active .cdr-label-wrapper__figure_11-3-1, .cdr-checkbox_11-3-1:active .cdr-checkbox__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1087
+ .cdr-checkbox_12-0-0-beta-0:active .cdr-label-wrapper__figure_12-0-0-beta-0, .cdr-checkbox_12-0-0-beta-0:active .cdr-checkbox__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1088
1088
  box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1089
1089
  background-color: #f9f8f6;
1090
1090
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234e4d49'%3E%3Cpath role='presentation' d='M9.673 18.669h.001L19.766 6.644a1 1 0 10-1.532-1.286l-9.3 11.085-3.169-3.776a1 1 0 10-1.532 1.286l3.875 4.618a.999.999 0 001.565.099z'/%3E%3C/svg%3E"); }
1091
- .cdr-checkbox_11-3-1:active .cdr-checkbox__input_11-3-1[indeterminate] ~ .cdr-label-wrapper__figure_11-3-1::after {
1091
+ .cdr-checkbox_12-0-0-beta-0:active .cdr-checkbox__input_12-0-0-beta-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1092
1092
  content: none; }
1093
- .cdr-checkbox__input_11-3-1:focus ~ .cdr-label-wrapper__figure_11-3-1 {
1093
+ .cdr-checkbox__input_12-0-0-beta-0:focus ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1094
1094
  box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1095
1095
  background-color: #f9f8f6; }
1096
- .cdr-checkbox__input_11-3-1:focus:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1096
+ .cdr-checkbox__input_12-0-0-beta-0:focus:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1097
1097
  background-color: #928b80; }
1098
1098
 
1099
+ /* intentionally empty */
1100
+ .cdr-form-group_12-0-0-beta-0 {
1101
+ font-family: Graphik, "Helvetica Neue", sans-serif;
1102
+ font-style: normal;
1103
+ font-weight: 500;
1104
+ letter-spacing: 0;
1105
+ font-size: 1.6rem;
1106
+ line-height: 2rem;
1107
+ border: none;
1108
+ -webkit-margin-start: 0;
1109
+ margin-inline-start: 0;
1110
+ -webkit-margin-end: 0;
1111
+ margin-inline-end: 0;
1112
+ -webkit-padding-before: 0;
1113
+ padding-block-start: 0;
1114
+ -webkit-padding-start: 0;
1115
+ padding-inline-start: 0;
1116
+ -webkit-padding-end: 0;
1117
+ padding-inline-end: 0;
1118
+ -webkit-padding-after: 0;
1119
+ padding-block-end: 0; }
1120
+ .cdr-form-group_12-0-0-beta-0 legend {
1121
+ -webkit-padding-start: 0;
1122
+ padding-inline-start: 0;
1123
+ margin-bottom: 0.8rem; }
1124
+ .cdr-form-group--error_12-0-0-beta-0 {
1125
+ box-shadow: inset 0 0 0 0.1rem #b33322;
1126
+ background-color: rgba(255, 242, 242, 0.75); }
1127
+ .cdr-form-group--error_12-0-0-beta-0:hover {
1128
+ background-color: transparent; }
1129
+ .cdr-form-group--disabled_12-0-0-beta-0 {
1130
+ cursor: not-allowed;
1131
+ color: #d1cbbd; }
1132
+ .cdr-form-group--disabled_12-0-0-beta-0 .cdr-form-group__optional_12-0-0-beta-0, .cdr-form-group--disabled_12-0-0-beta-0 .cdr-form-group__required_12-0-0-beta-0 {
1133
+ color: #d1cbbd; }
1134
+ .cdr-form-group__wrapper_12-0-0-beta-0 {
1135
+ border-radius: 0.4rem;
1136
+ display: flex;
1137
+ flex-direction: column; }
1138
+ .cdr-form-group__wrapper_12-0-0-beta-0 > * {
1139
+ flex: 1 1 0; }
1140
+ .cdr-form-group__optional_12-0-0-beta-0 {
1141
+ color: rgba(66, 59, 47, 0.75); }
1142
+
1099
1143
  /* intentionally empty */
1100
1144
  /* ==========================================================================
1101
1145
  # INPUT LABEL
@@ -1131,7 +1175,7 @@
1131
1175
  /* ==========================================================================
1132
1176
  # INPUT
1133
1177
  ========================================================================== */
1134
- .cdr-input_11-3-1 {
1178
+ .cdr-input_12-0-0-beta-0 {
1135
1179
  font-family: Graphik, "Helvetica Neue", sans-serif;
1136
1180
  font-style: normal;
1137
1181
  font-weight: 400;
@@ -1172,15 +1216,15 @@
1172
1216
  ========== */
1173
1217
  /* Slot Sections
1174
1218
  ========================================================================== */ }
1175
- .cdr-input_11-3-1[type=number]::-webkit-inner-spin-button, .cdr-input_11-3-1[type=number]::-webkit-outer-spin-button {
1219
+ .cdr-input_12-0-0-beta-0[type=number]::-webkit-inner-spin-button, .cdr-input_12-0-0-beta-0[type=number]::-webkit-outer-spin-button {
1176
1220
  -webkit-appearance: none;
1177
1221
  -moz-appearance: none;
1178
1222
  appearance: none;
1179
1223
  margin: 0; }
1180
- .cdr-input_11-3-1:active, .cdr-input_11-3-1:focus {
1224
+ .cdr-input_12-0-0-beta-0:active, .cdr-input_12-0-0-beta-0:focus {
1181
1225
  outline: none;
1182
1226
  box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
1183
- .cdr-input_11-3-1::-moz-placeholder {
1227
+ .cdr-input_12-0-0-beta-0::-moz-placeholder {
1184
1228
  font-family: Graphik, "Helvetica Neue", sans-serif;
1185
1229
  font-style: normal;
1186
1230
  font-weight: 400;
@@ -1188,7 +1232,7 @@
1188
1232
  font-size: 1.6rem;
1189
1233
  line-height: 2.2rem;
1190
1234
  color: rgba(66, 59, 47, 0.75); }
1191
- .cdr-input_11-3-1:-ms-input-placeholder {
1235
+ .cdr-input_12-0-0-beta-0:-ms-input-placeholder {
1192
1236
  font-family: Graphik, "Helvetica Neue", sans-serif;
1193
1237
  font-style: normal;
1194
1238
  font-weight: 400;
@@ -1196,7 +1240,7 @@
1196
1240
  font-size: 1.6rem;
1197
1241
  line-height: 2.2rem;
1198
1242
  color: rgba(66, 59, 47, 0.75); }
1199
- .cdr-input_11-3-1::placeholder {
1243
+ .cdr-input_12-0-0-beta-0::placeholder {
1200
1244
  font-family: Graphik, "Helvetica Neue", sans-serif;
1201
1245
  font-style: normal;
1202
1246
  font-weight: 400;
@@ -1204,43 +1248,43 @@
1204
1248
  font-size: 1.6rem;
1205
1249
  line-height: 2.2rem;
1206
1250
  color: rgba(66, 59, 47, 0.75); }
1207
- .cdr-input_11-3-1[disabled] {
1251
+ .cdr-input_12-0-0-beta-0[disabled] {
1208
1252
  background-color: #f9f8f6;
1209
1253
  color: #d1cbbd;
1210
1254
  box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
1211
- .cdr-input_11-3-1[disabled]:hover {
1255
+ .cdr-input_12-0-0-beta-0[disabled]:hover {
1212
1256
  box-shadow: inset 0 0 0 0.1rem #d1cbbd;
1213
1257
  cursor: not-allowed; }
1214
- .cdr-input_11-3-1[disabled]::-moz-placeholder {
1258
+ .cdr-input_12-0-0-beta-0[disabled]::-moz-placeholder {
1215
1259
  color: #d1cbbd; }
1216
- .cdr-input_11-3-1[disabled]:-ms-input-placeholder {
1260
+ .cdr-input_12-0-0-beta-0[disabled]:-ms-input-placeholder {
1217
1261
  color: #d1cbbd; }
1218
- .cdr-input_11-3-1[disabled]::placeholder {
1262
+ .cdr-input_12-0-0-beta-0[disabled]::placeholder {
1219
1263
  color: #d1cbbd; }
1220
- .cdr-input--focus_11-3-1 svg {
1264
+ .cdr-input--focus_12-0-0-beta-0 svg {
1221
1265
  fill: rgba(12, 11, 8, 0.75) !important; }
1222
- .cdr-input--multiline_11-3-1 {
1266
+ .cdr-input--multiline_12-0-0-beta-0 {
1223
1267
  height: auto; }
1224
- .cdr-input--preicon_11-3-1 {
1268
+ .cdr-input--preicon_12-0-0-beta-0 {
1225
1269
  /* $input-pre-icon-default-width = 25px with the expectation that
1226
1270
  slot provided icon is close to that width */
1227
1271
  padding-left: 3.7rem !important; }
1228
- .cdr-input--posticon_11-3-1 {
1272
+ .cdr-input--posticon_12-0-0-beta-0 {
1229
1273
  padding-right: 4.5rem; }
1230
- .cdr-input--posticons_11-3-1 {
1274
+ .cdr-input--posticons_12-0-0-beta-0 {
1231
1275
  padding-right: 9rem; }
1232
- .cdr-input--primary_11-3-1 {
1276
+ .cdr-input--primary_12-0-0-beta-0 {
1233
1277
  background-color: rgba(244, 242, 237, 0.15); }
1234
- .cdr-input--primary_11-3-1:active, .cdr-input--primary_11-3-1:focus {
1278
+ .cdr-input--primary_12-0-0-beta-0:active, .cdr-input--primary_12-0-0-beta-0:focus {
1235
1279
  background-color: #f9f8f6; }
1236
- .cdr-input--secondary_11-3-1 {
1280
+ .cdr-input--secondary_12-0-0-beta-0 {
1237
1281
  background-color: rgba(255, 255, 255, 0.85); }
1238
- .cdr-input--secondary_11-3-1:active, .cdr-input--secondary_11-3-1:focus {
1282
+ .cdr-input--secondary_12-0-0-beta-0:active, .cdr-input--secondary_12-0-0-beta-0:focus {
1239
1283
  background-color: #ffffff; }
1240
- .cdr-input--error_11-3-1 {
1284
+ .cdr-input--error_12-0-0-beta-0 {
1241
1285
  background-color: rgba(255, 242, 242, 0.75);
1242
1286
  box-shadow: inset 0 0 0 0.1rem #b33322; }
1243
- .cdr-input--large_11-3-1 {
1287
+ .cdr-input--large_12-0-0-beta-0 {
1244
1288
  font-family: Graphik, "Helvetica Neue", sans-serif;
1245
1289
  font-style: normal;
1246
1290
  font-weight: 400;
@@ -1250,14 +1294,14 @@
1250
1294
  line-height: 3.2rem;
1251
1295
  padding-left: 0.8rem;
1252
1296
  height: 4.8rem; }
1253
- .cdr-input--large_11-3-1::-moz-placeholder {
1297
+ .cdr-input--large_12-0-0-beta-0::-moz-placeholder {
1254
1298
  line-height: 3.2rem; }
1255
- .cdr-input--large_11-3-1:-ms-input-placeholder {
1299
+ .cdr-input--large_12-0-0-beta-0:-ms-input-placeholder {
1256
1300
  line-height: 3.2rem; }
1257
- .cdr-input--large_11-3-1::placeholder {
1301
+ .cdr-input--large_12-0-0-beta-0::placeholder {
1258
1302
  line-height: 3.2rem; }
1259
1303
  @media (min-width: 0) and (max-width: 767px) {
1260
- .cdr-input--large\@xs_11-3-1 {
1304
+ .cdr-input--large\@xs_12-0-0-beta-0 {
1261
1305
  font-family: Graphik, "Helvetica Neue", sans-serif;
1262
1306
  font-style: normal;
1263
1307
  font-weight: 400;
@@ -1267,14 +1311,14 @@
1267
1311
  line-height: 3.2rem;
1268
1312
  padding-left: 0.8rem;
1269
1313
  height: 4.8rem; }
1270
- .cdr-input--large\@xs_11-3-1::-moz-placeholder {
1314
+ .cdr-input--large\@xs_12-0-0-beta-0::-moz-placeholder {
1271
1315
  line-height: 3.2rem; }
1272
- .cdr-input--large\@xs_11-3-1:-ms-input-placeholder {
1316
+ .cdr-input--large\@xs_12-0-0-beta-0:-ms-input-placeholder {
1273
1317
  line-height: 3.2rem; }
1274
- .cdr-input--large\@xs_11-3-1::placeholder {
1318
+ .cdr-input--large\@xs_12-0-0-beta-0::placeholder {
1275
1319
  line-height: 3.2rem; } }
1276
1320
  @media (min-width: 768px) and (max-width: 991px) {
1277
- .cdr-input--large\@sm_11-3-1 {
1321
+ .cdr-input--large\@sm_12-0-0-beta-0 {
1278
1322
  font-family: Graphik, "Helvetica Neue", sans-serif;
1279
1323
  font-style: normal;
1280
1324
  font-weight: 400;
@@ -1284,14 +1328,14 @@
1284
1328
  line-height: 3.2rem;
1285
1329
  padding-left: 0.8rem;
1286
1330
  height: 4.8rem; }
1287
- .cdr-input--large\@sm_11-3-1::-moz-placeholder {
1331
+ .cdr-input--large\@sm_12-0-0-beta-0::-moz-placeholder {
1288
1332
  line-height: 3.2rem; }
1289
- .cdr-input--large\@sm_11-3-1:-ms-input-placeholder {
1333
+ .cdr-input--large\@sm_12-0-0-beta-0:-ms-input-placeholder {
1290
1334
  line-height: 3.2rem; }
1291
- .cdr-input--large\@sm_11-3-1::placeholder {
1335
+ .cdr-input--large\@sm_12-0-0-beta-0::placeholder {
1292
1336
  line-height: 3.2rem; } }
1293
1337
  @media (min-width: 992px) and (max-width: 1231px) {
1294
- .cdr-input--large\@md_11-3-1 {
1338
+ .cdr-input--large\@md_12-0-0-beta-0 {
1295
1339
  font-family: Graphik, "Helvetica Neue", sans-serif;
1296
1340
  font-style: normal;
1297
1341
  font-weight: 400;
@@ -1301,14 +1345,14 @@
1301
1345
  line-height: 3.2rem;
1302
1346
  padding-left: 0.8rem;
1303
1347
  height: 4.8rem; }
1304
- .cdr-input--large\@md_11-3-1::-moz-placeholder {
1348
+ .cdr-input--large\@md_12-0-0-beta-0::-moz-placeholder {
1305
1349
  line-height: 3.2rem; }
1306
- .cdr-input--large\@md_11-3-1:-ms-input-placeholder {
1350
+ .cdr-input--large\@md_12-0-0-beta-0:-ms-input-placeholder {
1307
1351
  line-height: 3.2rem; }
1308
- .cdr-input--large\@md_11-3-1::placeholder {
1352
+ .cdr-input--large\@md_12-0-0-beta-0::placeholder {
1309
1353
  line-height: 3.2rem; } }
1310
1354
  @media (min-width: 1232px) {
1311
- .cdr-input--large\@lg_11-3-1 {
1355
+ .cdr-input--large\@lg_12-0-0-beta-0 {
1312
1356
  font-family: Graphik, "Helvetica Neue", sans-serif;
1313
1357
  font-style: normal;
1314
1358
  font-weight: 400;
@@ -1318,24 +1362,24 @@
1318
1362
  line-height: 3.2rem;
1319
1363
  padding-left: 0.8rem;
1320
1364
  height: 4.8rem; }
1321
- .cdr-input--large\@lg_11-3-1::-moz-placeholder {
1365
+ .cdr-input--large\@lg_12-0-0-beta-0::-moz-placeholder {
1322
1366
  line-height: 3.2rem; }
1323
- .cdr-input--large\@lg_11-3-1:-ms-input-placeholder {
1367
+ .cdr-input--large\@lg_12-0-0-beta-0:-ms-input-placeholder {
1324
1368
  line-height: 3.2rem; }
1325
- .cdr-input--large\@lg_11-3-1::placeholder {
1369
+ .cdr-input--large\@lg_12-0-0-beta-0::placeholder {
1326
1370
  line-height: 3.2rem; } }
1327
- .cdr-input__pre-icon_11-3-1 {
1371
+ .cdr-input__pre-icon_12-0-0-beta-0 {
1328
1372
  position: absolute;
1329
1373
  top: 50%;
1330
1374
  left: 0.8rem;
1331
1375
  transform: translateY(-50%); }
1332
- .cdr-input__post-icon_11-3-1 {
1376
+ .cdr-input__post-icon_12-0-0-beta-0 {
1333
1377
  display: block;
1334
1378
  position: absolute;
1335
1379
  top: 50%;
1336
1380
  right: 0.8rem;
1337
1381
  transform: translateY(-50%); }
1338
- .cdr-input__helper-text_11-3-1 {
1382
+ .cdr-input__helper-text_12-0-0-beta-0 {
1339
1383
  font-family: Graphik, "Helvetica Neue", sans-serif;
1340
1384
  font-style: normal;
1341
1385
  font-weight: 400;
@@ -1348,156 +1392,109 @@
1348
1392
  /* ==========================================================================
1349
1393
  # INPUT WRAPPER
1350
1394
  ========================================================================== */
1351
- .cdr-input-wrap_11-3-1 {
1395
+ .cdr-input-wrap_12-0-0-beta-0 {
1352
1396
  position: relative;
1353
1397
  flex-grow: 1;
1354
1398
  fill: #928b80; }
1355
1399
 
1356
- .cdr-grid_11-3-1 {
1400
+ .cdr-grid_12-0-0-beta-0 {
1357
1401
  display: grid;
1358
1402
  list-style: none;
1359
1403
  margin: 0;
1360
1404
  padding: 0;
1361
1405
  gap: 1.6rem 1.6rem; }
1362
- .cdr-grid--gutter-none_11-3-1 {
1406
+ .cdr-grid--gutter-none_12-0-0-beta-0 {
1363
1407
  gap: 0 0; }
1364
- .cdr-grid--gutter-small_11-3-1 {
1408
+ .cdr-grid--gutter-small_12-0-0-beta-0 {
1365
1409
  gap: 0.2rem 0.2rem; }
1366
- .cdr-grid--gutter-medium_11-3-1 {
1410
+ .cdr-grid--gutter-medium_12-0-0-beta-0 {
1367
1411
  gap: 1.6rem 1.6rem; }
1368
- .cdr-grid--gutter-large_11-3-1 {
1412
+ .cdr-grid--gutter-large_12-0-0-beta-0 {
1369
1413
  gap: 3.2rem 3.2rem; }
1370
1414
  @media (min-width: 0) and (max-width: 767px) {
1371
- .cdr-grid--gutter-none\@xs_11-3-1 {
1415
+ .cdr-grid--gutter-none\@xs_12-0-0-beta-0 {
1372
1416
  gap: 0 0; }
1373
- .cdr-grid--gutter-small\@xs_11-3-1 {
1417
+ .cdr-grid--gutter-small\@xs_12-0-0-beta-0 {
1374
1418
  gap: 0.2rem 0.2rem; }
1375
- .cdr-grid--gutter-medium\@xs_11-3-1 {
1419
+ .cdr-grid--gutter-medium\@xs_12-0-0-beta-0 {
1376
1420
  gap: 1.6rem 1.6rem; }
1377
- .cdr-grid--gutter-large\@xs_11-3-1 {
1421
+ .cdr-grid--gutter-large\@xs_12-0-0-beta-0 {
1378
1422
  gap: 3.2rem 3.2rem; } }
1379
1423
  @media (min-width: 768px) and (max-width: 991px) {
1380
- .cdr-grid--gutter-none\@sm_11-3-1 {
1424
+ .cdr-grid--gutter-none\@sm_12-0-0-beta-0 {
1381
1425
  gap: 0 0; }
1382
- .cdr-grid--gutter-small\@sm_11-3-1 {
1426
+ .cdr-grid--gutter-small\@sm_12-0-0-beta-0 {
1383
1427
  gap: 0.2rem 0.2rem; }
1384
- .cdr-grid--gutter-medium\@sm_11-3-1 {
1428
+ .cdr-grid--gutter-medium\@sm_12-0-0-beta-0 {
1385
1429
  gap: 1.6rem 1.6rem; }
1386
- .cdr-grid--gutter-large\@sm_11-3-1 {
1430
+ .cdr-grid--gutter-large\@sm_12-0-0-beta-0 {
1387
1431
  gap: 3.2rem 3.2rem; } }
1388
1432
  @media (min-width: 992px) and (max-width: 1231px) {
1389
- .cdr-grid--gutter-none\@md_11-3-1 {
1433
+ .cdr-grid--gutter-none\@md_12-0-0-beta-0 {
1390
1434
  gap: 0 0; }
1391
- .cdr-grid--gutter-small\@md_11-3-1 {
1435
+ .cdr-grid--gutter-small\@md_12-0-0-beta-0 {
1392
1436
  gap: 0.2rem 0.2rem; }
1393
- .cdr-grid--gutter-medium\@md_11-3-1 {
1437
+ .cdr-grid--gutter-medium\@md_12-0-0-beta-0 {
1394
1438
  gap: 1.6rem 1.6rem; }
1395
- .cdr-grid--gutter-large\@md_11-3-1 {
1439
+ .cdr-grid--gutter-large\@md_12-0-0-beta-0 {
1396
1440
  gap: 3.2rem 3.2rem; } }
1397
1441
  @media (min-width: 1232px) {
1398
- .cdr-grid--gutter-none\@lg_11-3-1 {
1399
- gap: 0 0; }
1400
- .cdr-grid--gutter-small\@lg_11-3-1 {
1401
- gap: 0.2rem 0.2rem; }
1402
- .cdr-grid--gutter-medium\@lg_11-3-1 {
1403
- gap: 1.6rem 1.6rem; }
1404
- .cdr-grid--gutter-large\@lg_11-3-1 {
1405
- gap: 3.2rem 3.2rem; } }
1406
-
1407
- /* intentionally empty */
1408
- .cdr-form-group_11-3-1 {
1409
- font-family: Graphik, "Helvetica Neue", sans-serif;
1410
- font-style: normal;
1411
- font-weight: 500;
1412
- letter-spacing: 0;
1413
- font-size: 1.6rem;
1414
- line-height: 2rem;
1415
- border: none;
1416
- -webkit-margin-start: 0;
1417
- margin-inline-start: 0;
1418
- -webkit-margin-end: 0;
1419
- margin-inline-end: 0;
1420
- -webkit-padding-before: 0;
1421
- padding-block-start: 0;
1422
- -webkit-padding-start: 0;
1423
- padding-inline-start: 0;
1424
- -webkit-padding-end: 0;
1425
- padding-inline-end: 0;
1426
- -webkit-padding-after: 0;
1427
- padding-block-end: 0; }
1428
- .cdr-form-group_11-3-1 legend {
1429
- -webkit-padding-start: 0;
1430
- padding-inline-start: 0;
1431
- margin-bottom: 0.8rem; }
1432
- .cdr-form-group--error_11-3-1 {
1433
- box-shadow: inset 0 0 0 0.1rem #b33322;
1434
- background-color: rgba(255, 242, 242, 0.75); }
1435
- .cdr-form-group--error_11-3-1:hover {
1436
- background-color: transparent; }
1437
- .cdr-form-group--disabled_11-3-1 {
1438
- cursor: not-allowed;
1439
- color: #d1cbbd; }
1440
- .cdr-form-group--disabled_11-3-1 .cdr-form-group__optional_11-3-1, .cdr-form-group--disabled_11-3-1 .cdr-form-group__required_11-3-1 {
1441
- color: #d1cbbd; }
1442
- .cdr-form-group__wrapper_11-3-1 {
1443
- border-radius: 0.4rem;
1444
- display: flex;
1445
- flex-direction: column; }
1446
- .cdr-form-group__wrapper_11-3-1 > * {
1447
- flex: 1 1 0; }
1448
- .cdr-form-group__optional_11-3-1 {
1449
- color: rgba(66, 59, 47, 0.75); }
1450
-
1451
- /* ==========================================================================
1452
- # CdrLink
1453
-
1454
- TOC:
1455
-
1456
- :Base Styles
1457
- :States
1458
- :Modifiers
1459
- :Style variants
1460
- :Standalone
1461
- ========================================================================== */
1462
- .cdr-link_11-3-1 {
1463
- font-family: inherit;
1464
- font-size: inherit;
1465
- line-height: inherit;
1466
- align-items: center;
1467
- background-color: transparent;
1468
- border: 0;
1469
- margin: 0;
1470
- color: #406eb5;
1471
- fill: #406eb5;
1472
- cursor: pointer;
1473
- display: inline-flex;
1474
- outline: none;
1475
- padding: 0;
1476
- text-decoration: underline;
1477
- vertical-align: top; }
1478
- .cdr-link_11-3-1:active, .cdr-link_11-3-1:focus {
1479
- color: #0b2d60; }
1480
- .cdr-link_11-3-1:hover {
1481
- color: #406eb5;
1482
- text-decoration: none; }
1483
- .cdr-link_11-3-1:focus {
1484
- outline: 0.2rem solid Highlight;
1485
- outline-color: -webkit-focus-ring-color;
1486
- outline-offset: 0; }
1487
- /* Standalone
1442
+ .cdr-grid--gutter-none\@lg_12-0-0-beta-0 {
1443
+ gap: 0 0; }
1444
+ .cdr-grid--gutter-small\@lg_12-0-0-beta-0 {
1445
+ gap: 0.2rem 0.2rem; }
1446
+ .cdr-grid--gutter-medium\@lg_12-0-0-beta-0 {
1447
+ gap: 1.6rem 1.6rem; }
1448
+ .cdr-grid--gutter-large\@lg_12-0-0-beta-0 {
1449
+ gap: 3.2rem 3.2rem; } }
1450
+
1451
+ .cdr-image_12-0-0-beta-0 {
1452
+ max-width: 100%;
1453
+ vertical-align: middle;
1454
+ border-style: none;
1455
+ /* Style variants
1456
+ ========================================================================== */
1457
+ /* responsive
1488
1458
  ========== */
1489
- .cdr-link--standalone_11-3-1 {
1490
- text-decoration: none; }
1491
- .cdr-link--standalone_11-3-1:hover, .cdr-link--standalone_11-3-1:active, .cdr-link--standalone_11-3-1:focus, .cdr-link--standalone_11-3-1:visited {
1492
- text-decoration: underline; }
1493
- .cdr-link--inherit-color_11-3-1 {
1494
- fill: inherit;
1495
- color: inherit; }
1496
- .cdr-link--inherit-color_11-3-1:active, .cdr-link--inherit-color_11-3-1:hover, .cdr-link--inherit-color_11-3-1:focus {
1497
- color: inherit;
1498
- fill: inherit; }
1459
+ /* rounded
1460
+ ========== */
1461
+ /* circle
1462
+ ========== */ }
1463
+ .cdr-image--responsive_12-0-0-beta-0 {
1464
+ display: block;
1465
+ height: auto;
1466
+ width: 100%; }
1467
+ .cdr-image--rounded_12-0-0-beta-0 {
1468
+ border-radius: 0.4rem; }
1469
+ .cdr-image--circle_12-0-0-beta-0 {
1470
+ border-radius: 999.9rem; }
1471
+ /* ==========================================================================
1472
+ # MEDIA FRAME
1473
+ ========================================================================== */
1474
+ .cdr-image-ratio_12-0-0-beta-0 {
1475
+ position: relative;
1476
+ overflow: hidden; }
1477
+ .cdr-image-ratio_12-0-0-beta-0::before {
1478
+ content: '';
1479
+ height: 0;
1480
+ display: block;
1481
+ padding-bottom: var(--ratio); }
1482
+ .cdr-image-ratio__cover_12-0-0-beta-0 {
1483
+ position: absolute;
1484
+ top: 0;
1485
+ left: 0;
1486
+ height: 100%;
1487
+ width: 100%;
1488
+ -o-object-fit: contain;
1489
+ object-fit: contain; }
1490
+ .cdr-image-ratio__cover--crop_12-0-0-beta-0 {
1491
+ -o-object-fit: none;
1492
+ object-fit: none; }
1493
+ .cdr-image-ratio__cover--cover_12-0-0-beta-0 {
1494
+ -o-object-fit: cover;
1495
+ object-fit: cover; }
1499
1496
 
1500
- .cdr-list_11-3-1 {
1497
+ .cdr-list_12-0-0-beta-0 {
1501
1498
  list-style-type: none;
1502
1499
  padding: 0;
1503
1500
  margin: 0;
@@ -1513,59 +1510,59 @@
1513
1510
  ========== */
1514
1511
  /* Inline
1515
1512
  ========== */ }
1516
- .cdr-list_11-3-1 > li + li {
1513
+ .cdr-list_12-0-0-beta-0 > li + li {
1517
1514
  margin-top: 0.8rem; }
1518
- .cdr-list_11-3-1 li > .cdr-list_11-3-1 {
1515
+ .cdr-list_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 {
1519
1516
  margin-top: 0.8rem;
1520
1517
  padding-left: 1em;
1521
1518
  list-style-type: none; }
1522
- .cdr-list--compact_11-3-1 {
1519
+ .cdr-list--compact_12-0-0-beta-0 {
1523
1520
  /* nesting
1524
1521
  ---------- */ }
1525
- .cdr-list--compact_11-3-1 > li + li {
1522
+ .cdr-list--compact_12-0-0-beta-0 > li + li {
1526
1523
  margin-top: 0.4rem; }
1527
- .cdr-list--compact_11-3-1 li > .cdr-list_11-3-1 {
1524
+ .cdr-list--compact_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 {
1528
1525
  margin-top: 0.4rem; }
1529
- .cdr-list--ordered_11-3-1 {
1526
+ .cdr-list--ordered_12-0-0-beta-0 {
1530
1527
  list-style-type: decimal;
1531
1528
  padding-left: 1.5em;
1532
1529
  list-style-position: outside; }
1533
- .cdr-list--ordered_11-3-1 li {
1530
+ .cdr-list--ordered_12-0-0-beta-0 li {
1534
1531
  padding: 0 0 0 0.4rem; }
1535
- .cdr-list--ordered_11-3-1 li {
1532
+ .cdr-list--ordered_12-0-0-beta-0 li {
1536
1533
  /* nesting
1537
1534
  ---------- */ }
1538
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 {
1535
+ .cdr-list--ordered_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 {
1539
1536
  position: relative;
1540
1537
  padding-left: 1em; }
1541
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 > li {
1538
+ .cdr-list--ordered_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 > li {
1542
1539
  padding-left: 0; }
1543
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 > li::before {
1540
+ .cdr-list--ordered_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 > li::before {
1544
1541
  content: '\2013';
1545
1542
  position: absolute;
1546
1543
  color: rgba(66, 59, 47, 0.75);
1547
1544
  left: 0; }
1548
- .cdr-list--unordered_11-3-1 {
1545
+ .cdr-list--unordered_12-0-0-beta-0 {
1549
1546
  position: relative;
1550
1547
  padding-left: 1em;
1551
1548
  /* nesting
1552
1549
  ---------- */ }
1553
- .cdr-list--unordered_11-3-1 > li::before {
1550
+ .cdr-list--unordered_12-0-0-beta-0 > li::before {
1554
1551
  content: '\2022';
1555
1552
  position: relative;
1556
1553
  margin-left: -1em;
1557
1554
  padding-right: 0.8rem;
1558
1555
  color: rgba(66, 59, 47, 0.75); }
1559
- .cdr-list--unordered_11-3-1 li > .cdr-list_11-3-1 {
1556
+ .cdr-list--unordered_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 {
1560
1557
  position: relative;
1561
1558
  padding-left: 1em; }
1562
- .cdr-list--unordered_11-3-1 li > .cdr-list_11-3-1 > li::before {
1559
+ .cdr-list--unordered_12-0-0-beta-0 li > .cdr-list_12-0-0-beta-0 > li::before {
1563
1560
  content: '\2013';
1564
1561
  position: relative;
1565
1562
  margin-left: -1em;
1566
1563
  padding-right: 0.8rem;
1567
1564
  color: rgba(66, 59, 47, 0.75); }
1568
- .cdr-list--inline_11-3-1 {
1565
+ .cdr-list--inline_12-0-0-beta-0 {
1569
1566
  display: flex;
1570
1567
  flex-wrap: wrap;
1571
1568
  list-style-type: none;
@@ -1574,24 +1571,24 @@
1574
1571
  ---------- */
1575
1572
  /* inline - unordered
1576
1573
  ---------- */ }
1577
- .cdr-list--inline_11-3-1 > li {
1574
+ .cdr-list--inline_12-0-0-beta-0 > li {
1578
1575
  display: block; }
1579
- .cdr-list--inline_11-3-1 > li + li {
1576
+ .cdr-list--inline_12-0-0-beta-0 > li + li {
1580
1577
  margin-top: 0;
1581
1578
  padding-left: 1em; }
1582
- .cdr-list--inline_11-3-1.cdr-list--compact_11-3-1 > li + li {
1579
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--compact_12-0-0-beta-0 > li + li {
1583
1580
  padding-left: 0.5em; }
1584
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 {
1581
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0 {
1585
1582
  left: 0;
1586
1583
  /* inline - unordered - compact
1587
1584
  ---------- */ }
1588
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li {
1585
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0 > li {
1589
1586
  position: relative; }
1590
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li + li {
1587
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0 > li + li {
1591
1588
  padding-left: 1.5em; }
1592
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li:first-of-type::before {
1589
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0 > li:first-of-type::before {
1593
1590
  display: none; }
1594
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li::before {
1591
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0 > li::before {
1595
1592
  content: '\2022';
1596
1593
  color: rgba(66, 59, 47, 0.75);
1597
1594
  display: block;
@@ -1604,174 +1601,24 @@
1604
1601
  left: 0;
1605
1602
  padding: 0;
1606
1603
  margin: 0; }
1607
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1.cdr-list--compact_11-3-1 > li + li {
1604
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0.cdr-list--compact_12-0-0-beta-0 > li + li {
1608
1605
  padding-left: 1em; }
1609
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1.cdr-list--compact_11-3-1 > li + li::before {
1606
+ .cdr-list--inline_12-0-0-beta-0.cdr-list--unordered_12-0-0-beta-0.cdr-list--compact_12-0-0-beta-0 > li + li::before {
1610
1607
  transform: translate(100%, -50%); }
1611
1608
 
1612
1609
  /* intentionally empty */
1613
- /* ==========================================================================
1614
- # Cdrquote
1615
-
1616
- TOC:
1617
-
1618
- :Base - Cdrquote
1619
- ========================================================================== */
1620
- .cdr-quote_11-3-1 {
1621
- margin: 0;
1622
- padding: 2.4rem 1.6rem;
1623
- line-height: 1; }
1624
- .cdr-quote_11-3-1 cite {
1625
- font-family: Graphik, "Helvetica Neue", sans-serif;
1626
- font-style: normal;
1627
- font-weight: 400;
1628
- letter-spacing: -0.008rem;
1629
- font-size: 1.2rem;
1630
- line-height: 1.6rem;
1631
- color: rgba(66, 59, 47, 0.75);
1632
- display: block; }
1633
- .cdr-quote__summary_11-3-1 {
1634
- font-family: Stuart, Georgia, serif;
1635
- font-weight: 400;
1636
- font-size: 2.4rem;
1637
- line-height: 3.6rem;
1638
- letter-spacing: -.08rem;
1639
- color: rgba(12, 11, 8, 0.75);
1640
- margin: 0; }
1641
- @media (min-width: 0) and (max-width: 767px) {
1642
- .cdr-quote__summary_11-3-1 {
1643
- font-size: 1.8rem;
1644
- line-height: 2.8rem; } }
1645
- .cdr-quote__summary_11-3-1 + cite {
1646
- padding-top: 1.6rem; }
1647
- .cdr-quote--pull_11-3-1 {
1648
- border-style: solid;
1649
- border-color: #dcd6cb; }
1650
- @media (min-width: 0) {
1651
- .cdr-quote--pull_11-3-1 {
1652
- border-width: 0 0 0.1rem 0;
1653
- padding: 2.4rem 1.6rem;
1654
- margin: 0 0 1.6rem; } }
1655
- @media (min-width: 768px) {
1656
- .cdr-quote--pull_11-3-1 {
1657
- border-width: 0 0 0 0.1rem;
1658
- padding: 0.8rem 1.6rem 0.8rem 3.2rem;
1659
- margin: 1.6rem 0; } }
1660
- .cdr-quote--pull_11-3-1 .cdr-quote__summary_11-3-1 {
1661
- font-weight: 600; }
1662
-
1663
- /* intentionally empty */
1664
- .cdr-radio_11-3-1 {
1665
- /* Figure
1666
- ========== */
1667
- /* States
1668
- ========================================================================== */
1669
- /* Checked
1670
- ========== */ }
1671
- .cdr-radio_11-3-1 .cdr-label-wrapper__figure_11-3-1 {
1672
- border-radius: 100%; }
1673
- .cdr-radio_11-3-1 .cdr-label-wrapper__figure_11-3-1::after {
1674
- content: '';
1675
- position: absolute;
1676
- width: 0.4rem;
1677
- height: 0.4rem;
1678
- left: 50%;
1679
- top: 50%;
1680
- transform: translate(-50%, -50%);
1681
- border-radius: 999.9rem; }
1682
- .cdr-radio__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1683
- box-shadow: inset 0 0 0 0.1rem #4e4d49;
1684
- background-color: #4e4d49; }
1685
- .cdr-radio__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1::after {
1686
- background-color: #ffffff; }
1687
- .cdr-radio_11-3-1:hover .cdr-label-wrapper__figure_11-3-1 {
1688
- cursor: pointer;
1689
- box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
1690
- background-color: #f9f8f6; }
1691
- .cdr-radio_11-3-1:hover .cdr-radio__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1692
- box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1693
- background-color: #928b80; }
1694
- .cdr-radio__input_11-3-1:disabled {
1695
- /* Disabled + Checked
1696
- ========== */ }
1697
- .cdr-radio__input_11-3-1:disabled ~ .cdr-label-wrapper__figure_11-3-1 {
1698
- cursor: not-allowed !important;
1699
- box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
1700
- background-color: #f9f8f6 !important; }
1701
- .cdr-radio__input_11-3-1:disabled ~ .cdr-label-wrapper__figure_11-3-1:after {
1702
- background-color: #f9f8f6 !important; }
1703
- .cdr-radio__input_11-3-1:disabled:checked ~ .cdr-label-wrapper__figure_11-3-1::after {
1704
- background-color: #f9f8f6 !important; }
1705
- .cdr-radio__input_11-3-1:focus ~ .cdr-label-wrapper__figure_11-3-1 {
1706
- box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1707
- background-color: #f9f8f6; }
1708
- .cdr-radio__input_11-3-1:focus:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1709
- background-color: #928b80; }
1710
- .cdr-radio_11-3-1:active .cdr-label-wrapper__figure_11-3-1, .cdr-radio_11-3-1:active .cdr-radio__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1 {
1711
- box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1712
- background-color: #f9f8f6; }
1713
- .cdr-radio_11-3-1:active .cdr-label-wrapper__figure_11-3-1::after, .cdr-radio_11-3-1:active .cdr-radio__input_11-3-1:checked ~ .cdr-label-wrapper__figure_11-3-1::after {
1714
- background-color: #4e4d49; }
1715
-
1716
- .cdr-image_11-3-1 {
1717
- max-width: 100%;
1718
- vertical-align: middle;
1719
- border-style: none;
1720
- /* Style variants
1721
- ========================================================================== */
1722
- /* responsive
1723
- ========== */
1724
- /* rounded
1725
- ========== */
1726
- /* circle
1727
- ========== */ }
1728
- .cdr-image--responsive_11-3-1 {
1729
- display: block;
1730
- height: auto;
1731
- width: 100%; }
1732
- .cdr-image--rounded_11-3-1 {
1733
- border-radius: 0.4rem; }
1734
- .cdr-image--circle_11-3-1 {
1735
- border-radius: 999.9rem; }
1736
- /* ==========================================================================
1737
- # MEDIA FRAME
1738
- ========================================================================== */
1739
- .cdr-image-ratio_11-3-1 {
1740
- position: relative;
1741
- overflow: hidden; }
1742
- .cdr-image-ratio_11-3-1::before {
1743
- content: '';
1744
- height: 0;
1745
- display: block;
1746
- padding-bottom: var(--ratio); }
1747
- .cdr-image-ratio__cover_11-3-1 {
1748
- position: absolute;
1749
- top: 0;
1750
- left: 0;
1751
- height: 100%;
1752
- width: 100%;
1753
- -o-object-fit: contain;
1754
- object-fit: contain; }
1755
- .cdr-image-ratio__cover--crop_11-3-1 {
1756
- -o-object-fit: none;
1757
- object-fit: none; }
1758
- .cdr-image-ratio__cover--cover_11-3-1 {
1759
- -o-object-fit: cover;
1760
- object-fit: cover; }
1761
-
1762
- /* intentionally empty */
1763
- .cdr-popover--position_11-3-1 {
1610
+ .cdr-popover--position_12-0-0-beta-0 {
1764
1611
  position: relative; }
1765
- .cdr-popover--wrapper_11-3-1 {
1612
+ .cdr-popover--wrapper_12-0-0-beta-0 {
1766
1613
  width: -webkit-max-content;
1767
1614
  width: -moz-max-content;
1768
1615
  width: max-content;
1769
1616
  height: -webkit-max-content;
1770
1617
  height: -moz-max-content;
1771
1618
  height: max-content; }
1772
- .cdr-popover--wrapper_11-3-1 .cdr-popup--closed_11-3-1 {
1619
+ .cdr-popover--wrapper_12-0-0-beta-0 .cdr-popup--closed_12-0-0-beta-0 {
1773
1620
  display: none; }
1774
- .cdr-popover__title_11-3-1 {
1621
+ .cdr-popover__title_12-0-0-beta-0 {
1775
1622
  font-family: Stuart, Georgia, serif;
1776
1623
  font-style: normal;
1777
1624
  font-weight: 500;
@@ -1780,132 +1627,125 @@
1780
1627
  line-height: 2.4rem;
1781
1628
  margin-bottom: 0.8rem;
1782
1629
  margin-right: 0.8rem; }
1783
- .cdr-popover__container_11-3-1 {
1630
+ .cdr-popover__container_12-0-0-beta-0 {
1784
1631
  padding: 0.8rem;
1785
1632
  padding-left: 1.6rem;
1786
1633
  display: flex; }
1787
- .cdr-popover__content_11-3-1 {
1634
+ .cdr-popover__content_12-0-0-beta-0 {
1788
1635
  flex: auto; }
1789
- .cdr-popover__close-button_11-3-1 {
1636
+ .cdr-popover__close-button_12-0-0-beta-0 {
1790
1637
  align-self: flex-start;
1791
1638
  flex: none;
1792
1639
  padding: 0; }
1793
1640
 
1794
- .cdr-tab-panel_11-3-1 {
1795
- width: 100%;
1796
- height: 100%;
1797
- padding-top: 0.2rem; }
1798
-
1799
- @-webkit-keyframes exit-left {
1800
- from {
1801
- transform: translateX(0);
1802
- opacity: 1; }
1803
- to {
1804
- transform: translateX(-1rem);
1805
- opacity: 0; } }
1806
-
1807
- @keyframes exit-left {
1808
- from {
1809
- transform: translateX(0);
1810
- opacity: 1; }
1811
- to {
1812
- transform: translateX(-1rem);
1813
- opacity: 0; } }
1814
-
1815
- @-webkit-keyframes exit-right {
1816
- from {
1817
- transform: translateX(0);
1818
- opacity: 1; }
1819
- to {
1820
- transform: translateX(1rem);
1821
- opacity: 0; } }
1822
-
1823
- @keyframes exit-right {
1824
- from {
1825
- transform: translateX(0);
1826
- opacity: 1; }
1827
- to {
1828
- transform: translateX(1rem);
1829
- opacity: 0; } }
1830
-
1831
- @-webkit-keyframes enter-left {
1832
- from {
1833
- transform: translateX(-1rem);
1834
- opacity: 0; }
1835
- to {
1836
- transform: translateX(0);
1837
- opacity: 1; } }
1838
-
1839
- @keyframes enter-left {
1840
- from {
1841
- transform: translateX(-1rem);
1842
- opacity: 0; }
1843
- to {
1844
- transform: translateX(0);
1845
- opacity: 1; } }
1846
-
1847
- @-webkit-keyframes enter-right {
1848
- from {
1849
- transform: translateX(1rem);
1850
- opacity: 0; }
1851
- to {
1852
- transform: translateX(0);
1853
- opacity: 1; } }
1854
-
1855
- @keyframes enter-right {
1856
- from {
1857
- transform: translateX(1rem);
1858
- opacity: 0; }
1859
- to {
1860
- transform: translateX(0);
1861
- opacity: 1; } }
1862
-
1863
- .cdr-tab-panel-enter-left_11-3-1 {
1864
- -webkit-animation-duration: 0.2s;
1865
- animation-duration: 0.2s;
1866
- -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
1867
- animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
1868
-
1869
- .cdr-tab-panel-enter-left_11-3-1 {
1870
- -webkit-animation-name: enter-left;
1871
- animation-name: enter-left; }
1872
-
1873
- .cdr-tab-panel-enter-right_11-3-1 {
1874
- -webkit-animation-duration: 0.2s;
1875
- animation-duration: 0.2s;
1876
- -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
1877
- animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
1878
-
1879
- .cdr-tab-panel-enter-right_11-3-1 {
1880
- -webkit-animation-name: enter-right;
1881
- animation-name: enter-right; }
1882
-
1883
- .cdr-tab-panel-exit-left_11-3-1 {
1884
- -webkit-animation-duration: 0.2s;
1885
- animation-duration: 0.2s;
1886
- -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
1887
- animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
1641
+ /* ==========================================================================
1642
+ # CdrLink
1888
1643
 
1889
- .cdr-tab-panel-exit-left_11-3-1 {
1890
- -webkit-animation-name: exit-left;
1891
- animation-name: exit-left; }
1644
+ TOC:
1892
1645
 
1893
- .cdr-tab-panel-exit-right_11-3-1 {
1894
- -webkit-animation-duration: 0.2s;
1895
- animation-duration: 0.2s;
1896
- -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
1897
- animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
1646
+ :Base Styles
1647
+ :States
1648
+ :Modifiers
1649
+ :Style variants
1650
+ :Standalone
1651
+ ========================================================================== */
1652
+ .cdr-link_12-0-0-beta-0 {
1653
+ font-family: inherit;
1654
+ font-size: inherit;
1655
+ line-height: inherit;
1656
+ align-items: center;
1657
+ background-color: transparent;
1658
+ border: 0;
1659
+ margin: 0;
1660
+ color: #406eb5;
1661
+ fill: #406eb5;
1662
+ cursor: pointer;
1663
+ display: inline-flex;
1664
+ outline: none;
1665
+ padding: 0;
1666
+ text-decoration: underline;
1667
+ vertical-align: top; }
1668
+ .cdr-link_12-0-0-beta-0:active, .cdr-link_12-0-0-beta-0:focus {
1669
+ color: #0b2d60; }
1670
+ .cdr-link_12-0-0-beta-0:hover {
1671
+ color: #406eb5;
1672
+ text-decoration: none; }
1673
+ .cdr-link_12-0-0-beta-0:focus {
1674
+ outline: 0.2rem solid Highlight;
1675
+ outline-color: -webkit-focus-ring-color;
1676
+ outline-offset: 0; }
1677
+ /* Standalone
1678
+ ========== */
1679
+ .cdr-link--standalone_12-0-0-beta-0 {
1680
+ text-decoration: none; }
1681
+ .cdr-link--standalone_12-0-0-beta-0:hover, .cdr-link--standalone_12-0-0-beta-0:active, .cdr-link--standalone_12-0-0-beta-0:focus, .cdr-link--standalone_12-0-0-beta-0:visited {
1682
+ text-decoration: underline; }
1683
+ .cdr-link--inherit-color_12-0-0-beta-0 {
1684
+ fill: inherit;
1685
+ color: inherit; }
1686
+ .cdr-link--inherit-color_12-0-0-beta-0:active, .cdr-link--inherit-color_12-0-0-beta-0:hover, .cdr-link--inherit-color_12-0-0-beta-0:focus {
1687
+ color: inherit;
1688
+ fill: inherit; }
1898
1689
 
1899
- .cdr-tab-panel-exit-right_11-3-1 {
1900
- -webkit-animation-name: exit-right;
1901
- animation-name: exit-right; }
1690
+ /* intentionally empty */
1691
+ .cdr-radio_12-0-0-beta-0 {
1692
+ /* Figure
1693
+ ========== */
1694
+ /* States
1695
+ ========================================================================== */
1696
+ /* Checked
1697
+ ========== */ }
1698
+ .cdr-radio_12-0-0-beta-0 .cdr-label-wrapper__figure_12-0-0-beta-0 {
1699
+ border-radius: 100%; }
1700
+ .cdr-radio_12-0-0-beta-0 .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1701
+ content: '';
1702
+ position: absolute;
1703
+ width: 0.4rem;
1704
+ height: 0.4rem;
1705
+ left: 50%;
1706
+ top: 50%;
1707
+ transform: translate(-50%, -50%);
1708
+ border-radius: 999.9rem; }
1709
+ .cdr-radio__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1710
+ box-shadow: inset 0 0 0 0.1rem #4e4d49;
1711
+ background-color: #4e4d49; }
1712
+ .cdr-radio__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1713
+ background-color: #ffffff; }
1714
+ .cdr-radio_12-0-0-beta-0:hover .cdr-label-wrapper__figure_12-0-0-beta-0 {
1715
+ cursor: pointer;
1716
+ box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
1717
+ background-color: #f9f8f6; }
1718
+ .cdr-radio_12-0-0-beta-0:hover .cdr-radio__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1719
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1720
+ background-color: #928b80; }
1721
+ .cdr-radio__input_12-0-0-beta-0:disabled {
1722
+ /* Disabled + Checked
1723
+ ========== */ }
1724
+ .cdr-radio__input_12-0-0-beta-0:disabled ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1725
+ cursor: not-allowed !important;
1726
+ box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
1727
+ background-color: #f9f8f6 !important; }
1728
+ .cdr-radio__input_12-0-0-beta-0:disabled ~ .cdr-label-wrapper__figure_12-0-0-beta-0:after {
1729
+ background-color: #f9f8f6 !important; }
1730
+ .cdr-radio__input_12-0-0-beta-0:disabled:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1731
+ background-color: #f9f8f6 !important; }
1732
+ .cdr-radio__input_12-0-0-beta-0:focus ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1733
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1734
+ background-color: #f9f8f6; }
1735
+ .cdr-radio__input_12-0-0-beta-0:focus:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1736
+ background-color: #928b80; }
1737
+ .cdr-radio_12-0-0-beta-0:active .cdr-label-wrapper__figure_12-0-0-beta-0, .cdr-radio_12-0-0-beta-0:active .cdr-radio__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0 {
1738
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
1739
+ background-color: #f9f8f6; }
1740
+ .cdr-radio_12-0-0-beta-0:active .cdr-label-wrapper__figure_12-0-0-beta-0::after, .cdr-radio_12-0-0-beta-0:active .cdr-radio__input_12-0-0-beta-0:checked ~ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
1741
+ background-color: #4e4d49; }
1902
1742
 
1903
1743
  @charset "UTF-8";
1904
- .cdr-rating__icon_11-3-1 {
1744
+ .cdr-rating__icon_12-0-0-beta-0 {
1905
1745
  width: 2.4rem;
1906
1746
  height: 2.4rem;
1907
1747
  font-size: 2.4rem; }
1908
- .cdr-rating__count_11-3-1 {
1748
+ .cdr-rating__count_12-0-0-beta-0 {
1909
1749
  font-family: Graphik, "Helvetica Neue", sans-serif;
1910
1750
  font-style: normal;
1911
1751
  font-weight: 400;
@@ -1913,7 +1753,7 @@
1913
1753
  font-size: 1.4rem;
1914
1754
  line-height: 1.8rem;
1915
1755
  margin-left: 0.8rem; }
1916
- .cdr-rating_11-3-1 {
1756
+ .cdr-rating_12-0-0-beta-0 {
1917
1757
  display: flex;
1918
1758
  align-items: center;
1919
1759
  position: relative;
@@ -1935,14 +1775,14 @@
1935
1775
  ========== */
1936
1776
  /* Small
1937
1777
  ========== */ }
1938
- .cdr-rating__number_11-3-1 {
1778
+ .cdr-rating__number_12-0-0-beta-0 {
1939
1779
  font-weight: 600; }
1940
- .cdr-rating__ratings_11-3-1 {
1780
+ .cdr-rating__ratings_12-0-0-beta-0 {
1941
1781
  display: flex; }
1942
- .cdr-rating__icon_11-3-1 {
1782
+ .cdr-rating__icon_12-0-0-beta-0 {
1943
1783
  position: relative;
1944
1784
  z-index: 1; }
1945
- .cdr-rating__caption-sr_11-3-1 {
1785
+ .cdr-rating__caption-sr_12-0-0-beta-0 {
1946
1786
  position: absolute;
1947
1787
  width: 0.1rem;
1948
1788
  height: 0.1rem;
@@ -1951,7 +1791,7 @@
1951
1791
  overflow: hidden;
1952
1792
  clip: rect(0, 0, 0, 0);
1953
1793
  border: 0; }
1954
- .cdr-rating__placeholder_11-3-1::after {
1794
+ .cdr-rating__placeholder_12-0-0-beta-0::after {
1955
1795
  content: '';
1956
1796
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
1957
1797
  background-repeat: no-repeat;
@@ -1960,7 +1800,7 @@
1960
1800
  left: 0;
1961
1801
  width: 100%;
1962
1802
  height: 100%; }
1963
- .cdr-rating__placeholder_11-3-1::before {
1803
+ .cdr-rating__placeholder_12-0-0-beta-0::before {
1964
1804
  content: "☆";
1965
1805
  display: block;
1966
1806
  position: absolute;
@@ -1971,7 +1811,7 @@
1971
1811
  color: #BD7B2D;
1972
1812
  width: auto;
1973
1813
  overflow: hidden; }
1974
- .cdr-rating__placeholder--no-reviews_11-3-1::after {
1814
+ .cdr-rating__placeholder--no-reviews_12-0-0-beta-0::after {
1975
1815
  content: '';
1976
1816
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23928B80' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
1977
1817
  background-repeat: no-repeat;
@@ -1980,7 +1820,7 @@
1980
1820
  left: 0;
1981
1821
  width: 100%;
1982
1822
  height: 100%; }
1983
- .cdr-rating__placeholder--no-reviews_11-3-1::before {
1823
+ .cdr-rating__placeholder--no-reviews_12-0-0-beta-0::before {
1984
1824
  content: "☆";
1985
1825
  display: block;
1986
1826
  position: absolute;
@@ -1991,7 +1831,7 @@
1991
1831
  color: #BD7B2D;
1992
1832
  width: auto;
1993
1833
  overflow: hidden; }
1994
- .cdr-rating__100_11-3-1::after {
1834
+ .cdr-rating__100_12-0-0-beta-0::after {
1995
1835
  content: '';
1996
1836
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M5.69 21.769l1.669-7.552-5.535-5.048 7.298-.66L12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006zm1.496-2.134L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04 9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767z'/%3E %3C/g%3E %3C/svg%3E");
1997
1837
  background-repeat: no-repeat;
@@ -2000,7 +1840,7 @@
2000
1840
  left: 0;
2001
1841
  width: 100%;
2002
1842
  height: 100%; }
2003
- .cdr-rating__100_11-3-1::before {
1843
+ .cdr-rating__100_12-0-0-beta-0::before {
2004
1844
  content: "★";
2005
1845
  display: block;
2006
1846
  position: absolute;
@@ -2011,7 +1851,7 @@
2011
1851
  color: #BD7B2D;
2012
1852
  width: auto;
2013
1853
  overflow: hidden; }
2014
- .cdr-rating__75_11-3-1::after {
1854
+ .cdr-rating__75_12-0-0-beta-0::after {
2015
1855
  content: '';
2016
1856
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M14.175 17.967l2.639 1.668-1.274-5.767 4.284-3.907-5.643-.515z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M14.182 9.453L12 4.041l-2.179 5.41-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm0 2.677L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767L12 16.579l2.007 1.273v-8.83L12 4.042zm2.507 5.439v8.689l2.307 1.466-1.274-5.767 4.284-3.907-5.317-.481z'/%3E %3C/g%3E %3C/svg%3E");
2017
1857
  background-repeat: no-repeat;
@@ -2020,7 +1860,7 @@
2020
1860
  left: 0;
2021
1861
  width: 100%;
2022
1862
  height: 100%; }
2023
- .cdr-rating__75_11-3-1::before {
1863
+ .cdr-rating__75_12-0-0-beta-0::before {
2024
1864
  content: "★";
2025
1865
  display: block;
2026
1866
  position: absolute;
@@ -2031,7 +1871,7 @@
2031
1871
  color: #BD7B2D;
2032
1872
  width: 0.75em;
2033
1873
  overflow: hidden; }
2034
- .cdr-rating__50_11-3-1::after {
1874
+ .cdr-rating__50_12-0-0-beta-0::after {
2035
1875
  content: '';
2036
1876
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M16.815 19.635l-4.817-3.009-.006-12.615 2.188 5.44 5.645.51-4.284 3.907z'/%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M7.186 19.635L12 16.579V4.041l-2.179 5.41-5.645.51 4.284 3.907z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.147 7.298.659-5.535 5.048 1.669 7.552L12 17.763l-6.31 4.006 1.669-7.552-5.535-5.048 7.298-.66L12 1.364zm-.247 3.289L9.821 9.45l-5.645.51 4.284 3.907-1.274 5.767 4.567-2.9V4.653zm.5.015v12.07l4.561 2.897-1.274-5.767 4.284-3.907-5.645-.51-1.926-4.783z'/%3E %3C/g%3E %3C/svg%3E");
2037
1877
  background-repeat: no-repeat;
@@ -2040,7 +1880,7 @@
2040
1880
  left: 0;
2041
1881
  width: 100%;
2042
1882
  height: 100%; }
2043
- .cdr-rating__50_11-3-1::before {
1883
+ .cdr-rating__50_12-0-0-beta-0::before {
2044
1884
  content: "★";
2045
1885
  display: block;
2046
1886
  position: absolute;
@@ -2051,7 +1891,7 @@
2051
1891
  color: #BD7B2D;
2052
1892
  width: 0.5em;
2053
1893
  overflow: hidden; }
2054
- .cdr-rating__25_11-3-1::after {
1894
+ .cdr-rating__25_12-0-0-beta-0::after {
2055
1895
  content: '';
2056
1896
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cpath fill='%23FFD280' fill-rule='nonzero' d='M9.822 17.968l-2.633 1.667 1.274-5.767-4.284-3.907 5.643-.515z'/%3E %3Cpath fill='%23F9F8F6' fill-rule='nonzero' d='M9.816 9.453l2.182-5.412 2.179 5.41 5.645.51-4.284 3.907 1.274 5.767-4.814-3.056-2.18 1.389z'/%3E %3Cpath fill='%23BD7B2D' d='M12 1.364l2.878 7.145 7.298.66-5.535 5.048 1.669 7.552L12 17.763 5.69 21.77l1.669-7.552L1.824 9.17l7.298-.66L12 1.365zM9.503 9.479l-5.327.482 4.284 3.907-1.274 5.767 2.317-1.472V9.479zM12 4.04l-1.997 4.957v8.848L12 16.579l4.814 3.056-1.274-5.767 4.284-3.907-5.645-.51L12 4.04z'/%3E %3C/g%3E %3C/svg%3E");
2057
1897
  background-repeat: no-repeat;
@@ -2060,7 +1900,7 @@
2060
1900
  left: 0;
2061
1901
  width: 100%;
2062
1902
  height: 100%; }
2063
- .cdr-rating__25_11-3-1::before {
1903
+ .cdr-rating__25_12-0-0-beta-0::before {
2064
1904
  content: "★";
2065
1905
  display: block;
2066
1906
  position: absolute;
@@ -2071,32 +1911,32 @@
2071
1911
  color: #BD7B2D;
2072
1912
  width: 0.33em;
2073
1913
  overflow: hidden; }
2074
- .cdr-rating--linked_11-3-1 {
1914
+ .cdr-rating--linked_12-0-0-beta-0 {
2075
1915
  display: inline-flex;
2076
1916
  text-decoration: none; }
2077
- .cdr-rating--linked_11-3-1 .cdr-rating__count_11-3-1:hover, .cdr-rating--linked_11-3-1 .cdr-rating__count_11-3-1:active, .cdr-rating--linked_11-3-1 .cdr-rating__count_11-3-1:focus {
1917
+ .cdr-rating--linked_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0:hover, .cdr-rating--linked_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0:active, .cdr-rating--linked_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0:focus {
2078
1918
  color: #406eb5;
2079
1919
  text-decoration: underline; }
2080
- .cdr-rating--linked_11-3-1 .cdr-rating__count_11-3-1 > .cdr-rating__number_11-3-1 {
1920
+ .cdr-rating--linked_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 > .cdr-rating__number_12-0-0-beta-0 {
2081
1921
  border-right: 0.1rem solid #b2ab9f;
2082
1922
  padding: 0 0.6rem;
2083
1923
  margin-right: 0.6rem; }
2084
- .cdr-rating--large_11-3-1 .cdr-rating__icon_11-3-1 {
1924
+ .cdr-rating--large_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2085
1925
  width: 3.2rem;
2086
1926
  height: 3.2rem;
2087
1927
  font-size: 3.2rem; }
2088
- .cdr-rating--large_11-3-1 .cdr-rating__count_11-3-1 {
1928
+ .cdr-rating--large_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2089
1929
  font-family: Graphik, "Helvetica Neue", sans-serif;
2090
1930
  font-style: normal;
2091
1931
  font-weight: 400;
2092
1932
  letter-spacing: -0.016rem;
2093
1933
  font-size: 1.6rem;
2094
1934
  line-height: 2.2rem; }
2095
- .cdr-rating--medium_11-3-1 .cdr-rating__icon_11-3-1 {
1935
+ .cdr-rating--medium_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2096
1936
  width: 2.4rem;
2097
1937
  height: 2.4rem;
2098
1938
  font-size: 2.4rem; }
2099
- .cdr-rating--medium_11-3-1 .cdr-rating__count_11-3-1 {
1939
+ .cdr-rating--medium_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2100
1940
  font-family: Graphik, "Helvetica Neue", sans-serif;
2101
1941
  font-style: normal;
2102
1942
  font-weight: 400;
@@ -2104,11 +1944,11 @@
2104
1944
  font-size: 1.4rem;
2105
1945
  line-height: 1.8rem;
2106
1946
  margin-left: 0.8rem; }
2107
- .cdr-rating--small_11-3-1 .cdr-rating__icon_11-3-1 {
1947
+ .cdr-rating--small_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2108
1948
  width: 1.6rem;
2109
1949
  height: 1.6rem;
2110
1950
  font-size: 1.6rem; }
2111
- .cdr-rating--small_11-3-1 .cdr-rating__count_11-3-1 {
1951
+ .cdr-rating--small_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2112
1952
  font-family: Graphik, "Helvetica Neue", sans-serif;
2113
1953
  font-style: normal;
2114
1954
  font-weight: 400;
@@ -2117,11 +1957,11 @@
2117
1957
  line-height: 1.6rem;
2118
1958
  margin-left: 0.4rem; }
2119
1959
  @media (min-width: 0) and (max-width: 767px) {
2120
- .cdr-rating--small\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1960
+ .cdr-rating--small\@xs_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2121
1961
  width: 1.6rem;
2122
1962
  height: 1.6rem;
2123
1963
  font-size: 1.6rem; }
2124
- .cdr-rating--small\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1964
+ .cdr-rating--small\@xs_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2125
1965
  font-family: Graphik, "Helvetica Neue", sans-serif;
2126
1966
  font-style: normal;
2127
1967
  font-weight: 400;
@@ -2129,11 +1969,11 @@
2129
1969
  font-size: 1.2rem;
2130
1970
  line-height: 1.6rem;
2131
1971
  margin-left: 0.4rem; }
2132
- .cdr-rating--medium\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1972
+ .cdr-rating--medium\@xs_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2133
1973
  width: 2.4rem;
2134
1974
  height: 2.4rem;
2135
1975
  font-size: 2.4rem; }
2136
- .cdr-rating--medium\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1976
+ .cdr-rating--medium\@xs_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2137
1977
  font-family: Graphik, "Helvetica Neue", sans-serif;
2138
1978
  font-style: normal;
2139
1979
  font-weight: 400;
@@ -2141,11 +1981,11 @@
2141
1981
  font-size: 1.4rem;
2142
1982
  line-height: 1.8rem;
2143
1983
  margin-left: 0.8rem; }
2144
- .cdr-rating--large\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1984
+ .cdr-rating--large\@xs_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2145
1985
  width: 3.2rem;
2146
1986
  height: 3.2rem;
2147
1987
  font-size: 3.2rem; }
2148
- .cdr-rating--large\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1988
+ .cdr-rating--large\@xs_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2149
1989
  font-family: Graphik, "Helvetica Neue", sans-serif;
2150
1990
  font-style: normal;
2151
1991
  font-weight: 400;
@@ -2153,11 +1993,11 @@
2153
1993
  font-size: 1.6rem;
2154
1994
  line-height: 2.2rem; } }
2155
1995
  @media (min-width: 768px) and (max-width: 991px) {
2156
- .cdr-rating--small\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
1996
+ .cdr-rating--small\@sm_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2157
1997
  width: 1.6rem;
2158
1998
  height: 1.6rem;
2159
1999
  font-size: 1.6rem; }
2160
- .cdr-rating--small\@sm_11-3-1 .cdr-rating__count_11-3-1 {
2000
+ .cdr-rating--small\@sm_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2161
2001
  font-family: Graphik, "Helvetica Neue", sans-serif;
2162
2002
  font-style: normal;
2163
2003
  font-weight: 400;
@@ -2165,11 +2005,11 @@
2165
2005
  font-size: 1.2rem;
2166
2006
  line-height: 1.6rem;
2167
2007
  margin-left: 0.4rem; }
2168
- .cdr-rating--medium\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
2008
+ .cdr-rating--medium\@sm_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2169
2009
  width: 2.4rem;
2170
2010
  height: 2.4rem;
2171
2011
  font-size: 2.4rem; }
2172
- .cdr-rating--medium\@sm_11-3-1 .cdr-rating__count_11-3-1 {
2012
+ .cdr-rating--medium\@sm_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2173
2013
  font-family: Graphik, "Helvetica Neue", sans-serif;
2174
2014
  font-style: normal;
2175
2015
  font-weight: 400;
@@ -2177,11 +2017,11 @@
2177
2017
  font-size: 1.4rem;
2178
2018
  line-height: 1.8rem;
2179
2019
  margin-left: 0.8rem; }
2180
- .cdr-rating--large\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
2020
+ .cdr-rating--large\@sm_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2181
2021
  width: 3.2rem;
2182
2022
  height: 3.2rem;
2183
2023
  font-size: 3.2rem; }
2184
- .cdr-rating--large\@sm_11-3-1 .cdr-rating__count_11-3-1 {
2024
+ .cdr-rating--large\@sm_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2185
2025
  font-family: Graphik, "Helvetica Neue", sans-serif;
2186
2026
  font-style: normal;
2187
2027
  font-weight: 400;
@@ -2189,11 +2029,11 @@
2189
2029
  font-size: 1.6rem;
2190
2030
  line-height: 2.2rem; } }
2191
2031
  @media (min-width: 992px) and (max-width: 1231px) {
2192
- .cdr-rating--small\@md_11-3-1 .cdr-rating__icon_11-3-1 {
2032
+ .cdr-rating--small\@md_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2193
2033
  width: 1.6rem;
2194
2034
  height: 1.6rem;
2195
2035
  font-size: 1.6rem; }
2196
- .cdr-rating--small\@md_11-3-1 .cdr-rating__count_11-3-1 {
2036
+ .cdr-rating--small\@md_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2197
2037
  font-family: Graphik, "Helvetica Neue", sans-serif;
2198
2038
  font-style: normal;
2199
2039
  font-weight: 400;
@@ -2201,11 +2041,11 @@
2201
2041
  font-size: 1.2rem;
2202
2042
  line-height: 1.6rem;
2203
2043
  margin-left: 0.4rem; }
2204
- .cdr-rating--medium\@md_11-3-1 .cdr-rating__icon_11-3-1 {
2044
+ .cdr-rating--medium\@md_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2205
2045
  width: 2.4rem;
2206
2046
  height: 2.4rem;
2207
2047
  font-size: 2.4rem; }
2208
- .cdr-rating--medium\@md_11-3-1 .cdr-rating__count_11-3-1 {
2048
+ .cdr-rating--medium\@md_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2209
2049
  font-family: Graphik, "Helvetica Neue", sans-serif;
2210
2050
  font-style: normal;
2211
2051
  font-weight: 400;
@@ -2213,11 +2053,11 @@
2213
2053
  font-size: 1.4rem;
2214
2054
  line-height: 1.8rem;
2215
2055
  margin-left: 0.8rem; }
2216
- .cdr-rating--large\@md_11-3-1 .cdr-rating__icon_11-3-1 {
2056
+ .cdr-rating--large\@md_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2217
2057
  width: 3.2rem;
2218
2058
  height: 3.2rem;
2219
2059
  font-size: 3.2rem; }
2220
- .cdr-rating--large\@md_11-3-1 .cdr-rating__count_11-3-1 {
2060
+ .cdr-rating--large\@md_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2221
2061
  font-family: Graphik, "Helvetica Neue", sans-serif;
2222
2062
  font-style: normal;
2223
2063
  font-weight: 400;
@@ -2225,11 +2065,11 @@
2225
2065
  font-size: 1.6rem;
2226
2066
  line-height: 2.2rem; } }
2227
2067
  @media (min-width: 1232px) {
2228
- .cdr-rating--small\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2068
+ .cdr-rating--small\@lg_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2229
2069
  width: 1.6rem;
2230
2070
  height: 1.6rem;
2231
2071
  font-size: 1.6rem; }
2232
- .cdr-rating--small\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2072
+ .cdr-rating--small\@lg_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2233
2073
  font-family: Graphik, "Helvetica Neue", sans-serif;
2234
2074
  font-style: normal;
2235
2075
  font-weight: 400;
@@ -2237,11 +2077,11 @@
2237
2077
  font-size: 1.2rem;
2238
2078
  line-height: 1.6rem;
2239
2079
  margin-left: 0.4rem; }
2240
- .cdr-rating--medium\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2080
+ .cdr-rating--medium\@lg_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2241
2081
  width: 2.4rem;
2242
2082
  height: 2.4rem;
2243
2083
  font-size: 2.4rem; }
2244
- .cdr-rating--medium\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2084
+ .cdr-rating--medium\@lg_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2245
2085
  font-family: Graphik, "Helvetica Neue", sans-serif;
2246
2086
  font-style: normal;
2247
2087
  font-weight: 400;
@@ -2249,11 +2089,11 @@
2249
2089
  font-size: 1.4rem;
2250
2090
  line-height: 1.8rem;
2251
2091
  margin-left: 0.8rem; }
2252
- .cdr-rating--large\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2092
+ .cdr-rating--large\@lg_12-0-0-beta-0 .cdr-rating__icon_12-0-0-beta-0 {
2253
2093
  width: 3.2rem;
2254
2094
  height: 3.2rem;
2255
2095
  font-size: 3.2rem; }
2256
- .cdr-rating--large\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2096
+ .cdr-rating--large\@lg_12-0-0-beta-0 .cdr-rating__count_12-0-0-beta-0 {
2257
2097
  font-family: Graphik, "Helvetica Neue", sans-serif;
2258
2098
  font-style: normal;
2259
2099
  font-weight: 400;
@@ -2261,219 +2101,245 @@
2261
2101
  font-size: 1.6rem;
2262
2102
  line-height: 2.2rem; } }
2263
2103
 
2264
- .cdr-table_11-3-1 {
2265
- font-family: Graphik, "Helvetica Neue", sans-serif;
2266
- font-style: normal;
2267
- font-weight: 400;
2268
- letter-spacing: -0.016rem;
2269
- font-size: 1.4rem;
2270
- line-height: 1.8rem;
2271
- color: rgba(12, 11, 8, 0.75);
2272
- border: none;
2273
- border-collapse: collapse; }
2274
- .cdr-table_11-3-1 tr {
2275
- background-color: #ffffff; }
2276
- .cdr-table_11-3-1 thead tr {
2277
- background-color: #f4f2ed; }
2278
- .cdr-table_11-3-1 th,
2279
- .cdr-table_11-3-1 td {
2280
- color: rgba(12, 11, 8, 0.75);
2281
- padding: 0.8rem 1.6rem;
2282
- text-align: left; }
2283
- .cdr-table_11-3-1 th {
2284
- font-family: Graphik, "Helvetica Neue", sans-serif;
2285
- font-style: normal;
2286
- font-weight: 600;
2287
- letter-spacing: -0.008rem;
2288
- font-size: 1.4rem;
2289
- line-height: 1.8rem; }
2290
- .cdr-table_11-3-1 caption {
2291
- font-family: Graphik, "Helvetica Neue", sans-serif;
2292
- font-style: normal;
2293
- font-weight: 600;
2294
- letter-spacing: -0.008rem;
2295
- font-size: 1.6rem;
2296
- line-height: 2.2rem;
2297
- text-align: left;
2298
- margin-bottom: 0.8rem; }
2299
- .cdr-table--small_11-3-1 th, .cdr-table--small_11-3-1 td {
2300
- padding: 0.4rem 1.6rem; }
2301
- .cdr-table--medium_11-3-1 th, .cdr-table--medium_11-3-1 td {
2302
- padding: 0.8rem 1.6rem; }
2303
- .cdr-table--large_11-3-1 th, .cdr-table--large_11-3-1 td {
2304
- padding: 1.6rem; }
2305
- .cdr-table--striped_11-3-1 tr:nth-child(odd) {
2306
- background-color: #f9f8f6; }
2307
- .cdr-table--striped_11-3-1 thead + tbody tr:nth-child(even) {
2308
- background-color: #f9f8f6; }
2309
- .cdr-table--striped_11-3-1 thead + tbody tr:nth-child(odd) {
2310
- background-color: #ffffff; }
2311
- .cdr-table--striped_11-3-1 tbody tr:nth-child(odd),
2312
- .cdr-table--striped_11-3-1 tfoot tr:nth-child(odd) {
2313
- background-color: #f9f8f6; }
2314
- .cdr-table--border_11-3-1 tr + tr > * {
2315
- border-top: 0.1rem solid #dcd6cb; }
2316
- .cdr-table--border_11-3-1 thead tr + tr > * {
2317
- border-top: 0.1rem solid #928b80; }
2318
- .cdr-table--border_11-3-1 tbody tr + tr > *, .cdr-table--border_11-3-1 tfoot tr + tr > * {
2319
- border-top: 0.1rem solid #dcd6cb; }
2320
- .cdr-table--border_11-3-1 thead + tbody,
2321
- .cdr-table--border_11-3-1 tbody + tfoot {
2322
- border-top: 0.1rem solid #dcd6cb; }
2323
- .cdr-table--full-width_11-3-1 {
2324
- width: 100%; }
2325
- .cdr-table--responsive_11-3-1 {
2326
- display: block;
2327
- width: 100%;
2328
- overflow-x: auto; }
2329
- .cdr-table--hover_11-3-1 tr:hover > * {
2330
- background-color: #f4f2ed; }
2331
- @media (min-width: 0) and (max-width: 767px) {
2332
- .cdr-table--full-width\@xs_11-3-1 {
2333
- width: 100%; } }
2334
- @media (min-width: 768px) and (max-width: 991px) {
2335
- .cdr-table--full-width\@sm_11-3-1 {
2336
- width: 100%; } }
2337
- @media (min-width: 992px) and (max-width: 1231px) {
2338
- .cdr-table--full-width\@md_11-3-1 {
2339
- width: 100%; } }
2340
- @media (min-width: 1232px) {
2341
- .cdr-table--full-width\@lg_11-3-1 {
2342
- width: 100%; } }
2343
-
2344
2104
  /* intentionally empty */
2345
- .cdr-tabs_11-3-1 {
2346
- /* overflow-x: auto; */
2347
- display: flex;
2348
- flex-flow: column;
2349
- height: 50rem;
2350
- overflow-x: hidden;
2351
- /* Compact
2352
- ========== */
2353
- /* No Border
2354
- ========== */
2355
- /* Full Width
2356
- ========== */
2357
- /* Centered
2358
- ========== */ }
2359
- .cdr-tabs_11-3-1 ::-webkit-scrollbar {
2360
- -webkit-appearance: none;
2361
- width: 0.7rem; }
2362
- .cdr-tabs_11-3-1 ::-webkit-scrollbar-thumb {
2363
- border-radius: 0.4rem;
2364
- background-color: rgba(0, 0, 0, 0.5);
2365
- -webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
2366
- .cdr-tabs__header-container_11-3-1 {
2367
- overflow-x: auto;
2368
- border-bottom: 0.1rem solid #928b80;
2369
- -webkit-overflow-scrolling: touch;
2370
- -ms-overflow-style: -ms-autohiding-scrollbar; }
2371
- .cdr-tabs__header-container_11-3-1::-webkit-scrollbar {
2372
- width: 0 !important;
2373
- height: 0 !important; }
2374
- .cdr-tabs__gradient-container_11-3-1 {
2375
- position: relative; }
2376
- .cdr-tabs__gradient_11-3-1 {
2377
- transition: opacity 0.2s ease;
2378
- -webkit-transition: opacity 0.2s ease;
2379
- position: absolute;
2380
- z-index: 100;
2381
- top: 0;
2382
- bottom: 0;
2383
- width: 4.8rem;
2384
- pointer-events: none;
2385
- opacity: 0; }
2386
- .cdr-tabs__gradient--left_11-3-1 {
2387
- left: 0; }
2388
- .cdr-tabs__gradient--right_11-3-1 {
2389
- right: 0; }
2390
- .cdr-tabs__gradient--active_11-3-1 {
2391
- opacity: 1; }
2392
- .cdr-tabs__header_11-3-1 {
2393
- display: flex;
2394
- width: 100%;
2395
- margin: 0;
2396
- padding: 0;
2397
- position: relative; }
2398
- .cdr-tabs__header-item_11-3-1 {
2105
+ /* ==========================================================================
2106
+ # Cdrquote
2107
+
2108
+ TOC:
2109
+
2110
+ :Base - Cdrquote
2111
+ ========================================================================== */
2112
+ .cdr-quote_12-0-0-beta-0 {
2113
+ margin: 0;
2114
+ padding: 2.4rem 1.6rem;
2115
+ line-height: 1; }
2116
+ .cdr-quote_12-0-0-beta-0 cite {
2399
2117
  font-family: Graphik, "Helvetica Neue", sans-serif;
2400
2118
  font-style: normal;
2401
- font-weight: inherit;
2119
+ font-weight: 400;
2402
2120
  letter-spacing: -0.008rem;
2403
- font-size: 1.6rem;
2404
- line-height: 2.2rem;
2405
- border: none;
2406
- background-color: transparent;
2407
- display: block;
2121
+ font-size: 1.2rem;
2122
+ line-height: 1.6rem;
2408
2123
  color: rgba(66, 59, 47, 0.75);
2409
- font-weight: 300;
2410
- text-decoration: none;
2411
- padding: 1.2rem 0.8rem;
2412
- white-space: nowrap;
2413
- outline-offset: -0.3rem; }
2414
- .cdr-tabs__header-item_11-3-1 + .cdr-tabs__header-item_11-3-1 {
2415
- margin-left: 1.6rem; }
2416
- .cdr-tabs__header-item-active_11-3-1 {
2417
- color: rgba(12, 11, 8, 0.75);
2418
- font-weight: 500; }
2419
- .cdr-tabs__header-item_11-3-1::before {
2420
- display: block;
2421
- content: attr(js-name);
2422
- font-weight: 500;
2423
- height: 0;
2424
- overflow: hidden;
2425
- visibility: hidden; }
2426
- .cdr-tabs__header-item_11-3-1:active, .cdr-tabs__header-item_11-3-1:hover, .cdr-tabs__header-item_11-3-1:focus {
2427
- text-decoration: none;
2428
- color: #406eb5; }
2429
- .cdr-tabs__header-item--disabled_11-3-1 {
2430
- border: none;
2431
- background-color: transparent;
2432
- color: #d1cbbd; }
2433
- .cdr-tabs__header-item--disabled_11-3-1:active, .cdr-tabs__header-item--disabled_11-3-1:hover, .cdr-tabs__header-item--disabled_11-3-1:focus {
2434
- color: #d1cbbd;
2435
- cursor: not-allowed; }
2436
- .cdr-tabs__underline_11-3-1 {
2437
- z-index: 1;
2438
- position: absolute;
2439
- width: 3rem;
2440
- margin: 0;
2441
- height: 0.4rem;
2442
- margin-top: -0.4rem;
2443
- box-sizing: border-box;
2444
- border: none;
2445
- background-color: #406eb5;
2446
- transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
2447
- .cdr-tabs__content-container_11-3-1 {
2448
- position: relative;
2449
- flex: 1 1 auto;
2450
- overflow-x: hidden;
2451
- overflow-y: auto; }
2452
- .cdr-tabs_11-3-1 .fade-enter-active_11-3-1,
2453
- .cdr-tabs_11-3-1 .fade-leave-active_11-3-1 {
2454
- opacity: 0.5s; }
2455
- .cdr-tabs_11-3-1 .fade-enter_11-3-1,
2456
- .cdr-tabs_11-3-1 .fade-leave-to_11-3-1 {
2457
- opacity: 0; }
2458
- .cdr-tabs--compact_11-3-1 .cdr-tabs__header-item-label_11-3-1, .cdr-tabs--small_11-3-1 .cdr-tabs__header-item-label_11-3-1 {
2124
+ display: block; }
2125
+ .cdr-quote__summary_12-0-0-beta-0 {
2126
+ font-family: Stuart, Georgia, serif;
2127
+ font-weight: 400;
2128
+ font-size: 2.4rem;
2129
+ line-height: 3.6rem;
2130
+ letter-spacing: -.08rem;
2131
+ color: rgba(12, 11, 8, 0.75);
2132
+ margin: 0; }
2133
+ @media (min-width: 0) and (max-width: 767px) {
2134
+ .cdr-quote__summary_12-0-0-beta-0 {
2135
+ font-size: 1.8rem;
2136
+ line-height: 2.8rem; } }
2137
+ .cdr-quote__summary_12-0-0-beta-0 + cite {
2138
+ padding-top: 1.6rem; }
2139
+ .cdr-quote--pull_12-0-0-beta-0 {
2140
+ border-style: solid;
2141
+ border-color: #dcd6cb; }
2142
+ @media (min-width: 0) {
2143
+ .cdr-quote--pull_12-0-0-beta-0 {
2144
+ border-width: 0 0 0.1rem 0;
2145
+ padding: 2.4rem 1.6rem;
2146
+ margin: 0 0 1.6rem; } }
2147
+ @media (min-width: 768px) {
2148
+ .cdr-quote--pull_12-0-0-beta-0 {
2149
+ border-width: 0 0 0 0.1rem;
2150
+ padding: 0.8rem 1.6rem 0.8rem 3.2rem;
2151
+ margin: 1.6rem 0; } }
2152
+ .cdr-quote--pull_12-0-0-beta-0 .cdr-quote__summary_12-0-0-beta-0 {
2153
+ font-weight: 600; }
2154
+
2155
+ .cdr-table_12-0-0-beta-0 {
2156
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2157
+ font-style: normal;
2158
+ font-weight: 400;
2159
+ letter-spacing: -0.016rem;
2160
+ font-size: 1.4rem;
2161
+ line-height: 1.8rem;
2162
+ color: rgba(12, 11, 8, 0.75);
2163
+ border: none;
2164
+ border-collapse: collapse; }
2165
+ .cdr-table_12-0-0-beta-0 tr {
2166
+ background-color: #ffffff; }
2167
+ .cdr-table_12-0-0-beta-0 thead tr {
2168
+ background-color: #f4f2ed; }
2169
+ .cdr-table_12-0-0-beta-0 th,
2170
+ .cdr-table_12-0-0-beta-0 td {
2171
+ color: rgba(12, 11, 8, 0.75);
2172
+ padding: 0.8rem 1.6rem;
2173
+ text-align: left; }
2174
+ .cdr-table_12-0-0-beta-0 th {
2459
2175
  font-family: Graphik, "Helvetica Neue", sans-serif;
2460
2176
  font-style: normal;
2461
- font-weight: inherit;
2177
+ font-weight: 600;
2462
2178
  letter-spacing: -0.008rem;
2463
2179
  font-size: 1.4rem;
2464
- line-height: 1.8rem;
2465
- padding: 0.6rem 1.2rem; }
2466
- .cdr-tabs--compact_11-3-1 .cdr-tabs__header-item_11-3-1 + .cdr-tabs--compact_11-3-1 .cdr-tabs__header-item_11-3-1, .cdr-tabs--small_11-3-1 .cdr-tabs__header-item_11-3-1 + .cdr-tabs--compact_11-3-1 .cdr-tabs__header-item_11-3-1, .cdr-tabs--compact_11-3-1 .cdr-tabs__header-item_11-3-1 + .cdr-tabs--small_11-3-1 .cdr-tabs__header-item_11-3-1, .cdr-tabs--small_11-3-1 .cdr-tabs__header-item_11-3-1 + .cdr-tabs--small_11-3-1 .cdr-tabs__header-item_11-3-1 {
2467
- margin-left: 0.8rem; }
2468
- .cdr-tabs--no-border_11-3-1 .cdr-tabs__header_11-3-1,
2469
- .cdr-tabs--no-border_11-3-1 .cdr-tabs__header-container_11-3-1 {
2470
- border-bottom: 0.1rem solid transparent; }
2471
- .cdr-tabs--full-width_11-3-1 .cdr-tabs__header-item_11-3-1 {
2472
- flex-grow: 1; }
2473
- .cdr-tabs--centered_11-3-1 .cdr-tabs__header-item_11-3-1:first-of-type {
2474
- margin-left: auto; }
2475
- .cdr-tabs--centered_11-3-1 .cdr-tabs__header-item_11-3-1:last-of-type {
2476
- margin-right: auto; }
2180
+ line-height: 1.8rem; }
2181
+ .cdr-table_12-0-0-beta-0 caption {
2182
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2183
+ font-style: normal;
2184
+ font-weight: 600;
2185
+ letter-spacing: -0.008rem;
2186
+ font-size: 1.6rem;
2187
+ line-height: 2.2rem;
2188
+ text-align: left;
2189
+ margin-bottom: 0.8rem; }
2190
+ .cdr-table--small_12-0-0-beta-0 th, .cdr-table--small_12-0-0-beta-0 td {
2191
+ padding: 0.4rem 1.6rem; }
2192
+ .cdr-table--medium_12-0-0-beta-0 th, .cdr-table--medium_12-0-0-beta-0 td {
2193
+ padding: 0.8rem 1.6rem; }
2194
+ .cdr-table--large_12-0-0-beta-0 th, .cdr-table--large_12-0-0-beta-0 td {
2195
+ padding: 1.6rem; }
2196
+ .cdr-table--striped_12-0-0-beta-0 tr:nth-child(odd) {
2197
+ background-color: #f9f8f6; }
2198
+ .cdr-table--striped_12-0-0-beta-0 thead + tbody tr:nth-child(even) {
2199
+ background-color: #f9f8f6; }
2200
+ .cdr-table--striped_12-0-0-beta-0 thead + tbody tr:nth-child(odd) {
2201
+ background-color: #ffffff; }
2202
+ .cdr-table--striped_12-0-0-beta-0 tbody tr:nth-child(odd),
2203
+ .cdr-table--striped_12-0-0-beta-0 tfoot tr:nth-child(odd) {
2204
+ background-color: #f9f8f6; }
2205
+ .cdr-table--border_12-0-0-beta-0 tr + tr > * {
2206
+ border-top: 0.1rem solid #dcd6cb; }
2207
+ .cdr-table--border_12-0-0-beta-0 thead tr + tr > * {
2208
+ border-top: 0.1rem solid #928b80; }
2209
+ .cdr-table--border_12-0-0-beta-0 tbody tr + tr > *, .cdr-table--border_12-0-0-beta-0 tfoot tr + tr > * {
2210
+ border-top: 0.1rem solid #dcd6cb; }
2211
+ .cdr-table--border_12-0-0-beta-0 thead + tbody,
2212
+ .cdr-table--border_12-0-0-beta-0 tbody + tfoot {
2213
+ border-top: 0.1rem solid #dcd6cb; }
2214
+ .cdr-table--full-width_12-0-0-beta-0 {
2215
+ width: 100%; }
2216
+ .cdr-table--responsive_12-0-0-beta-0 {
2217
+ display: block;
2218
+ width: 100%;
2219
+ overflow-x: auto; }
2220
+ .cdr-table--hover_12-0-0-beta-0 tr:hover > * {
2221
+ background-color: #f4f2ed; }
2222
+ @media (min-width: 0) and (max-width: 767px) {
2223
+ .cdr-table--full-width\@xs_12-0-0-beta-0 {
2224
+ width: 100%; } }
2225
+ @media (min-width: 768px) and (max-width: 991px) {
2226
+ .cdr-table--full-width\@sm_12-0-0-beta-0 {
2227
+ width: 100%; } }
2228
+ @media (min-width: 992px) and (max-width: 1231px) {
2229
+ .cdr-table--full-width\@md_12-0-0-beta-0 {
2230
+ width: 100%; } }
2231
+ @media (min-width: 1232px) {
2232
+ .cdr-table--full-width\@lg_12-0-0-beta-0 {
2233
+ width: 100%; } }
2234
+
2235
+ .cdr-tab-panel_12-0-0-beta-0 {
2236
+ width: 100%;
2237
+ height: 100%;
2238
+ padding-top: 0.2rem; }
2239
+
2240
+ @-webkit-keyframes exit-left {
2241
+ from {
2242
+ transform: translateX(0);
2243
+ opacity: 1; }
2244
+ to {
2245
+ transform: translateX(-1rem);
2246
+ opacity: 0; } }
2247
+
2248
+ @keyframes exit-left {
2249
+ from {
2250
+ transform: translateX(0);
2251
+ opacity: 1; }
2252
+ to {
2253
+ transform: translateX(-1rem);
2254
+ opacity: 0; } }
2255
+
2256
+ @-webkit-keyframes exit-right {
2257
+ from {
2258
+ transform: translateX(0);
2259
+ opacity: 1; }
2260
+ to {
2261
+ transform: translateX(1rem);
2262
+ opacity: 0; } }
2263
+
2264
+ @keyframes exit-right {
2265
+ from {
2266
+ transform: translateX(0);
2267
+ opacity: 1; }
2268
+ to {
2269
+ transform: translateX(1rem);
2270
+ opacity: 0; } }
2271
+
2272
+ @-webkit-keyframes enter-left {
2273
+ from {
2274
+ transform: translateX(-1rem);
2275
+ opacity: 0; }
2276
+ to {
2277
+ transform: translateX(0);
2278
+ opacity: 1; } }
2279
+
2280
+ @keyframes enter-left {
2281
+ from {
2282
+ transform: translateX(-1rem);
2283
+ opacity: 0; }
2284
+ to {
2285
+ transform: translateX(0);
2286
+ opacity: 1; } }
2287
+
2288
+ @-webkit-keyframes enter-right {
2289
+ from {
2290
+ transform: translateX(1rem);
2291
+ opacity: 0; }
2292
+ to {
2293
+ transform: translateX(0);
2294
+ opacity: 1; } }
2295
+
2296
+ @keyframes enter-right {
2297
+ from {
2298
+ transform: translateX(1rem);
2299
+ opacity: 0; }
2300
+ to {
2301
+ transform: translateX(0);
2302
+ opacity: 1; } }
2303
+
2304
+ .cdr-tab-panel-enter-left_12-0-0-beta-0 {
2305
+ -webkit-animation-duration: 0.2s;
2306
+ animation-duration: 0.2s;
2307
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2308
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2309
+
2310
+ .cdr-tab-panel-enter-left_12-0-0-beta-0 {
2311
+ -webkit-animation-name: enter-left;
2312
+ animation-name: enter-left; }
2313
+
2314
+ .cdr-tab-panel-enter-right_12-0-0-beta-0 {
2315
+ -webkit-animation-duration: 0.2s;
2316
+ animation-duration: 0.2s;
2317
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2318
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2319
+
2320
+ .cdr-tab-panel-enter-right_12-0-0-beta-0 {
2321
+ -webkit-animation-name: enter-right;
2322
+ animation-name: enter-right; }
2323
+
2324
+ .cdr-tab-panel-exit-left_12-0-0-beta-0 {
2325
+ -webkit-animation-duration: 0.2s;
2326
+ animation-duration: 0.2s;
2327
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2328
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2329
+
2330
+ .cdr-tab-panel-exit-left_12-0-0-beta-0 {
2331
+ -webkit-animation-name: exit-left;
2332
+ animation-name: exit-left; }
2333
+
2334
+ .cdr-tab-panel-exit-right_12-0-0-beta-0 {
2335
+ -webkit-animation-duration: 0.2s;
2336
+ animation-duration: 0.2s;
2337
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2338
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2339
+
2340
+ .cdr-tab-panel-exit-right_12-0-0-beta-0 {
2341
+ -webkit-animation-name: exit-right;
2342
+ animation-name: exit-right; }
2477
2343
 
2478
2344
  /* intentionally empty */
2479
2345
  /* ==========================================================================
@@ -2490,7 +2356,7 @@
2490
2356
 
2491
2357
  /* Style variants
2492
2358
  ========================================================================== */
2493
- .cdr-select_11-3-1 {
2359
+ .cdr-select_12-0-0-beta-0 {
2494
2360
  font-family: Graphik, "Helvetica Neue", sans-serif;
2495
2361
  font-style: normal;
2496
2362
  font-weight: 400;
@@ -2528,34 +2394,34 @@
2528
2394
  /* @lg
2529
2395
  1200px and up
2530
2396
  ========== */ }
2531
- .cdr-select_11-3-1[disabled] {
2397
+ .cdr-select_12-0-0-beta-0[disabled] {
2532
2398
  background-color: #f9f8f6;
2533
2399
  color: #d1cbbd;
2534
2400
  box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
2535
- .cdr-select_11-3-1[disabled]:hover {
2401
+ .cdr-select_12-0-0-beta-0[disabled]:hover {
2536
2402
  box-shadow: inset 0 0 0 0.1rem #d1cbbd;
2537
2403
  cursor: not-allowed; }
2538
- .cdr-select_11-3-1:active, .cdr-select_11-3-1:focus {
2404
+ .cdr-select_12-0-0-beta-0:active, .cdr-select_12-0-0-beta-0:focus {
2539
2405
  box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
2540
2406
  outline: none; }
2541
- .cdr-select_11-3-1::-ms-expand {
2407
+ .cdr-select_12-0-0-beta-0::-ms-expand {
2542
2408
  display: none; }
2543
- .cdr-select--primary_11-3-1 {
2409
+ .cdr-select--primary_12-0-0-beta-0 {
2544
2410
  background-color: rgba(244, 242, 237, 0.15); }
2545
- .cdr-select--primary_11-3-1:active, .cdr-select--primary_11-3-1:focus {
2411
+ .cdr-select--primary_12-0-0-beta-0:active, .cdr-select--primary_12-0-0-beta-0:focus {
2546
2412
  background-color: #f9f8f6; }
2547
- .cdr-select--secondary_11-3-1 {
2413
+ .cdr-select--secondary_12-0-0-beta-0 {
2548
2414
  background-color: rgba(255, 255, 255, 0.85); }
2549
- .cdr-select--secondary_11-3-1:active, .cdr-select--secondary_11-3-1:focus {
2415
+ .cdr-select--secondary_12-0-0-beta-0:active, .cdr-select--secondary_12-0-0-beta-0:focus {
2550
2416
  background-color: #ffffff; }
2551
- .cdr-select--error_11-3-1 {
2417
+ .cdr-select--error_12-0-0-beta-0 {
2552
2418
  background-color: rgba(255, 242, 242, 0.75);
2553
2419
  box-shadow: inset 0 0 0 0.1rem #b33322; }
2554
- .cdr-select--preicon_11-3-1 {
2420
+ .cdr-select--preicon_12-0-0-beta-0 {
2555
2421
  /* $input-pre-icon-default-width = 25px with the expectation that
2556
2422
  slot provided icon is close to that width */
2557
2423
  padding-left: 3.7rem; }
2558
- .cdr-select__prompt_11-3-1 {
2424
+ .cdr-select__prompt_12-0-0-beta-0 {
2559
2425
  font-family: Graphik, "Helvetica Neue", sans-serif;
2560
2426
  font-style: normal;
2561
2427
  font-weight: 400;
@@ -2564,29 +2430,29 @@
2564
2430
  line-height: 2.2rem;
2565
2431
  font-style: normal;
2566
2432
  color: rgba(12, 11, 8, 0.75); }
2567
- .cdr-select__prompt_11-3-1[disabled] {
2433
+ .cdr-select__prompt_12-0-0-beta-0[disabled] {
2568
2434
  color: #d1cbbd; }
2569
- .cdr-select__caret_11-3-1 {
2435
+ .cdr-select__caret_12-0-0-beta-0 {
2570
2436
  fill: rgba(12, 11, 8, 0.75);
2571
2437
  position: absolute;
2572
2438
  top: 50%;
2573
2439
  right: 0.8rem;
2574
2440
  transform: translateY(-50%);
2575
2441
  pointer-events: none; }
2576
- .cdr-select__caret--disabled_11-3-1 {
2442
+ .cdr-select__caret--disabled_12-0-0-beta-0 {
2577
2443
  fill: #dcd6cb; }
2578
- .cdr-select__pre-icon_11-3-1 {
2444
+ .cdr-select__pre-icon_12-0-0-beta-0 {
2579
2445
  position: absolute;
2580
2446
  top: 50%;
2581
2447
  left: 0.8rem;
2582
2448
  transform: translateY(-50%); }
2583
- .cdr-select--multiple_11-3-1 {
2449
+ .cdr-select--multiple_12-0-0-beta-0 {
2584
2450
  height: auto;
2585
2451
  padding: 0.8rem; }
2586
- .cdr-select--multiple_11-3-1 + .cdr-select__caret_11-3-1 {
2452
+ .cdr-select--multiple_12-0-0-beta-0 + .cdr-select__caret_12-0-0-beta-0 {
2587
2453
  display: none; }
2588
2454
  @media (min-width: 0) and (max-width: 767px) {
2589
- .cdr-select--large\@xs_11-3-1 {
2455
+ .cdr-select--large\@xs_12-0-0-beta-0 {
2590
2456
  font-family: Graphik, "Helvetica Neue", sans-serif;
2591
2457
  font-style: normal;
2592
2458
  font-weight: 400;
@@ -2595,7 +2461,7 @@
2595
2461
  line-height: 2.4rem;
2596
2462
  height: 4.8rem;
2597
2463
  padding-left: 0.8rem; } }
2598
- .cdr-select--large_11-3-1 {
2464
+ .cdr-select--large_12-0-0-beta-0 {
2599
2465
  font-family: Graphik, "Helvetica Neue", sans-serif;
2600
2466
  font-style: normal;
2601
2467
  font-weight: 400;
@@ -2605,7 +2471,7 @@
2605
2471
  height: 4.8rem;
2606
2472
  padding-left: 0.8rem; }
2607
2473
  @media (min-width: 768px) and (max-width: 991px) {
2608
- .cdr-select--large\@sm_11-3-1 {
2474
+ .cdr-select--large\@sm_12-0-0-beta-0 {
2609
2475
  font-family: Graphik, "Helvetica Neue", sans-serif;
2610
2476
  font-style: normal;
2611
2477
  font-weight: 400;
@@ -2615,7 +2481,7 @@
2615
2481
  height: 4.8rem;
2616
2482
  padding-left: 0.8rem; } }
2617
2483
  @media (min-width: 992px) and (max-width: 1231px) {
2618
- .cdr-select--large\@md_11-3-1 {
2484
+ .cdr-select--large\@md_12-0-0-beta-0 {
2619
2485
  font-family: Graphik, "Helvetica Neue", sans-serif;
2620
2486
  font-style: normal;
2621
2487
  font-weight: 400;
@@ -2625,7 +2491,7 @@
2625
2491
  height: 4.8rem;
2626
2492
  padding-left: 0.8rem; } }
2627
2493
  @media (min-width: 1232px) {
2628
- .cdr-select--large\@lg_11-3-1 {
2494
+ .cdr-select--large\@lg_12-0-0-beta-0 {
2629
2495
  font-family: Graphik, "Helvetica Neue", sans-serif;
2630
2496
  font-style: normal;
2631
2497
  font-weight: 400;
@@ -2638,11 +2504,11 @@
2638
2504
  # SELECT WRAPPER
2639
2505
  ========================================================================== */
2640
2506
  /* Sets new origin for relative positioning of Select and Caret */
2641
- .cdr-select-wrap_11-3-1 {
2507
+ .cdr-select-wrap_12-0-0-beta-0 {
2642
2508
  position: relative;
2643
2509
  flex: 1; }
2644
2510
 
2645
- .cdr-text_11-3-1 {
2511
+ .cdr-text_12-0-0-beta-0 {
2646
2512
  font-family: Graphik, "Helvetica Neue", sans-serif;
2647
2513
  font-style: normal;
2648
2514
  font-weight: 400;
@@ -2651,7 +2517,141 @@
2651
2517
  line-height: 2.2rem;
2652
2518
  margin: 0; }
2653
2519
 
2654
- .cdr-toast_11-3-1 {
2520
+ /* intentionally empty */
2521
+ .cdr-tabs_12-0-0-beta-0 {
2522
+ /* overflow-x: auto; */
2523
+ display: flex;
2524
+ flex-flow: column;
2525
+ height: 50rem;
2526
+ overflow-x: hidden;
2527
+ /* Compact
2528
+ ========== */
2529
+ /* No Border
2530
+ ========== */
2531
+ /* Full Width
2532
+ ========== */
2533
+ /* Centered
2534
+ ========== */ }
2535
+ .cdr-tabs_12-0-0-beta-0 ::-webkit-scrollbar {
2536
+ -webkit-appearance: none;
2537
+ width: 0.7rem; }
2538
+ .cdr-tabs_12-0-0-beta-0 ::-webkit-scrollbar-thumb {
2539
+ border-radius: 0.4rem;
2540
+ background-color: rgba(0, 0, 0, 0.5);
2541
+ -webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
2542
+ .cdr-tabs__header-container_12-0-0-beta-0 {
2543
+ overflow-x: auto;
2544
+ border-bottom: 0.1rem solid #928b80;
2545
+ -webkit-overflow-scrolling: touch;
2546
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
2547
+ .cdr-tabs__header-container_12-0-0-beta-0::-webkit-scrollbar {
2548
+ width: 0 !important;
2549
+ height: 0 !important; }
2550
+ .cdr-tabs__gradient-container_12-0-0-beta-0 {
2551
+ position: relative; }
2552
+ .cdr-tabs__gradient_12-0-0-beta-0 {
2553
+ transition: opacity 0.2s ease;
2554
+ -webkit-transition: opacity 0.2s ease;
2555
+ position: absolute;
2556
+ z-index: 100;
2557
+ top: 0;
2558
+ bottom: 0;
2559
+ width: 4.8rem;
2560
+ pointer-events: none;
2561
+ opacity: 0; }
2562
+ .cdr-tabs__gradient--left_12-0-0-beta-0 {
2563
+ left: 0; }
2564
+ .cdr-tabs__gradient--right_12-0-0-beta-0 {
2565
+ right: 0; }
2566
+ .cdr-tabs__gradient--active_12-0-0-beta-0 {
2567
+ opacity: 1; }
2568
+ .cdr-tabs__header_12-0-0-beta-0 {
2569
+ display: flex;
2570
+ width: 100%;
2571
+ margin: 0;
2572
+ padding: 0;
2573
+ position: relative; }
2574
+ .cdr-tabs__header-item_12-0-0-beta-0 {
2575
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2576
+ font-style: normal;
2577
+ font-weight: inherit;
2578
+ letter-spacing: -0.008rem;
2579
+ font-size: 1.6rem;
2580
+ line-height: 2.2rem;
2581
+ border: none;
2582
+ background-color: transparent;
2583
+ display: block;
2584
+ color: rgba(66, 59, 47, 0.75);
2585
+ font-weight: 300;
2586
+ text-decoration: none;
2587
+ padding: 1.2rem 0.8rem;
2588
+ white-space: nowrap;
2589
+ outline-offset: -0.3rem; }
2590
+ .cdr-tabs__header-item_12-0-0-beta-0 + .cdr-tabs__header-item_12-0-0-beta-0 {
2591
+ margin-left: 1.6rem; }
2592
+ .cdr-tabs__header-item-active_12-0-0-beta-0 {
2593
+ color: rgba(12, 11, 8, 0.75);
2594
+ font-weight: 500; }
2595
+ .cdr-tabs__header-item_12-0-0-beta-0::before {
2596
+ display: block;
2597
+ content: attr(js-name);
2598
+ font-weight: 500;
2599
+ height: 0;
2600
+ overflow: hidden;
2601
+ visibility: hidden; }
2602
+ .cdr-tabs__header-item_12-0-0-beta-0:active, .cdr-tabs__header-item_12-0-0-beta-0:hover, .cdr-tabs__header-item_12-0-0-beta-0:focus {
2603
+ text-decoration: none;
2604
+ color: #406eb5; }
2605
+ .cdr-tabs__header-item--disabled_12-0-0-beta-0 {
2606
+ border: none;
2607
+ background-color: transparent;
2608
+ color: #d1cbbd; }
2609
+ .cdr-tabs__header-item--disabled_12-0-0-beta-0:active, .cdr-tabs__header-item--disabled_12-0-0-beta-0:hover, .cdr-tabs__header-item--disabled_12-0-0-beta-0:focus {
2610
+ color: #d1cbbd;
2611
+ cursor: not-allowed; }
2612
+ .cdr-tabs__underline_12-0-0-beta-0 {
2613
+ z-index: 1;
2614
+ position: absolute;
2615
+ width: 3rem;
2616
+ margin: 0;
2617
+ height: 0.4rem;
2618
+ margin-top: -0.4rem;
2619
+ box-sizing: border-box;
2620
+ border: none;
2621
+ background-color: #406eb5;
2622
+ transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
2623
+ .cdr-tabs__content-container_12-0-0-beta-0 {
2624
+ position: relative;
2625
+ flex: 1 1 auto;
2626
+ overflow-x: hidden;
2627
+ overflow-y: auto; }
2628
+ .cdr-tabs_12-0-0-beta-0 .fade-enter-active_12-0-0-beta-0,
2629
+ .cdr-tabs_12-0-0-beta-0 .fade-leave-active_12-0-0-beta-0 {
2630
+ opacity: 0.5s; }
2631
+ .cdr-tabs_12-0-0-beta-0 .fade-enter_12-0-0-beta-0,
2632
+ .cdr-tabs_12-0-0-beta-0 .fade-leave-to_12-0-0-beta-0 {
2633
+ opacity: 0; }
2634
+ .cdr-tabs--compact_12-0-0-beta-0 .cdr-tabs__header-item-label_12-0-0-beta-0, .cdr-tabs--small_12-0-0-beta-0 .cdr-tabs__header-item-label_12-0-0-beta-0 {
2635
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2636
+ font-style: normal;
2637
+ font-weight: inherit;
2638
+ letter-spacing: -0.008rem;
2639
+ font-size: 1.4rem;
2640
+ line-height: 1.8rem;
2641
+ padding: 0.6rem 1.2rem; }
2642
+ .cdr-tabs--compact_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 + .cdr-tabs--compact_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0, .cdr-tabs--small_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 + .cdr-tabs--compact_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0, .cdr-tabs--compact_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 + .cdr-tabs--small_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0, .cdr-tabs--small_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 + .cdr-tabs--small_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 {
2643
+ margin-left: 0.8rem; }
2644
+ .cdr-tabs--no-border_12-0-0-beta-0 .cdr-tabs__header_12-0-0-beta-0,
2645
+ .cdr-tabs--no-border_12-0-0-beta-0 .cdr-tabs__header-container_12-0-0-beta-0 {
2646
+ border-bottom: 0.1rem solid transparent; }
2647
+ .cdr-tabs--full-width_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0 {
2648
+ flex-grow: 1; }
2649
+ .cdr-tabs--centered_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0:first-of-type {
2650
+ margin-left: auto; }
2651
+ .cdr-tabs--centered_12-0-0-beta-0 .cdr-tabs__header-item_12-0-0-beta-0:last-of-type {
2652
+ margin-right: auto; }
2653
+
2654
+ .cdr-toast_12-0-0-beta-0 {
2655
2655
  position: relative;
2656
2656
  border-left: 0.4rem solid;
2657
2657
  box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
@@ -2663,122 +2663,122 @@
2663
2663
  font-size: 1.4rem;
2664
2664
  line-height: 1.8rem; }
2665
2665
  @media (min-width: 768px) {
2666
- .cdr-toast_11-3-1 {
2666
+ .cdr-toast_12-0-0-beta-0 {
2667
2667
  width: 39rem; } }
2668
- .cdr-toast__transition--toast-enter_11-3-1 {
2668
+ .cdr-toast__transition--toast-enter_12-0-0-beta-0 {
2669
2669
  opacity: 0;
2670
2670
  transform: translateX(2.4rem); }
2671
- .cdr-toast__transition--toast-enter-active_11-3-1 {
2671
+ .cdr-toast__transition--toast-enter-active_12-0-0-beta-0 {
2672
2672
  transition: all 0.5s cubic-bezier(0.32, 0.94, 0.6, 1); }
2673
- .cdr-toast__transition--toast-leave-to_11-3-1 {
2673
+ .cdr-toast__transition--toast-leave-to_12-0-0-beta-0 {
2674
2674
  opacity: 0; }
2675
- .cdr-toast__transition--toast-leave-active_11-3-1 {
2675
+ .cdr-toast__transition--toast-leave-active_12-0-0-beta-0 {
2676
2676
  transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
2677
- .cdr-toast__main_11-3-1 {
2677
+ .cdr-toast__main_12-0-0-beta-0 {
2678
2678
  display: grid;
2679
2679
  grid-template-columns: auto 1fr auto;
2680
2680
  grid-template-areas: "icon-left message close-button"; }
2681
- .cdr-toast__icon-left_11-3-1 {
2681
+ .cdr-toast__icon-left_12-0-0-beta-0 {
2682
2682
  width: 3.2rem;
2683
2683
  grid-area: icon-left;
2684
2684
  display: inherit;
2685
2685
  align-items: center;
2686
2686
  justify-items: center; }
2687
- .cdr-toast__icon-left_11-3-1 svg {
2687
+ .cdr-toast__icon-left_12-0-0-beta-0 svg {
2688
2688
  max-height: 2.2rem;
2689
2689
  max-width: 2.2rem;
2690
2690
  stroke: white;
2691
2691
  stroke-width: 0.4rem;
2692
2692
  paint-order: stroke fill;
2693
2693
  margin: 0.4rem; }
2694
- .cdr-toast__message_11-3-1 {
2694
+ .cdr-toast__message_12-0-0-beta-0 {
2695
2695
  display: inherit;
2696
2696
  align-items: center;
2697
2697
  grid-area: message;
2698
2698
  padding: 0.7rem; }
2699
- .cdr-toast__close-button_11-3-1 {
2699
+ .cdr-toast__close-button_12-0-0-beta-0 {
2700
2700
  display: inherit;
2701
2701
  align-content: center;
2702
2702
  grid-area: close-button;
2703
2703
  max-height: 3.2rem; }
2704
- .cdr-toast__close-button_11-3-1 svg {
2704
+ .cdr-toast__close-button_12-0-0-beta-0 svg {
2705
2705
  height: 2.2rem;
2706
2706
  width: 2.2rem;
2707
2707
  fill: rgba(3, 3, 1, 0.9) !important; }
2708
- .cdr-toast--default_11-3-1 {
2708
+ .cdr-toast--default_12-0-0-beta-0 {
2709
2709
  border-left-color: #726d64; }
2710
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 {
2710
+ .cdr-toast--default_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 {
2711
2711
  background-color: #f9f8f6;
2712
2712
  border-top: 0.1rem solid;
2713
2713
  border-right: 0.1rem solid;
2714
2714
  border-bottom: 0.1rem solid;
2715
2715
  border-color: #e8e0ce; }
2716
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2716
+ .cdr-toast--default_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 {
2717
2717
  background-color: #e8e0ce; }
2718
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2718
+ .cdr-toast--default_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 svg {
2719
2719
  fill: #726d64; }
2720
- .cdr-toast--info_11-3-1 {
2720
+ .cdr-toast--info_12-0-0-beta-0 {
2721
2721
  border-left-color: #408e86; }
2722
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 {
2722
+ .cdr-toast--info_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 {
2723
2723
  background-color: #edf4f5;
2724
2724
  border-top: 0.1rem solid;
2725
2725
  border-right: 0.1rem solid;
2726
2726
  border-bottom: 0.1rem solid;
2727
2727
  border-color: #c2d8db; }
2728
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2728
+ .cdr-toast--info_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 {
2729
2729
  background-color: #c2d8db; }
2730
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2730
+ .cdr-toast--info_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 svg {
2731
2731
  fill: #408e86; }
2732
- .cdr-toast--warning_11-3-1 {
2732
+ .cdr-toast--warning_12-0-0-beta-0 {
2733
2733
  border-left-color: #b68b37; }
2734
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 {
2734
+ .cdr-toast--warning_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 {
2735
2735
  background-color: #fefcf1;
2736
2736
  border-top: 0.1rem solid;
2737
2737
  border-right: 0.1rem solid;
2738
2738
  border-bottom: 0.1rem solid;
2739
2739
  border-color: #f5e9b7; }
2740
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2740
+ .cdr-toast--warning_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 {
2741
2741
  background-color: #f5e9b7; }
2742
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2742
+ .cdr-toast--warning_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 svg {
2743
2743
  fill: #b68b37; }
2744
- .cdr-toast--success_11-3-1 {
2744
+ .cdr-toast--success_12-0-0-beta-0 {
2745
2745
  border-left-color: #3b8349; }
2746
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 {
2746
+ .cdr-toast--success_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 {
2747
2747
  background-color: #f4fbf5;
2748
2748
  border-top: 0.1rem solid;
2749
2749
  border-right: 0.1rem solid;
2750
2750
  border-bottom: 0.1rem solid;
2751
2751
  border-color: #d5e6cb; }
2752
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2752
+ .cdr-toast--success_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 {
2753
2753
  background-color: #d5e6cb; }
2754
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2754
+ .cdr-toast--success_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 svg {
2755
2755
  fill: #3b8349; }
2756
- .cdr-toast--error_11-3-1 {
2756
+ .cdr-toast--error_12-0-0-beta-0 {
2757
2757
  border-left-color: #bb4045; }
2758
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 {
2758
+ .cdr-toast--error_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 {
2759
2759
  background-color: #fdf7f7;
2760
2760
  border-top: 0.1rem solid;
2761
2761
  border-right: 0.1rem solid;
2762
2762
  border-bottom: 0.1rem solid;
2763
2763
  border-color: #eecbc1; }
2764
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 svg {
2764
+ .cdr-toast--error_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 svg {
2765
2765
  fill: #bb4045; }
2766
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2766
+ .cdr-toast--error_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 {
2767
2767
  background-color: #eecbc1; }
2768
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2768
+ .cdr-toast--error_12-0-0-beta-0 .cdr-toast__main_12-0-0-beta-0 .cdr-toast__icon-left_12-0-0-beta-0 svg {
2769
2769
  fill: #bb4045; }
2770
2770
 
2771
2771
  /* intentionally empty */
2772
- .cdr-tooltip--position_11-3-1 {
2772
+ .cdr-tooltip--position_12-0-0-beta-0 {
2773
2773
  position: relative; }
2774
- .cdr-tooltip--wrapper_11-3-1 {
2774
+ .cdr-tooltip--wrapper_12-0-0-beta-0 {
2775
2775
  width: -webkit-max-content;
2776
2776
  width: -moz-max-content;
2777
2777
  width: max-content;
2778
2778
  height: -webkit-max-content;
2779
2779
  height: -moz-max-content;
2780
2780
  height: max-content; }
2781
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--closed_11-3-1 {
2781
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--closed_12-0-0-beta-0 {
2782
2782
  position: absolute;
2783
2783
  width: 0.1rem;
2784
2784
  height: 0.1rem;
@@ -2787,7 +2787,7 @@
2787
2787
  overflow: hidden;
2788
2788
  clip: rect(0, 0, 0, 0);
2789
2789
  border: 0; }
2790
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup__content_11-3-1 {
2790
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
2791
2791
  font-family: Graphik, "Helvetica Neue", sans-serif;
2792
2792
  font-style: normal;
2793
2793
  font-weight: 600;
@@ -2798,24 +2798,24 @@
2798
2798
  color: #f9f8f6;
2799
2799
  border: 0.1rem solid #f9f8f6;
2800
2800
  padding: 0.6rem 1.2rem; }
2801
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::before {
2801
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
2802
2802
  border-bottom-color: #f9f8f6; }
2803
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
2803
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
2804
2804
  border-bottom-color: #373734; }
2805
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before {
2805
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
2806
2806
  border-top-color: #f9f8f6; }
2807
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after {
2807
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
2808
2808
  border-top-color: #373734; }
2809
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before {
2809
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
2810
2810
  border-right-color: #f9f8f6; }
2811
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
2811
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
2812
2812
  border-right-color: #373734; }
2813
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before {
2813
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
2814
2814
  border-left-color: #f9f8f6; }
2815
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after {
2815
+ .cdr-tooltip--wrapper_12-0-0-beta-0 .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
2816
2816
  border-left-color: #373734; }
2817
2817
 
2818
- .cdr-modal_11-3-1 {
2818
+ .cdr-modal_12-0-0-beta-0 {
2819
2819
  bottom: 0;
2820
2820
  height: 100%;
2821
2821
  left: 0;
@@ -2826,9 +2826,9 @@
2826
2826
  visibility: visible;
2827
2827
  z-index: 1000; }
2828
2828
  @supports (-webkit-touch-callout: none) {
2829
- .cdr-modal_11-3-1 * {
2829
+ .cdr-modal_12-0-0-beta-0 * {
2830
2830
  will-change: transform; } }
2831
- .cdr-modal__overlay_11-3-1 {
2831
+ .cdr-modal__overlay_12-0-0-beta-0 {
2832
2832
  background-color: rgba(244, 242, 237, 0.85);
2833
2833
  -webkit-backdrop-filter: blur(1.6rem);
2834
2834
  backdrop-filter: blur(1.6rem);
@@ -2840,13 +2840,13 @@
2840
2840
  top: 0;
2841
2841
  transition: opacity 150ms;
2842
2842
  z-index: 0; }
2843
- .cdr-modal__outerWrap_11-3-1 {
2843
+ .cdr-modal__outerWrap_12-0-0-beta-0 {
2844
2844
  display: flex;
2845
2845
  box-sizing: border-box;
2846
2846
  min-height: 100%;
2847
2847
  position: static;
2848
2848
  z-index: -1; }
2849
- .cdr-modal__contentWrap_11-3-1 {
2849
+ .cdr-modal__contentWrap_12-0-0-beta-0 {
2850
2850
  align-items: flex-start;
2851
2851
  background-color: #ffffff;
2852
2852
  display: flex;
@@ -2861,19 +2861,19 @@
2861
2861
  transition: opacity 150ms 150ms;
2862
2862
  width: 100%;
2863
2863
  z-index: 0; }
2864
- .cdr-modal__contentWrap_11-3-1:focus {
2864
+ .cdr-modal__contentWrap_12-0-0-beta-0:focus {
2865
2865
  outline: 0; }
2866
- .cdr-modal__innerWrap_11-3-1 {
2866
+ .cdr-modal__innerWrap_12-0-0-beta-0 {
2867
2867
  width: 100%;
2868
2868
  padding: 1.6rem; }
2869
- .cdr-modal__dialog_11-3-1 {
2869
+ .cdr-modal__dialog_12-0-0-beta-0 {
2870
2870
  width: 100%; }
2871
- .cdr-modal__content_11-3-1 {
2871
+ .cdr-modal__content_12-0-0-beta-0 {
2872
2872
  position: relative; }
2873
- .cdr-modal__header_11-3-1 {
2873
+ .cdr-modal__header_12-0-0-beta-0 {
2874
2874
  display: flex;
2875
2875
  padding-bottom: 1.6rem; }
2876
- .cdr-modal__title_11-3-1 {
2876
+ .cdr-modal__title_12-0-0-beta-0 {
2877
2877
  flex: auto;
2878
2878
  font-family: Stuart, Georgia, serif;
2879
2879
  font-style: normal;
@@ -2881,7 +2881,7 @@
2881
2881
  letter-spacing: 0;
2882
2882
  font-size: 2.4rem;
2883
2883
  line-height: 3rem; }
2884
- .cdr-modal__close-button_11-3-1 {
2884
+ .cdr-modal__close-button_12-0-0-beta-0 {
2885
2885
  align-self: flex-start;
2886
2886
  border: 0.1rem solid #928b80;
2887
2887
  flex: none;
@@ -2890,20 +2890,20 @@
2890
2890
  position: relative;
2891
2891
  top: -0.2rem;
2892
2892
  right: -0.4rem; }
2893
- .cdr-modal__close-button_11-3-1:hover, .cdr-modal__close-button_11-3-1:focus {
2893
+ .cdr-modal__close-button_12-0-0-beta-0:hover, .cdr-modal__close-button_12-0-0-beta-0:focus {
2894
2894
  border: 0.1rem solid #928b80; }
2895
- .cdr-modal__text_11-3-1 {
2895
+ .cdr-modal__text_12-0-0-beta-0 {
2896
2896
  padding: 0;
2897
2897
  position: relative; }
2898
- .cdr-modal__text-content_11-3-1 {
2898
+ .cdr-modal__text-content_12-0-0-beta-0 {
2899
2899
  overflow: auto;
2900
2900
  position: relative; }
2901
2901
  @media (min-width: 768px) {
2902
- .cdr-modal__outerWrap_11-3-1 {
2902
+ .cdr-modal__outerWrap_12-0-0-beta-0 {
2903
2903
  padding: 1.6rem; }
2904
- .cdr-modal__innerWrap_11-3-1 {
2904
+ .cdr-modal__innerWrap_12-0-0-beta-0 {
2905
2905
  padding: 2.4rem; }
2906
- .cdr-modal__contentWrap_11-3-1 {
2906
+ .cdr-modal__contentWrap_12-0-0-beta-0 {
2907
2907
  border-radius: 0.4rem;
2908
2908
  box-shadow: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
2909
2909
  min-height: auto;
@@ -2911,42 +2911,42 @@
2911
2911
  top: auto;
2912
2912
  left: auto;
2913
2913
  right: auto; }
2914
- .cdr-modal__dialog_11-3-1 {
2914
+ .cdr-modal__dialog_12-0-0-beta-0 {
2915
2915
  max-width: 64rem; }
2916
- .cdr-modal__close-button_11-3-1 {
2916
+ .cdr-modal__close-button_12-0-0-beta-0 {
2917
2917
  margin-left: 1.2rem;
2918
2918
  right: -0.8rem;
2919
2919
  top: -0.5rem; } }
2920
- .closed_11-3-1 {
2920
+ .closed_12-0-0-beta-0 {
2921
2921
  transition: z-index 0s 300ms, visibility 0s 300ms;
2922
2922
  visibility: hidden;
2923
2923
  z-index: -1; }
2924
- .closed_11-3-1 .cdr-modal__overlay_11-3-1 {
2924
+ .closed_12-0-0-beta-0 .cdr-modal__overlay_12-0-0-beta-0 {
2925
2925
  opacity: 0;
2926
2926
  transition: opacity 150ms 150ms; }
2927
- .closed_11-3-1 .cdr-modal__contentWrap_11-3-1 {
2927
+ .closed_12-0-0-beta-0 .cdr-modal__contentWrap_12-0-0-beta-0 {
2928
2928
  opacity: 0;
2929
2929
  transition: opacity 150ms; }
2930
- .cdr-modal__noscroll_11-3-1 {
2930
+ .cdr-modal__noscroll_12-0-0-beta-0 {
2931
2931
  overflow: hidden !important;
2932
2932
  position: fixed !important;
2933
2933
  width: 100%; }
2934
2934
 
2935
2935
  /* intentionally empty */
2936
- .cdr-pagination_11-3-1 {
2936
+ .cdr-pagination_12-0-0-beta-0 {
2937
2937
  display: flex;
2938
2938
  justify-content: center;
2939
2939
  align-items: center;
2940
2940
  list-style: none;
2941
2941
  padding: 0;
2942
2942
  /* Responsive */ }
2943
- .cdr-pagination__li--links_11-3-1 {
2943
+ .cdr-pagination__li--links_12-0-0-beta-0 {
2944
2944
  display: none; }
2945
- .cdr-pagination__li--links_11-3-1 + .cdr-pagination__li--links_11-3-1 {
2945
+ .cdr-pagination__li--links_12-0-0-beta-0 + .cdr-pagination__li--links_12-0-0-beta-0 {
2946
2946
  margin-left: 0.4rem; }
2947
- .cdr-pagination__li--select_11-3-1 {
2947
+ .cdr-pagination__li--select_12-0-0-beta-0 {
2948
2948
  display: block; }
2949
- .cdr-pagination__link_11-3-1 {
2949
+ .cdr-pagination__link_12-0-0-beta-0 {
2950
2950
  font-family: Graphik, "Helvetica Neue", sans-serif;
2951
2951
  font-style: normal;
2952
2952
  font-weight: 400;
@@ -2962,12 +2962,12 @@
2962
2962
  padding: 0.6rem 1.2rem;
2963
2963
  text-decoration: none;
2964
2964
  border-radius: 0.4rem; }
2965
- .cdr-pagination__link_11-3-1:hover, .cdr-pagination__link_11-3-1:focus, .cdr-pagination__link_11-3-1:active {
2965
+ .cdr-pagination__link_12-0-0-beta-0:hover, .cdr-pagination__link_12-0-0-beta-0:focus, .cdr-pagination__link_12-0-0-beta-0:active {
2966
2966
  background-color: #f9f8f6;
2967
2967
  cursor: pointer; }
2968
- .cdr-pagination__link_11-3-1.current {
2968
+ .cdr-pagination__link_12-0-0-beta-0.current {
2969
2969
  position: relative; }
2970
- .cdr-pagination__link_11-3-1.current:after {
2970
+ .cdr-pagination__link_12-0-0-beta-0.current:after {
2971
2971
  content: '';
2972
2972
  position: absolute;
2973
2973
  bottom: 0;
@@ -2976,34 +2976,34 @@
2976
2976
  height: 0.2rem;
2977
2977
  width: 80%;
2978
2978
  background-color: #406eb5; }
2979
- .cdr-pagination__link_11-3-1.current:hover, .cdr-pagination__link_11-3-1.current:focus, .cdr-pagination__link_11-3-1.current:active {
2979
+ .cdr-pagination__link_12-0-0-beta-0.current:hover, .cdr-pagination__link_12-0-0-beta-0.current:focus, .cdr-pagination__link_12-0-0-beta-0.current:active {
2980
2980
  text-decoration: none; }
2981
- .cdr-pagination__link_11-3-1.cdr-pagination__link--disabled_11-3-1 {
2981
+ .cdr-pagination__link_12-0-0-beta-0.cdr-pagination__link--disabled_12-0-0-beta-0 {
2982
2982
  color: #d1cbbd;
2983
2983
  fill: #d1cbbd;
2984
2984
  cursor: not-allowed; }
2985
- .cdr-pagination__link_11-3-1.cdr-pagination__link--disabled_11-3-1:hover, .cdr-pagination__link_11-3-1.cdr-pagination__link--disabled_11-3-1:focus, .cdr-pagination__link_11-3-1.cdr-pagination__link--disabled_11-3-1:active {
2985
+ .cdr-pagination__link_12-0-0-beta-0.cdr-pagination__link--disabled_12-0-0-beta-0:hover, .cdr-pagination__link_12-0-0-beta-0.cdr-pagination__link--disabled_12-0-0-beta-0:focus, .cdr-pagination__link_12-0-0-beta-0.cdr-pagination__link--disabled_12-0-0-beta-0:active {
2986
2986
  color: #d1cbbd;
2987
2987
  background-color: transparent; }
2988
- .cdr-pagination__ellipse_11-3-1 {
2988
+ .cdr-pagination__ellipse_12-0-0-beta-0 {
2989
2989
  display: block;
2990
2990
  padding: 0.6rem 1.2rem; }
2991
- .cdr-pagination__prev_11-3-1 {
2991
+ .cdr-pagination__prev_12-0-0-beta-0 {
2992
2992
  display: flex;
2993
2993
  align-items: center;
2994
2994
  margin-right: 1.6rem; }
2995
- .cdr-pagination__next_11-3-1 {
2995
+ .cdr-pagination__next_12-0-0-beta-0 {
2996
2996
  display: flex;
2997
2997
  align-items: center;
2998
2998
  margin-left: 1.6rem; }
2999
- .cdr-pagination__caret--prev_11-3-1 {
2999
+ .cdr-pagination__caret--prev_12-0-0-beta-0 {
3000
3000
  margin-right: 0.2rem; }
3001
- .cdr-pagination__caret--next_11-3-1 {
3001
+ .cdr-pagination__caret--next_12-0-0-beta-0 {
3002
3002
  margin-left: 0.2rem; }
3003
3003
  @media (min-width: 768px) {
3004
- .cdr-pagination__li--links_11-3-1 {
3004
+ .cdr-pagination__li--links_12-0-0-beta-0 {
3005
3005
  display: block; }
3006
- .cdr-pagination__li--select_11-3-1 {
3006
+ .cdr-pagination__li--select_12-0-0-beta-0 {
3007
3007
  display: none; } }
3008
3008
 
3009
3009
  /* ==========================================================================
@@ -3017,7 +3017,7 @@
3017
3017
 
3018
3018
  :Base Styles
3019
3019
  ========================================================================== */
3020
- .cdr-icon_11-3-1 {
3020
+ .cdr-icon_12-0-0-beta-0 {
3021
3021
  display: inline-block;
3022
3022
  vertical-align: middle;
3023
3023
  flex: 0 0 auto;
@@ -3036,44 +3036,44 @@
3036
3036
  /* @lg
3037
3037
  1200px and up
3038
3038
  ========== */ }
3039
- .cdr-icon--small_11-3-1 {
3039
+ .cdr-icon--small_12-0-0-beta-0 {
3040
3040
  width: 1.6rem;
3041
3041
  height: 1.6rem; }
3042
- .cdr-icon--large_11-3-1 {
3042
+ .cdr-icon--large_12-0-0-beta-0 {
3043
3043
  width: 3.2rem;
3044
3044
  height: 3.2rem; }
3045
3045
  @media (min-width: 0) and (max-width: 767px) {
3046
- .cdr-icon--small\@xs_11-3-1 {
3046
+ .cdr-icon--small\@xs_12-0-0-beta-0 {
3047
3047
  width: 1.6rem;
3048
3048
  height: 1.6rem; }
3049
- .cdr-icon--large\@xs_11-3-1 {
3049
+ .cdr-icon--large\@xs_12-0-0-beta-0 {
3050
3050
  width: 3.2rem;
3051
3051
  height: 3.2rem; } }
3052
3052
  @media (min-width: 768px) and (max-width: 991px) {
3053
- .cdr-icon--small\@sm_11-3-1 {
3053
+ .cdr-icon--small\@sm_12-0-0-beta-0 {
3054
3054
  width: 1.6rem;
3055
3055
  height: 1.6rem; }
3056
- .cdr-icon--large\@sm_11-3-1 {
3056
+ .cdr-icon--large\@sm_12-0-0-beta-0 {
3057
3057
  width: 3.2rem;
3058
3058
  height: 3.2rem; } }
3059
3059
  @media (min-width: 992px) and (max-width: 1231px) {
3060
- .cdr-icon--small\@md_11-3-1 {
3060
+ .cdr-icon--small\@md_12-0-0-beta-0 {
3061
3061
  width: 1.6rem;
3062
3062
  height: 1.6rem; }
3063
- .cdr-icon--large\@md_11-3-1 {
3063
+ .cdr-icon--large\@md_12-0-0-beta-0 {
3064
3064
  width: 3.2rem;
3065
3065
  height: 3.2rem; } }
3066
3066
  @media (min-width: 1232px) {
3067
- .cdr-icon--small\@lg_11-3-1 {
3067
+ .cdr-icon--small\@lg_12-0-0-beta-0 {
3068
3068
  width: 1.6rem;
3069
3069
  height: 1.6rem; }
3070
- .cdr-icon--large\@lg_11-3-1 {
3070
+ .cdr-icon--large\@lg_12-0-0-beta-0 {
3071
3071
  width: 3.2rem;
3072
3072
  height: 3.2rem; } }
3073
- .cdr-icon--inherit-color_11-3-1 {
3073
+ .cdr-icon--inherit-color_12-0-0-beta-0 {
3074
3074
  fill: inherit; }
3075
3075
 
3076
- .cdr-label-wrapper_11-3-1 {
3076
+ .cdr-label-wrapper_12-0-0-beta-0 {
3077
3077
  font-family: Graphik, "Helvetica Neue", sans-serif;
3078
3078
  font-style: normal;
3079
3079
  font-weight: 400;
@@ -3113,38 +3113,38 @@
3113
3113
  /* @lg
3114
3114
  1200px and up
3115
3115
  ========== */ }
3116
- .cdr-label-wrapper__container_11-3-1 {
3116
+ .cdr-label-wrapper__container_12-0-0-beta-0 {
3117
3117
  font-size: 0;
3118
3118
  line-height: 1; }
3119
- .cdr-label-wrapper_11-3-1 input {
3119
+ .cdr-label-wrapper_12-0-0-beta-0 input {
3120
3120
  position: absolute;
3121
3121
  opacity: 0;
3122
3122
  z-index: -1; }
3123
- .cdr-label-wrapper--primary_11-3-1:hover {
3123
+ .cdr-label-wrapper--primary_12-0-0-beta-0:hover {
3124
3124
  background-color: #f9f8f6;
3125
3125
  cursor: pointer; }
3126
- .cdr-label-wrapper--primary_11-3-1:focus-within {
3126
+ .cdr-label-wrapper--primary_12-0-0-beta-0:focus-within {
3127
3127
  background-color: #f9f8f6;
3128
3128
  box-shadow: inset 0 0 0 0.2rem #20201d; }
3129
- .cdr-label-wrapper--primary_11-3-1:active {
3129
+ .cdr-label-wrapper--primary_12-0-0-beta-0:active {
3130
3130
  background-color: #edeae3; }
3131
- .cdr-label-wrapper--secondary_11-3-1 {
3131
+ .cdr-label-wrapper--secondary_12-0-0-beta-0 {
3132
3132
  background-color: rgba(244, 242, 237, 0.15); }
3133
- .cdr-label-wrapper--secondary_11-3-1:hover {
3133
+ .cdr-label-wrapper--secondary_12-0-0-beta-0:hover {
3134
3134
  background-color: rgba(255, 255, 255, 0.75);
3135
3135
  cursor: pointer; }
3136
- .cdr-label-wrapper--secondary_11-3-1:focus-within {
3136
+ .cdr-label-wrapper--secondary_12-0-0-beta-0:focus-within {
3137
3137
  background-color: rgba(255, 255, 255, 0.75); }
3138
- .cdr-label-wrapper--secondary_11-3-1:active {
3138
+ .cdr-label-wrapper--secondary_12-0-0-beta-0:active {
3139
3139
  background-color: #ffffff; }
3140
- .cdr-label-wrapper--disabled_11-3-1 {
3140
+ .cdr-label-wrapper--disabled_12-0-0-beta-0 {
3141
3141
  color: #d1cbbd !important;
3142
3142
  cursor: not-allowed !important; }
3143
- .cdr-label-wrapper--disabled_11-3-1:hover, .cdr-label-wrapper--disabled_11-3-1:focus-within, .cdr-label-wrapper--disabled_11-3-1:active {
3143
+ .cdr-label-wrapper--disabled_12-0-0-beta-0:hover, .cdr-label-wrapper--disabled_12-0-0-beta-0:focus-within, .cdr-label-wrapper--disabled_12-0-0-beta-0:active {
3144
3144
  background-color: transparent !important; }
3145
- .cdr-label-wrapper--disabled_11-3-1 .cdr-label-wrapper__figure_11-3-1 {
3145
+ .cdr-label-wrapper--disabled_12-0-0-beta-0 .cdr-label-wrapper__figure_12-0-0-beta-0 {
3146
3146
  cursor: not-allowed !important; }
3147
- .cdr-label-wrapper__figure_11-3-1 {
3147
+ .cdr-label-wrapper__figure_12-0-0-beta-0 {
3148
3148
  top: 1.1rem;
3149
3149
  width: 1.6rem;
3150
3150
  height: 1.6rem;
@@ -3154,19 +3154,19 @@
3154
3154
  background-color: rgba(244, 242, 237, 0.15);
3155
3155
  box-shadow: 0 0 0 0.1rem #928b80;
3156
3156
  transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0); }
3157
- .cdr-label-wrapper__figure_11-3-1::after {
3157
+ .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3158
3158
  width: 0.4rem;
3159
3159
  height: 0.4rem; }
3160
- .cdr-label-wrapper__content_11-3-1 {
3160
+ .cdr-label-wrapper__content_12-0-0-beta-0 {
3161
3161
  -webkit-user-select: text;
3162
3162
  -moz-user-select: text;
3163
3163
  -ms-user-select: text;
3164
3164
  user-select: text; }
3165
- .cdr-label-wrapper--hide-figure_11-3-1 {
3165
+ .cdr-label-wrapper--hide-figure_12-0-0-beta-0 {
3166
3166
  padding-left: 0; }
3167
- .cdr-label-wrapper--hide-figure_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3167
+ .cdr-label-wrapper--hide-figure_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3168
3168
  display: none; }
3169
- .cdr-label-wrapper--small_11-3-1 {
3169
+ .cdr-label-wrapper--small_12-0-0-beta-0 {
3170
3170
  font-family: Graphik, "Helvetica Neue", sans-serif;
3171
3171
  font-style: normal;
3172
3172
  font-weight: 400;
@@ -3174,13 +3174,13 @@
3174
3174
  font-size: 1.4rem;
3175
3175
  line-height: 1.8rem;
3176
3176
  padding-left: 3.2rem; }
3177
- .cdr-label-wrapper--small_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3177
+ .cdr-label-wrapper--small_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3178
3178
  width: 1.6rem;
3179
3179
  height: 1.6rem; }
3180
- .cdr-label-wrapper--small_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3180
+ .cdr-label-wrapper--small_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3181
3181
  width: 0.4rem;
3182
3182
  height: 0.4rem; }
3183
- .cdr-label-wrapper--medium_11-3-1 {
3183
+ .cdr-label-wrapper--medium_12-0-0-beta-0 {
3184
3184
  font-family: Graphik, "Helvetica Neue", sans-serif;
3185
3185
  font-style: normal;
3186
3186
  font-weight: 400;
@@ -3188,13 +3188,13 @@
3188
3188
  font-size: 1.6rem;
3189
3189
  line-height: 2.2rem;
3190
3190
  padding-left: 3.2rem; }
3191
- .cdr-label-wrapper--medium_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3191
+ .cdr-label-wrapper--medium_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3192
3192
  width: 1.6rem;
3193
3193
  height: 1.6rem; }
3194
- .cdr-label-wrapper--medium_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3194
+ .cdr-label-wrapper--medium_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3195
3195
  width: 0.4rem;
3196
3196
  height: 0.4rem; }
3197
- .cdr-label-wrapper--large_11-3-1 {
3197
+ .cdr-label-wrapper--large_12-0-0-beta-0 {
3198
3198
  font-family: Graphik, "Helvetica Neue", sans-serif;
3199
3199
  font-style: normal;
3200
3200
  font-weight: 400;
@@ -3202,14 +3202,14 @@
3202
3202
  font-size: 1.6rem;
3203
3203
  line-height: 2.2rem;
3204
3204
  padding-left: 3.6rem; }
3205
- .cdr-label-wrapper--large_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3205
+ .cdr-label-wrapper--large_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3206
3206
  width: 2rem;
3207
3207
  height: 2rem; }
3208
- .cdr-label-wrapper--large_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3208
+ .cdr-label-wrapper--large_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3209
3209
  width: 0.5rem;
3210
3210
  height: 0.5rem; }
3211
3211
  @media (min-width: 0) and (max-width: 767px) {
3212
- .cdr-label-wrapper--small\@xs_11-3-1 {
3212
+ .cdr-label-wrapper--small\@xs_12-0-0-beta-0 {
3213
3213
  font-family: Graphik, "Helvetica Neue", sans-serif;
3214
3214
  font-style: normal;
3215
3215
  font-weight: 400;
@@ -3217,13 +3217,13 @@
3217
3217
  font-size: 1.4rem;
3218
3218
  line-height: 1.8rem;
3219
3219
  padding-left: 3.2rem; }
3220
- .cdr-label-wrapper--small\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3220
+ .cdr-label-wrapper--small\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3221
3221
  width: 1.6rem;
3222
3222
  height: 1.6rem; }
3223
- .cdr-label-wrapper--small\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3223
+ .cdr-label-wrapper--small\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3224
3224
  width: 0.4rem;
3225
3225
  height: 0.4rem; }
3226
- .cdr-label-wrapper--medium\@xs_11-3-1 {
3226
+ .cdr-label-wrapper--medium\@xs_12-0-0-beta-0 {
3227
3227
  font-family: Graphik, "Helvetica Neue", sans-serif;
3228
3228
  font-style: normal;
3229
3229
  font-weight: 400;
@@ -3231,13 +3231,13 @@
3231
3231
  font-size: 1.6rem;
3232
3232
  line-height: 2.2rem;
3233
3233
  padding-left: 3.2rem; }
3234
- .cdr-label-wrapper--medium\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3234
+ .cdr-label-wrapper--medium\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3235
3235
  width: 1.6rem;
3236
3236
  height: 1.6rem; }
3237
- .cdr-label-wrapper--medium\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3237
+ .cdr-label-wrapper--medium\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3238
3238
  width: 0.4rem;
3239
3239
  height: 0.4rem; }
3240
- .cdr-label-wrapper--large\@xs_11-3-1 {
3240
+ .cdr-label-wrapper--large\@xs_12-0-0-beta-0 {
3241
3241
  font-family: Graphik, "Helvetica Neue", sans-serif;
3242
3242
  font-style: normal;
3243
3243
  font-weight: 400;
@@ -3245,14 +3245,14 @@
3245
3245
  font-size: 1.6rem;
3246
3246
  line-height: 2.2rem;
3247
3247
  padding-left: 3.6rem; }
3248
- .cdr-label-wrapper--large\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3248
+ .cdr-label-wrapper--large\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3249
3249
  width: 2rem;
3250
3250
  height: 2rem; }
3251
- .cdr-label-wrapper--large\@xs_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3251
+ .cdr-label-wrapper--large\@xs_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3252
3252
  width: 0.5rem;
3253
3253
  height: 0.5rem; } }
3254
3254
  @media (min-width: 768px) and (max-width: 991px) {
3255
- .cdr-label-wrapper--small\@sm_11-3-1 {
3255
+ .cdr-label-wrapper--small\@sm_12-0-0-beta-0 {
3256
3256
  font-family: Graphik, "Helvetica Neue", sans-serif;
3257
3257
  font-style: normal;
3258
3258
  font-weight: 400;
@@ -3260,13 +3260,13 @@
3260
3260
  font-size: 1.4rem;
3261
3261
  line-height: 1.8rem;
3262
3262
  padding-left: 3.2rem; }
3263
- .cdr-label-wrapper--small\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3263
+ .cdr-label-wrapper--small\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3264
3264
  width: 1.6rem;
3265
3265
  height: 1.6rem; }
3266
- .cdr-label-wrapper--small\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3266
+ .cdr-label-wrapper--small\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3267
3267
  width: 0.4rem;
3268
3268
  height: 0.4rem; }
3269
- .cdr-label-wrapper--medium\@sm_11-3-1 {
3269
+ .cdr-label-wrapper--medium\@sm_12-0-0-beta-0 {
3270
3270
  font-family: Graphik, "Helvetica Neue", sans-serif;
3271
3271
  font-style: normal;
3272
3272
  font-weight: 400;
@@ -3274,13 +3274,13 @@
3274
3274
  font-size: 1.6rem;
3275
3275
  line-height: 2.2rem;
3276
3276
  padding-left: 3.2rem; }
3277
- .cdr-label-wrapper--medium\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3277
+ .cdr-label-wrapper--medium\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3278
3278
  width: 1.6rem;
3279
3279
  height: 1.6rem; }
3280
- .cdr-label-wrapper--medium\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3280
+ .cdr-label-wrapper--medium\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3281
3281
  width: 0.4rem;
3282
3282
  height: 0.4rem; }
3283
- .cdr-label-wrapper--large\@sm_11-3-1 {
3283
+ .cdr-label-wrapper--large\@sm_12-0-0-beta-0 {
3284
3284
  font-family: Graphik, "Helvetica Neue", sans-serif;
3285
3285
  font-style: normal;
3286
3286
  font-weight: 400;
@@ -3288,14 +3288,14 @@
3288
3288
  font-size: 1.6rem;
3289
3289
  line-height: 2.2rem;
3290
3290
  padding-left: 3.6rem; }
3291
- .cdr-label-wrapper--large\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3291
+ .cdr-label-wrapper--large\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3292
3292
  width: 2rem;
3293
3293
  height: 2rem; }
3294
- .cdr-label-wrapper--large\@sm_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3294
+ .cdr-label-wrapper--large\@sm_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3295
3295
  width: 0.5rem;
3296
3296
  height: 0.5rem; } }
3297
3297
  @media (min-width: 992px) and (max-width: 1231px) {
3298
- .cdr-label-wrapper--small\@md_11-3-1 {
3298
+ .cdr-label-wrapper--small\@md_12-0-0-beta-0 {
3299
3299
  font-family: Graphik, "Helvetica Neue", sans-serif;
3300
3300
  font-style: normal;
3301
3301
  font-weight: 400;
@@ -3303,13 +3303,13 @@
3303
3303
  font-size: 1.4rem;
3304
3304
  line-height: 1.8rem;
3305
3305
  padding-left: 3.2rem; }
3306
- .cdr-label-wrapper--small\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3306
+ .cdr-label-wrapper--small\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3307
3307
  width: 1.6rem;
3308
3308
  height: 1.6rem; }
3309
- .cdr-label-wrapper--small\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3309
+ .cdr-label-wrapper--small\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3310
3310
  width: 0.4rem;
3311
3311
  height: 0.4rem; }
3312
- .cdr-label-wrapper--medium\@md_11-3-1 {
3312
+ .cdr-label-wrapper--medium\@md_12-0-0-beta-0 {
3313
3313
  font-family: Graphik, "Helvetica Neue", sans-serif;
3314
3314
  font-style: normal;
3315
3315
  font-weight: 400;
@@ -3317,13 +3317,13 @@
3317
3317
  font-size: 1.6rem;
3318
3318
  line-height: 2.2rem;
3319
3319
  padding-left: 3.2rem; }
3320
- .cdr-label-wrapper--medium\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3320
+ .cdr-label-wrapper--medium\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3321
3321
  width: 1.6rem;
3322
3322
  height: 1.6rem; }
3323
- .cdr-label-wrapper--medium\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3323
+ .cdr-label-wrapper--medium\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3324
3324
  width: 0.4rem;
3325
3325
  height: 0.4rem; }
3326
- .cdr-label-wrapper--large\@md_11-3-1 {
3326
+ .cdr-label-wrapper--large\@md_12-0-0-beta-0 {
3327
3327
  font-family: Graphik, "Helvetica Neue", sans-serif;
3328
3328
  font-style: normal;
3329
3329
  font-weight: 400;
@@ -3331,14 +3331,14 @@
3331
3331
  font-size: 1.6rem;
3332
3332
  line-height: 2.2rem;
3333
3333
  padding-left: 3.6rem; }
3334
- .cdr-label-wrapper--large\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3334
+ .cdr-label-wrapper--large\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3335
3335
  width: 2rem;
3336
3336
  height: 2rem; }
3337
- .cdr-label-wrapper--large\@md_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3337
+ .cdr-label-wrapper--large\@md_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3338
3338
  width: 0.5rem;
3339
3339
  height: 0.5rem; } }
3340
3340
  @media (min-width: 1232px) {
3341
- .cdr-label-wrapper--small\@lg_11-3-1 {
3341
+ .cdr-label-wrapper--small\@lg_12-0-0-beta-0 {
3342
3342
  font-family: Graphik, "Helvetica Neue", sans-serif;
3343
3343
  font-style: normal;
3344
3344
  font-weight: 400;
@@ -3346,13 +3346,13 @@
3346
3346
  font-size: 1.4rem;
3347
3347
  line-height: 1.8rem;
3348
3348
  padding-left: 3.2rem; }
3349
- .cdr-label-wrapper--small\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3349
+ .cdr-label-wrapper--small\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3350
3350
  width: 1.6rem;
3351
3351
  height: 1.6rem; }
3352
- .cdr-label-wrapper--small\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3352
+ .cdr-label-wrapper--small\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3353
3353
  width: 0.4rem;
3354
3354
  height: 0.4rem; }
3355
- .cdr-label-wrapper--medium\@lg_11-3-1 {
3355
+ .cdr-label-wrapper--medium\@lg_12-0-0-beta-0 {
3356
3356
  font-family: Graphik, "Helvetica Neue", sans-serif;
3357
3357
  font-style: normal;
3358
3358
  font-weight: 400;
@@ -3360,13 +3360,13 @@
3360
3360
  font-size: 1.6rem;
3361
3361
  line-height: 2.2rem;
3362
3362
  padding-left: 3.2rem; }
3363
- .cdr-label-wrapper--medium\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3363
+ .cdr-label-wrapper--medium\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3364
3364
  width: 1.6rem;
3365
3365
  height: 1.6rem; }
3366
- .cdr-label-wrapper--medium\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3366
+ .cdr-label-wrapper--medium\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3367
3367
  width: 0.4rem;
3368
3368
  height: 0.4rem; }
3369
- .cdr-label-wrapper--large\@lg_11-3-1 {
3369
+ .cdr-label-wrapper--large\@lg_12-0-0-beta-0 {
3370
3370
  font-family: Graphik, "Helvetica Neue", sans-serif;
3371
3371
  font-style: normal;
3372
3372
  font-weight: 400;
@@ -3374,14 +3374,14 @@
3374
3374
  font-size: 1.6rem;
3375
3375
  line-height: 2.2rem;
3376
3376
  padding-left: 3.6rem; }
3377
- .cdr-label-wrapper--large\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1 {
3377
+ .cdr-label-wrapper--large\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0 {
3378
3378
  width: 2rem;
3379
3379
  height: 2rem; }
3380
- .cdr-label-wrapper--large\@lg_11-3-1 > .cdr-label-wrapper__figure_11-3-1::after {
3380
+ .cdr-label-wrapper--large\@lg_12-0-0-beta-0 > .cdr-label-wrapper__figure_12-0-0-beta-0::after {
3381
3381
  width: 0.5rem;
3382
3382
  height: 0.5rem; } }
3383
3383
 
3384
- .cdr-form-error_11-3-1 {
3384
+ .cdr-form-error_12-0-0-beta-0 {
3385
3385
  font-family: Graphik, "Helvetica Neue", sans-serif;
3386
3386
  font-style: normal;
3387
3387
  font-weight: 400;
@@ -3391,15 +3391,15 @@
3391
3391
  color: #b33322;
3392
3392
  fill: #b33322;
3393
3393
  margin-top: 0.4rem; }
3394
- .cdr-form-error__icon_11-3-1 {
3394
+ .cdr-form-error__icon_12-0-0-beta-0 {
3395
3395
  margin-right: 0.4rem; }
3396
3396
 
3397
- .cdr-label-standalone_11-3-1 {
3397
+ .cdr-label-standalone_12-0-0-beta-0 {
3398
3398
  display: grid;
3399
3399
  grid-template-areas: "label label info" "input input input" "post post post"; }
3400
- .cdr-label-standalone__label-wrapper_11-3-1 {
3400
+ .cdr-label-standalone__label-wrapper_12-0-0-beta-0 {
3401
3401
  grid-area: label; }
3402
- .cdr-label-standalone__label_11-3-1 {
3402
+ .cdr-label-standalone__label_12-0-0-beta-0 {
3403
3403
  font-family: Graphik, "Helvetica Neue", sans-serif;
3404
3404
  font-style: normal;
3405
3405
  font-weight: 400;
@@ -3408,7 +3408,7 @@
3408
3408
  line-height: 1.8rem;
3409
3409
  color: rgba(12, 11, 8, 0.75);
3410
3410
  margin: 0; }
3411
- .cdr-label-standalone__label--sr-only_11-3-1 {
3411
+ .cdr-label-standalone__label--sr-only_12-0-0-beta-0 {
3412
3412
  position: absolute;
3413
3413
  width: 0.1rem;
3414
3414
  height: 0.1rem;
@@ -3417,13 +3417,13 @@
3417
3417
  overflow: hidden;
3418
3418
  clip: rect(0, 0, 0, 0);
3419
3419
  border: 0; }
3420
- .cdr-label-standalone__label--disabled_11-3-1 {
3420
+ .cdr-label-standalone__label--disabled_12-0-0-beta-0 {
3421
3421
  color: #d1cbbd; }
3422
- .cdr-label-standalone__label--disabled_11-3-1 .cdr-label-standalone__optional_11-3-1 {
3422
+ .cdr-label-standalone__label--disabled_12-0-0-beta-0 .cdr-label-standalone__optional_12-0-0-beta-0 {
3423
3423
  color: #d1cbbd; }
3424
- .cdr-label-standalone__optional_11-3-1 {
3424
+ .cdr-label-standalone__optional_12-0-0-beta-0 {
3425
3425
  color: rgba(66, 59, 47, 0.75); }
3426
- .cdr-label-standalone__helper_11-3-1 {
3426
+ .cdr-label-standalone__helper_12-0-0-beta-0 {
3427
3427
  font-family: Graphik, "Helvetica Neue", sans-serif;
3428
3428
  font-style: normal;
3429
3429
  font-weight: 400;
@@ -3432,7 +3432,7 @@
3432
3432
  line-height: 1.8rem;
3433
3433
  color: rgba(66, 59, 47, 0.75);
3434
3434
  margin-top: 0.2rem; }
3435
- .cdr-label-standalone__info_11-3-1 {
3435
+ .cdr-label-standalone__info_12-0-0-beta-0 {
3436
3436
  font-family: Graphik, "Helvetica Neue", sans-serif;
3437
3437
  font-style: normal;
3438
3438
  font-weight: 400;
@@ -3443,18 +3443,18 @@
3443
3443
  order: 2;
3444
3444
  align-self: end;
3445
3445
  justify-self: end; }
3446
- .cdr-label-standalone__post-content_11-3-1 {
3446
+ .cdr-label-standalone__post-content_12-0-0-beta-0 {
3447
3447
  grid-area: post; }
3448
- .cdr-label-standalone__info-action_11-3-1 {
3448
+ .cdr-label-standalone__info-action_12-0-0-beta-0 {
3449
3449
  display: flex;
3450
3450
  justify-content: center;
3451
3451
  align-items: center;
3452
3452
  width: 4rem; }
3453
- .cdr-label-standalone__input-wrap_11-3-1 {
3453
+ .cdr-label-standalone__input-wrap_12-0-0-beta-0 {
3454
3454
  position: relative;
3455
3455
  display: flex;
3456
3456
  grid-area: input; }
3457
- .cdr-label-standalone__input-spacing_11-3-1 {
3457
+ .cdr-label-standalone__input-spacing_12-0-0-beta-0 {
3458
3458
  margin-top: 0.8rem; }
3459
3459
 
3460
3460
  @-webkit-keyframes popup-exit-down {
@@ -3649,17 +3649,17 @@
3649
3649
  to {
3650
3650
  right: -1.5rem; } }
3651
3651
 
3652
- .cdr-popup_11-3-1 {
3652
+ .cdr-popup_12-0-0-beta-0 {
3653
3653
  opacity: 0;
3654
3654
  transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
3655
3655
 
3656
- .cdr-popup--open_11-3-1 {
3656
+ .cdr-popup--open_12-0-0-beta-0 {
3657
3657
  opacity: 1; }
3658
3658
 
3659
- .cdr-popup--closed_11-3-1 {
3659
+ .cdr-popup--closed_12-0-0-beta-0 {
3660
3660
  opacity: 0; }
3661
3661
 
3662
- .cdr-popup__content_11-3-1 {
3662
+ .cdr-popup__content_12-0-0-beta-0 {
3663
3663
  -webkit-animation-duration: 0.2s;
3664
3664
  animation-duration: 0.2s;
3665
3665
  -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
@@ -3677,7 +3677,7 @@
3677
3677
  position: absolute;
3678
3678
  z-index: 100; }
3679
3679
 
3680
- .cdr-popup__arrow_11-3-1::before, .cdr-popup__arrow_11-3-1::after {
3680
+ .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup__arrow_12-0-0-beta-0::after {
3681
3681
  content: '';
3682
3682
  position: absolute;
3683
3683
  margin: auto;
@@ -3693,134 +3693,134 @@
3693
3693
  animation-fill-mode: forwards;
3694
3694
  z-index: 100; }
3695
3695
 
3696
- .cdr-popup__arrow_11-3-1::before {
3696
+ .cdr-popup__arrow_12-0-0-beta-0::before {
3697
3697
  border-width: 1rem; }
3698
3698
 
3699
- .cdr-popup__arrow_11-3-1::after {
3699
+ .cdr-popup__arrow_12-0-0-beta-0::after {
3700
3700
  border-width: 0.9rem; }
3701
3701
 
3702
- .cdr-popup--top_11-3-1 .cdr-popup__content_11-3-1, .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after, .cdr-popup--bottom_11-3-1 .cdr-popup__content_11-3-1, .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
3702
+ .cdr-popup--top_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0, .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after, .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0, .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3703
3703
  left: 50%;
3704
3704
  transform: translateX(-50%); }
3705
3705
 
3706
- .cdr-popup--bottom_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3706
+ .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3707
3707
  -webkit-animation-name: popup-enter-down;
3708
3708
  animation-name: popup-enter-down; }
3709
3709
 
3710
- .cdr-popup--bottom_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--bottom_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::after {
3710
+ .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3711
3711
  -webkit-animation-name: popup-arrow-enter-down;
3712
3712
  animation-name: popup-arrow-enter-down; }
3713
3713
 
3714
- .cdr-popup--bottom_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3714
+ .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3715
3715
  -webkit-animation-name: popup-exit-down;
3716
3716
  animation-name: popup-exit-down; }
3717
3717
 
3718
- .cdr-popup--bottom_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--bottom_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::after {
3718
+ .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--bottom_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3719
3719
  -webkit-animation-name: popup-arrow-exit-down;
3720
3720
  animation-name: popup-arrow-exit-down; }
3721
3721
 
3722
- .cdr-popup--bottom_11-3-1 .cdr-popup__content_11-3-1 {
3722
+ .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3723
3723
  top: calc(100% + 1.4rem); }
3724
3724
 
3725
- .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::before {
3725
+ .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
3726
3726
  border-bottom-color: #928b80; }
3727
3727
 
3728
- .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
3728
+ .cdr-popup--bottom_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3729
3729
  border-bottom-color: #ffffff; }
3730
3730
 
3731
- .cdr-popup--top_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3731
+ .cdr-popup--top_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3732
3732
  -webkit-animation-name: popup-enter-up;
3733
3733
  animation-name: popup-enter-up; }
3734
3734
 
3735
- .cdr-popup--top_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--top_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::after {
3735
+ .cdr-popup--top_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--top_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3736
3736
  -webkit-animation-name: popup-arrow-enter-up;
3737
3737
  animation-name: popup-arrow-enter-up; }
3738
3738
 
3739
- .cdr-popup--top_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3739
+ .cdr-popup--top_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3740
3740
  -webkit-animation-name: popup-exit-up;
3741
3741
  animation-name: popup-exit-up; }
3742
3742
 
3743
- .cdr-popup--top_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--top_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::after {
3743
+ .cdr-popup--top_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--top_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3744
3744
  -webkit-animation-name: popup-arrow-exit-up;
3745
3745
  animation-name: popup-arrow-exit-up; }
3746
3746
 
3747
- .cdr-popup--top_11-3-1 .cdr-popup__content_11-3-1 {
3747
+ .cdr-popup--top_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3748
3748
  bottom: calc(100% + 1.4rem); }
3749
3749
 
3750
- .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before {
3750
+ .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
3751
3751
  border-top-color: #928b80; }
3752
3752
 
3753
- .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after {
3753
+ .cdr-popup--top_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3754
3754
  border-top-color: #ffffff; }
3755
3755
 
3756
- .cdr-popup--corner-left_11-3-1 .cdr-popup__content_11-3-1 {
3756
+ .cdr-popup--corner-left_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3757
3757
  left: 0;
3758
3758
  transform: unset; }
3759
3759
 
3760
- .cdr-popup--corner-right_11-3-1 .cdr-popup__content_11-3-1 {
3760
+ .cdr-popup--corner-right_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3761
3761
  left: unset;
3762
3762
  right: 0;
3763
3763
  transform: unset; }
3764
3764
 
3765
- .cdr-popup--left_11-3-1 .cdr-popup__content_11-3-1, .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after, .cdr-popup--right_11-3-1 .cdr-popup__content_11-3-1, .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
3765
+ .cdr-popup--left_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0, .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after, .cdr-popup--right_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0, .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3766
3766
  top: 50%;
3767
3767
  transform: translateY(-50%); }
3768
3768
 
3769
- .cdr-popup--left_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3769
+ .cdr-popup--left_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3770
3770
  -webkit-animation-name: popup-enter-left;
3771
3771
  animation-name: popup-enter-left; }
3772
3772
 
3773
- .cdr-popup--left_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--left_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::after {
3773
+ .cdr-popup--left_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--left_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3774
3774
  -webkit-animation-name: popup-arrow-enter-left;
3775
3775
  animation-name: popup-arrow-enter-left; }
3776
3776
 
3777
- .cdr-popup--left_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3777
+ .cdr-popup--left_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3778
3778
  -webkit-animation-name: popup-exit-left;
3779
3779
  animation-name: popup-exit-left; }
3780
3780
 
3781
- .cdr-popup--left_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--left_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::after {
3781
+ .cdr-popup--left_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--left_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3782
3782
  -webkit-animation-name: popup-arrow-exit-left;
3783
3783
  animation-name: popup-arrow-exit-left; }
3784
3784
 
3785
- .cdr-popup--left_11-3-1 .cdr-popup__content_11-3-1 {
3785
+ .cdr-popup--left_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3786
3786
  right: calc(100% + 1.4rem); }
3787
3787
 
3788
- .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before {
3788
+ .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
3789
3789
  border-left-color: #928b80; }
3790
3790
 
3791
- .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after {
3791
+ .cdr-popup--left_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3792
3792
  border-left-color: #ffffff; }
3793
3793
 
3794
- .cdr-popup--right_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3794
+ .cdr-popup--right_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3795
3795
  -webkit-animation-name: popup-enter-right;
3796
3796
  animation-name: popup-enter-right; }
3797
3797
 
3798
- .cdr-popup--right_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--right_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__arrow_11-3-1::after {
3798
+ .cdr-popup--right_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--right_12-0-0-beta-0.cdr-popup--open_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3799
3799
  -webkit-animation-name: popup-arrow-enter-right;
3800
3800
  animation-name: popup-arrow-enter-right; }
3801
3801
 
3802
- .cdr-popup--right_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3802
+ .cdr-popup--right_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3803
3803
  -webkit-animation-name: popup-exit-right;
3804
3804
  animation-name: popup-exit-right; }
3805
3805
 
3806
- .cdr-popup--right_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::before, .cdr-popup--right_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__arrow_11-3-1::after {
3806
+ .cdr-popup--right_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before, .cdr-popup--right_12-0-0-beta-0.cdr-popup--exit_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3807
3807
  -webkit-animation-name: popup-arrow-exit-right;
3808
3808
  animation-name: popup-arrow-exit-right; }
3809
3809
 
3810
- .cdr-popup--right_11-3-1 .cdr-popup__content_11-3-1 {
3810
+ .cdr-popup--right_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3811
3811
  left: calc(100% + 1.4rem); }
3812
3812
 
3813
- .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before {
3813
+ .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::before {
3814
3814
  border-right-color: #928b80; }
3815
3815
 
3816
- .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
3816
+ .cdr-popup--right_12-0-0-beta-0 .cdr-popup__arrow_12-0-0-beta-0::after {
3817
3817
  border-right-color: #ffffff; }
3818
3818
 
3819
- .cdr-popup--corner-top_11-3-1 .cdr-popup__content_11-3-1 {
3819
+ .cdr-popup--corner-top_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3820
3820
  top: 0;
3821
3821
  transform: unset; }
3822
3822
 
3823
- .cdr-popup--corner-bottom_11-3-1 .cdr-popup__content_11-3-1 {
3823
+ .cdr-popup--corner-bottom_12-0-0-beta-0 .cdr-popup__content_12-0-0-beta-0 {
3824
3824
  top: unset;
3825
3825
  bottom: 0;
3826
3826
  transform: unset; }