@rei/cedar 11.3.1 → 12.0.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 +46 -60
  3. package/dist/cedar.mjs +46 -60
  4. package/dist/lib/assets/{cedar-compiled-301798f7.css → cedar-compiled-4be2b7cc.css} +1607 -1607
  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 +5 -1
  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 {
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 + .cdr-accordion_12-0-0 {
26
18
  border-top: none; }
27
- .cdr-accordion__button_11-3-1 {
19
+ .cdr-accordion__button_12-0-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:hover, .cdr-accordion__button_12-0-0:focus {
46
38
  background-color: #f9f8f6; }
47
- .cdr-accordion__label_11-3-1 {
39
+ .cdr-accordion__label_12-0-0 {
48
40
  margin-bottom: 0; }
49
- .cdr-accordion__header_11-3-1 {
41
+ .cdr-accordion__header_12-0-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 {
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 {
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.open {
68
60
  transform: rotate(-180deg); }
69
- .cdr-accordion__content-container_11-3-1 {
61
+ .cdr-accordion__content-container_12-0-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.open {
75
67
  transition-duration: 0.3s; }
76
- .cdr-accordion__content_11-3-1 {
68
+ .cdr-accordion__content_12-0-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 > * {
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.open {
96
88
  opacity: 1; }
97
- .cdr-accordion__content_11-3-1.closed {
89
+ .cdr-accordion__content_12-0-0.closed {
98
90
  visibility: hidden; }
99
- .cdr-accordion--unwrap_11-3-1 {
91
+ .cdr-accordion--unwrap_12-0-0 {
100
92
  padding: 0; }
101
- .cdr-accordion--border-aligned_11-3-1 {
93
+ .cdr-accordion--border-aligned_12-0-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 .cdr-accordion__button_12-0-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 .cdr-accordion__content_12-0-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 .cdr-accordion__content_12-0-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 .cdr-accordion__button_12-0-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 .cdr-accordion__content_12-0-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 .cdr-accordion__content_12-0-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.cdr-accordion--border-aligned_12-0-0 .cdr-accordion__button_12-0-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.cdr-accordion--border-aligned_12-0-0 .cdr-accordion__content_12-0-0 {
137
129
  padding: 0.4rem 0 1.2rem; }
138
- .cdr-accordion--focused_11-3-1 {
130
+ .cdr-accordion--focused_12-0-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,7 +135,15 @@
143
135
  */
144
136
  z-index: 10; }
145
137
 
146
- .cdr-breadcrumb_11-3-1 {
138
+ .cdr-accordion-group_12-0-0 {
139
+ display: block;
140
+ list-style: none;
141
+ padding: 0;
142
+ margin: 0; }
143
+ .cdr-accordion-group_12-0-0 li + li > .cdr-accordion_12-0-0 {
144
+ border-top: none; }
145
+
146
+ .cdr-breadcrumb_12-0-0 {
147
147
  line-height: 1;
148
148
  /* List
149
149
  ========== */
@@ -155,28 +155,28 @@
155
155
  ========== */
156
156
  /* Ellipses
157
157
  ========== */ }
158
- .cdr-breadcrumb__list_11-3-1 {
158
+ .cdr-breadcrumb__list_12-0-0 {
159
159
  display: inline-flex;
160
160
  flex-wrap: wrap;
161
161
  padding: 0;
162
162
  margin: 0; }
163
- .cdr-breadcrumb__item_11-3-1 {
163
+ .cdr-breadcrumb__item_12-0-0 {
164
164
  display: inline-flex;
165
165
  flex: none;
166
166
  padding: 0;
167
167
  color: rgba(66, 59, 47, 0.75); }
168
- .cdr-breadcrumb__link_11-3-1 {
168
+ .cdr-breadcrumb__link_12-0-0 {
169
169
  text-decoration: none;
170
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 {
171
+ .cdr-breadcrumb__link_12-0-0:hover, .cdr-breadcrumb__link_12-0-0:active, .cdr-breadcrumb__link_12-0-0:focus {
172
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 {
173
+ .cdr-breadcrumb__link_12-0-0:hover, .cdr-breadcrumb__link_12-0-0:active, .cdr-breadcrumb__link_12-0-0:focus {
174
174
  color: #406eb5;
175
175
  text-decoration: underline; }
176
- .cdr-breadcrumb__delimiter_11-3-1 {
176
+ .cdr-breadcrumb__delimiter_12-0-0 {
177
177
  color: inherit;
178
178
  padding: 0 0.8rem; }
179
- .cdr-breadcrumb__ellipses_11-3-1 {
179
+ .cdr-breadcrumb__ellipses_12-0-0 {
180
180
  font-family: inherit;
181
181
  font-size: inherit;
182
182
  line-height: inherit;
@@ -189,14 +189,14 @@
189
189
  padding: 0;
190
190
  /* Ellipses Icon
191
191
  ========== */ }
192
- .cdr-breadcrumb__ellipses_11-3-1 .cdr-breadcrumb__ellipses-icon_11-3-1 {
192
+ .cdr-breadcrumb__ellipses_12-0-0 .cdr-breadcrumb__ellipses-icon_12-0-0 {
193
193
  color: rgba(66, 59, 47, 0.75);
194
194
  border-bottom: 0.1rem solid transparent;
195
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 {
196
+ .cdr-breadcrumb__ellipses_12-0-0:hover .cdr-breadcrumb__ellipses-icon_12-0-0, .cdr-breadcrumb__ellipses_12-0-0:active .cdr-breadcrumb__ellipses-icon_12-0-0, .cdr-breadcrumb__ellipses_12-0-0:focus .cdr-breadcrumb__ellipses-icon_12-0-0 {
197
197
  color: #406eb5;
198
198
  text-decoration: underline; }
199
- .cdr-breadcrumb__link_11-3-1, .cdr-breadcrumb__delimiter_11-3-1, .cdr-breadcrumb__ellipses_11-3-1 {
199
+ .cdr-breadcrumb__link_12-0-0, .cdr-breadcrumb__delimiter_12-0-0, .cdr-breadcrumb__ellipses_12-0-0 {
200
200
  font-family: Graphik, "Helvetica Neue", sans-serif;
201
201
  font-style: normal;
202
202
  font-weight: 400;
@@ -204,7 +204,7 @@
204
204
  font-size: 1.2rem;
205
205
  line-height: 1.6rem; }
206
206
  @media (min-width: 992px) {
207
- .cdr-breadcrumb__link_11-3-1, .cdr-breadcrumb__delimiter_11-3-1, .cdr-breadcrumb__ellipses_11-3-1 {
207
+ .cdr-breadcrumb__link_12-0-0, .cdr-breadcrumb__delimiter_12-0-0, .cdr-breadcrumb__ellipses_12-0-0 {
208
208
  font-family: Graphik, "Helvetica Neue", sans-serif;
209
209
  font-style: normal;
210
210
  font-weight: 400;
@@ -212,170 +212,131 @@
212
212
  font-size: 1.4rem;
213
213
  line-height: 1.8rem; } }
214
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;
215
+ .cdr-banner_12-0-0 {
285
216
  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
217
  font-family: Graphik, "Helvetica Neue", sans-serif;
298
- font-size: 1.4rem;
299
- line-height: 1.5rem;
218
+ font-style: normal;
300
219
  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;
220
+ letter-spacing: -0.016rem;
221
+ font-size: 1.4rem;
222
+ line-height: 1.8rem;
223
+ display: grid;
224
+ grid-template-columns: 1fr auto;
225
+ grid-template-areas: "main info-action" "message-body info-action"; }
226
+ .cdr-banner__wrapper--prominence_12-0-0 {
227
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
228
+ .cdr-banner__main_12-0-0 {
229
+ grid-area: main;
230
+ display: grid;
231
+ grid-template-columns: auto 1fr auto;
232
+ grid-template-areas: "icon-left message icon-right"; }
233
+ .cdr-banner__icon-left_12-0-0 {
234
+ grid-area: icon-left;
235
+ display: inherit;
236
+ align-items: center;
237
+ justify-items: center; }
238
+ .cdr-banner__icon-left_12-0-0 svg {
239
+ max-height: 2.2rem;
240
+ max-width: 2.2rem;
241
+ stroke: white;
242
+ stroke-width: 0.4rem;
243
+ paint-order: stroke fill;
244
+ margin: 0.4rem; }
245
+ .cdr-banner__message_12-0-0 {
246
+ display: inherit;
247
+ grid-area: message;
248
+ padding: 0 0.8rem;
249
+ align-items: center; }
250
+ .cdr-banner__message-body_12-0-0 {
251
+ grid-area: message-body;
314
252
  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;
365
- 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; }
253
+ padding: 0.8rem; }
254
+ .cdr-banner__icon-right_12-0-0 {
255
+ display: inherit;
256
+ align-items: center;
257
+ grid-area: icon-right; }
258
+ .cdr-banner__icon-right_12-0-0 svg {
259
+ max-height: 2rem;
260
+ max-width: 2rem;
261
+ fill: rgba(3, 3, 1, 0.9) !important; }
262
+ .cdr-banner__info-action_12-0-0 {
263
+ display: inherit;
264
+ grid-area: info-action;
265
+ align-content: center;
266
+ justify-content: center;
267
+ max-height: 3.2rem;
268
+ width: 4rem; }
269
+ .cdr-banner__info-action_12-0-0 svg {
270
+ max-height: 2.2rem;
271
+ max-width: 2.2rem;
272
+ fill: #406eb5 !important; }
273
+ .cdr-banner--default_12-0-0 .cdr-banner__main_12-0-0 {
274
+ background-color: #f9f8f6;
275
+ border-top: 0.1rem solid;
276
+ border-right: 0.1rem solid;
277
+ border-bottom: 0.1rem solid;
278
+ border-color: #e8e0ce; }
279
+ .cdr-banner--default_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 {
280
+ background-color: #e8e0ce; }
281
+ .cdr-banner--default_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 svg {
282
+ fill: #726d64; }
283
+ .cdr-banner--default_12-0-0 .cdr-banner__wrapper_12-0-0 {
284
+ border-left: 0.4rem solid;
285
+ border-left-color: #726d64; }
286
+ .cdr-banner--info_12-0-0 .cdr-banner__main_12-0-0 {
287
+ background-color: #edf4f5;
288
+ border-top: 0.1rem solid;
289
+ border-right: 0.1rem solid;
290
+ border-bottom: 0.1rem solid;
291
+ border-color: #c2d8db; }
292
+ .cdr-banner--info_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 {
293
+ background-color: #c2d8db; }
294
+ .cdr-banner--info_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 svg {
295
+ fill: #408e86; }
296
+ .cdr-banner--info_12-0-0 .cdr-banner__wrapper_12-0-0 {
297
+ border-left: 0.4rem solid;
298
+ border-left-color: #408e86; }
299
+ .cdr-banner--warning_12-0-0 .cdr-banner__main_12-0-0 {
300
+ background-color: #fefcf1;
301
+ border-top: 0.1rem solid;
302
+ border-right: 0.1rem solid;
303
+ border-bottom: 0.1rem solid;
304
+ border-color: #f5e9b7; }
305
+ .cdr-banner--warning_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 {
306
+ background-color: #f5e9b7; }
307
+ .cdr-banner--warning_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 svg {
308
+ fill: #b68b37; }
309
+ .cdr-banner--warning_12-0-0 .cdr-banner__wrapper_12-0-0 {
310
+ border-left: 0.4rem solid;
311
+ border-left-color: #b68b37; }
312
+ .cdr-banner--success_12-0-0 .cdr-banner__main_12-0-0 {
313
+ background-color: #f4fbf5;
314
+ border-top: 0.1rem solid;
315
+ border-right: 0.1rem solid;
316
+ border-bottom: 0.1rem solid;
317
+ border-color: #d5e6cb; }
318
+ .cdr-banner--success_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 {
319
+ background-color: #d5e6cb; }
320
+ .cdr-banner--success_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 svg {
321
+ fill: #3b8349; }
322
+ .cdr-banner--success_12-0-0 .cdr-banner__wrapper_12-0-0 {
323
+ border-left: 0.4rem solid;
324
+ border-left-color: #3b8349; }
325
+ .cdr-banner--error_12-0-0 .cdr-banner__main_12-0-0 {
326
+ background-color: #fdf7f7;
327
+ border-top: 0.1rem solid;
328
+ border-right: 0.1rem solid;
329
+ border-bottom: 0.1rem solid;
330
+ border-color: #eecbc1; }
331
+ .cdr-banner--error_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 {
332
+ background-color: #eecbc1; }
333
+ .cdr-banner--error_12-0-0 .cdr-banner__main_12-0-0 .cdr-banner__icon-left_12-0-0 svg {
334
+ fill: #bb4045; }
335
+ .cdr-banner--error_12-0-0 .cdr-banner__wrapper_12-0-0 {
336
+ border-left: 0.4rem solid;
337
+ border-left-color: #bb4045; }
377
338
 
378
- .cdr-button_11-3-1 {
339
+ .cdr-button_12-0-0 {
379
340
  font-family: Graphik, "Helvetica Neue", sans-serif;
380
341
  font-style: normal;
381
342
  font-weight: 500;
@@ -423,138 +384,138 @@
423
384
  /* @lg
424
385
  1200px and up
425
386
  ========== */ }
426
- .cdr-button_11-3-1:hover, .cdr-button_11-3-1:active, .cdr-button_11-3-1:focus {
387
+ .cdr-button_12-0-0:hover, .cdr-button_12-0-0:active, .cdr-button_12-0-0:focus {
427
388
  outline: none;
428
389
  outline-offset: 0;
429
390
  text-decoration: none; }
430
- .cdr-button_11-3-1[disabled] {
391
+ .cdr-button_12-0-0[disabled] {
431
392
  cursor: not-allowed; }
432
- .cdr-button_11-3-1 svg {
393
+ .cdr-button_12-0-0 svg {
433
394
  align-self: center;
434
395
  fill: inherit; }
435
- .cdr-button_11-3-1.cdr-button--has-icon-left_11-3-1 svg {
396
+ .cdr-button_12-0-0.cdr-button--has-icon-left_12-0-0 svg {
436
397
  margin-right: 0.4rem; }
437
- .cdr-button_11-3-1.cdr-button--has-icon-right_11-3-1 svg {
398
+ .cdr-button_12-0-0.cdr-button--has-icon-right_12-0-0 svg {
438
399
  margin-left: 0.4rem; }
439
- .cdr-button--primary_11-3-1 {
400
+ .cdr-button--primary_12-0-0 {
440
401
  background-color: #1f513f;
441
402
  box-shadow: inset 0 0 0 0.1rem #1f513f;
442
403
  color: #f9f8f6;
443
404
  fill: #f9f8f6; }
444
- .cdr-button--primary_11-3-1:hover, .cdr-button--primary_11-3-1:focus {
405
+ .cdr-button--primary_12-0-0:hover, .cdr-button--primary_12-0-0:focus {
445
406
  color: #1f513f;
446
407
  fill: #1f513f;
447
408
  background-color: #f4f2ed;
448
409
  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 {
410
+ .cdr-button--primary_12-0-0:active {
450
411
  color: #f9f8f6;
451
412
  fill: #f9f8f6;
452
413
  background-color: #1f513f;
453
414
  box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed; }
454
- .cdr-button--primary_11-3-1[disabled] {
415
+ .cdr-button--primary_12-0-0[disabled] {
455
416
  background-color: #dcd6cb;
456
417
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
457
418
  color: #ffffff;
458
419
  fill: #ffffff; }
459
- .cdr-button--primary_11-3-1.cdr-button--elevated_11-3-1 {
420
+ .cdr-button--primary_12-0-0.cdr-button--elevated_12-0-0 {
460
421
  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 {
422
+ .cdr-button--primary_12-0-0.cdr-button--elevated_12-0-0:hover, .cdr-button--primary_12-0-0.cdr-button--elevated_12-0-0:focus {
462
423
  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 {
424
+ .cdr-button--primary_12-0-0.cdr-button--elevated_12-0-0:active {
464
425
  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 {
426
+ .cdr-button--secondary_12-0-0 {
466
427
  background-color: #f9f8f6;
467
428
  box-shadow: inset 0 0 0 0.1rem #928b80;
468
429
  color: #4e4d49;
469
430
  fill: #928b80; }
470
- .cdr-button--secondary_11-3-1:hover, .cdr-button--secondary_11-3-1:focus {
431
+ .cdr-button--secondary_12-0-0:hover, .cdr-button--secondary_12-0-0:focus {
471
432
  color: #4e4d49;
472
433
  fill: #4e4d49;
473
434
  background-color: #f4f2ed;
474
435
  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 {
436
+ .cdr-button--secondary_12-0-0:active {
476
437
  color: #f9f8f6;
477
438
  fill: #f9f8f6;
478
439
  background-color: #928b80;
479
440
  box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
480
- .cdr-button--secondary_11-3-1[disabled] {
441
+ .cdr-button--secondary_12-0-0[disabled] {
481
442
  background-color: #f9f8f6;
482
443
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
483
444
  color: #d1cbbd;
484
445
  fill: #d1cbbd; }
485
- .cdr-button--secondary_11-3-1.cdr-button--elevated_11-3-1 {
446
+ .cdr-button--secondary_12-0-0.cdr-button--elevated_12-0-0 {
486
447
  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 {
448
+ .cdr-button--secondary_12-0-0.cdr-button--elevated_12-0-0:hover, .cdr-button--secondary_12-0-0.cdr-button--elevated_12-0-0:focus {
488
449
  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 {
450
+ .cdr-button--secondary_12-0-0.cdr-button--elevated_12-0-0:active {
490
451
  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 {
452
+ .cdr-button--dark_12-0-0 {
492
453
  background-color: #4e4d49;
493
454
  box-shadow: inset 0 0 0 0.1rem #4e4d49;
494
455
  color: #f9f8f6;
495
456
  fill: #f9f8f6; }
496
- .cdr-button--dark_11-3-1:hover, .cdr-button--dark_11-3-1:focus {
457
+ .cdr-button--dark_12-0-0:hover, .cdr-button--dark_12-0-0:focus {
497
458
  color: #4e4d49;
498
459
  fill: #4e4d49;
499
460
  background-color: #edeae3;
500
461
  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 {
462
+ .cdr-button--dark_12-0-0:active {
502
463
  color: #f9f8f6;
503
464
  fill: #f9f8f6;
504
465
  background-color: #4e4d49;
505
466
  box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3; }
506
- .cdr-button--dark_11-3-1[disabled] {
467
+ .cdr-button--dark_12-0-0[disabled] {
507
468
  background-color: #dcd6cb;
508
469
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
509
470
  color: #ffffff;
510
471
  fill: #ffffff; }
511
- .cdr-button--dark_11-3-1.cdr-button--elevated_11-3-1 {
472
+ .cdr-button--dark_12-0-0.cdr-button--elevated_12-0-0 {
512
473
  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 {
474
+ .cdr-button--dark_12-0-0.cdr-button--elevated_12-0-0:hover, .cdr-button--dark_12-0-0.cdr-button--elevated_12-0-0:focus {
514
475
  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 {
476
+ .cdr-button--dark_12-0-0.cdr-button--elevated_12-0-0:active {
516
477
  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 {
478
+ .cdr-button--sale_12-0-0 {
518
479
  background-color: #c7370f;
519
480
  box-shadow: inset 0 0 0 0.1rem #c7370f;
520
481
  color: #ffffff;
521
482
  fill: #ffffff; }
522
- .cdr-button--sale_11-3-1:hover, .cdr-button--sale_11-3-1:focus {
483
+ .cdr-button--sale_12-0-0:hover, .cdr-button--sale_12-0-0:focus {
523
484
  color: #c7370f;
524
485
  fill: #c7370f;
525
486
  background-color: #f4f2ed;
526
487
  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 {
488
+ .cdr-button--sale_12-0-0:active {
528
489
  color: #ffffff;
529
490
  fill: #ffffff;
530
491
  background-color: #c7370f;
531
492
  box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed; }
532
- .cdr-button--sale_11-3-1[disabled] {
493
+ .cdr-button--sale_12-0-0[disabled] {
533
494
  background-color: #dcd6cb;
534
495
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
535
496
  color: #ffffff;
536
497
  fill: #ffffff; }
537
- .cdr-button--sale_11-3-1.cdr-button--elevated_11-3-1 {
498
+ .cdr-button--sale_12-0-0.cdr-button--elevated_12-0-0 {
538
499
  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 {
500
+ .cdr-button--sale_12-0-0.cdr-button--elevated_12-0-0:hover, .cdr-button--sale_12-0-0.cdr-button--elevated_12-0-0:focus {
540
501
  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 {
502
+ .cdr-button--sale_12-0-0.cdr-button--elevated_12-0-0:active {
542
503
  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 {
504
+ .cdr-button--link_12-0-0 {
544
505
  color: #406eb5;
545
506
  fill: #406eb5;
546
507
  background-color: transparent;
547
508
  text-decoration: underline; }
548
- .cdr-button--link_11-3-1:active, .cdr-button--link_11-3-1:focus {
509
+ .cdr-button--link_12-0-0:active, .cdr-button--link_12-0-0:focus {
549
510
  color: #0b2d60; }
550
- .cdr-button--link_11-3-1:hover {
511
+ .cdr-button--link_12-0-0:hover {
551
512
  color: #406eb5;
552
513
  text-decoration: none; }
553
- .cdr-button--link_11-3-1:focus {
514
+ .cdr-button--link_12-0-0:focus {
554
515
  outline: 0.2rem solid Highlight;
555
516
  outline-color: -webkit-focus-ring-color;
556
517
  outline-offset: 0; }
557
- .cdr-button--large_11-3-1 {
518
+ .cdr-button--large_12-0-0 {
558
519
  font-family: Graphik, "Helvetica Neue", sans-serif;
559
520
  font-style: normal;
560
521
  font-weight: 500;
@@ -563,15 +524,15 @@
563
524
  line-height: 2.2rem;
564
525
  padding: 1.2rem 2.4rem;
565
526
  width: auto; }
566
- .cdr-button--large_11-3-1.cdr-button--has-icon-left_11-3-1 {
527
+ .cdr-button--large_12-0-0.cdr-button--has-icon-left_12-0-0 {
567
528
  padding-left: 2rem; }
568
- .cdr-button--large_11-3-1.cdr-button--has-icon-right_11-3-1 {
529
+ .cdr-button--large_12-0-0.cdr-button--has-icon-right_12-0-0 {
569
530
  padding-right: 2rem; }
570
- .cdr-button--large_11-3-1 svg {
531
+ .cdr-button--large_12-0-0 svg {
571
532
  /* This is to correct icon size vs line height */
572
533
  width: 2.4rem;
573
534
  height: 2.4rem; }
574
- .cdr-button--medium_11-3-1 {
535
+ .cdr-button--medium_12-0-0 {
575
536
  font-family: Graphik, "Helvetica Neue", sans-serif;
576
537
  font-style: normal;
577
538
  font-weight: 500;
@@ -580,15 +541,15 @@
580
541
  line-height: 2.2rem;
581
542
  padding: 0.8rem 1.6rem;
582
543
  width: auto; }
583
- .cdr-button--medium_11-3-1.cdr-button--has-icon-left_11-3-1 {
544
+ .cdr-button--medium_12-0-0.cdr-button--has-icon-left_12-0-0 {
584
545
  padding-left: 1.2rem; }
585
- .cdr-button--medium_11-3-1.cdr-button--has-icon-right_11-3-1 {
546
+ .cdr-button--medium_12-0-0.cdr-button--has-icon-right_12-0-0 {
586
547
  padding-right: 1.2rem; }
587
- .cdr-button--medium_11-3-1 svg {
548
+ .cdr-button--medium_12-0-0 svg {
588
549
  /* This is to correct icon size vs line height */
589
550
  width: 2.4rem;
590
551
  height: 2.4rem; }
591
- .cdr-button--small_11-3-1 {
552
+ .cdr-button--small_12-0-0 {
592
553
  font-family: Graphik, "Helvetica Neue", sans-serif;
593
554
  font-style: normal;
594
555
  font-weight: 500;
@@ -597,15 +558,15 @@
597
558
  line-height: 1.8rem;
598
559
  padding: 0.6rem 1.2rem;
599
560
  width: auto; }
600
- .cdr-button--small_11-3-1.cdr-button--has-icon-left_11-3-1 {
561
+ .cdr-button--small_12-0-0.cdr-button--has-icon-left_12-0-0 {
601
562
  padding-left: 0.8rem; }
602
- .cdr-button--small_11-3-1.cdr-button--has-icon-right_11-3-1 {
563
+ .cdr-button--small_12-0-0.cdr-button--has-icon-right_12-0-0 {
603
564
  padding-right: 0.8rem; }
604
- .cdr-button--small_11-3-1 svg {
565
+ .cdr-button--small_12-0-0 svg {
605
566
  /* This is to correct icon size vs line height */
606
567
  width: 2rem;
607
568
  height: 2rem; }
608
- .cdr-button--icon-only_11-3-1 {
569
+ .cdr-button--icon-only_12-0-0 {
609
570
  background: none;
610
571
  border: none;
611
572
  border-radius: 0.2rem;
@@ -614,55 +575,55 @@
614
575
  line-height: normal;
615
576
  padding: 0.8rem;
616
577
  fill: #928b80; }
617
- .cdr-button--icon-only_11-3-1:hover {
578
+ .cdr-button--icon-only_12-0-0:hover {
618
579
  background: none;
619
580
  box-shadow: none;
620
581
  border: none;
621
582
  fill: #928b80; }
622
- .cdr-button--icon-only_11-3-1:active, .cdr-button--icon-only_11-3-1:focus {
583
+ .cdr-button--icon-only_12-0-0:active, .cdr-button--icon-only_12-0-0:focus {
623
584
  background: none;
624
585
  outline: none;
625
586
  border: none;
626
587
  box-shadow: none;
627
588
  fill: #928b80; }
628
- .cdr-button--icon-only_11-3-1:active svg, .cdr-button--icon-only_11-3-1:focus svg {
589
+ .cdr-button--icon-only_12-0-0:active svg, .cdr-button--icon-only_12-0-0:focus svg {
629
590
  box-shadow: inset 0 0 0 0.1rem #928b80; }
630
- .cdr-button--icon-only_11-3-1[disabled] {
591
+ .cdr-button--icon-only_12-0-0[disabled] {
631
592
  background: transparent;
632
593
  box-shadow: none;
633
594
  border: none;
634
595
  fill: #dcd6cb; }
635
- .cdr-button--icon-only_11-3-1 > svg {
596
+ .cdr-button--icon-only_12-0-0 > svg {
636
597
  margin: 0; }
637
- .cdr-button--icon-only-large_11-3-1 {
598
+ .cdr-button--icon-only-large_12-0-0 {
638
599
  padding: 1.2rem; }
639
- .cdr-button--with-background_11-3-1 {
600
+ .cdr-button--with-background_12-0-0 {
640
601
  border-radius: 50%;
641
602
  fill: #928b80;
642
603
  background-color: #f9f8f6;
643
604
  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 {
605
+ .cdr-button--with-background_12-0-0:hover, .cdr-button--with-background_12-0-0:focus {
645
606
  fill: #928b80;
646
607
  background-color: #f4f2ed;
647
608
  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 {
609
+ .cdr-button--with-background_12-0-0:hover svg, .cdr-button--with-background_12-0-0:focus svg {
649
610
  box-shadow: none; }
650
- .cdr-button--with-background_11-3-1:active {
611
+ .cdr-button--with-background_12-0-0:active {
651
612
  color: #f9f8f6;
652
613
  fill: #f9f8f6;
653
614
  background-color: #928b80;
654
615
  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 {
616
+ .cdr-button--with-background_12-0-0:active svg {
656
617
  box-shadow: none; }
657
- .cdr-button--with-background_11-3-1[disabled] {
618
+ .cdr-button--with-background_12-0-0[disabled] {
658
619
  background-color: #f9f8f6;
659
620
  box-shadow: inset 0 0 0 0.1rem #dcd6cb;
660
621
  fill: #d1cbbd; }
661
- .cdr-button--full-width_11-3-1 {
622
+ .cdr-button--full-width_12-0-0 {
662
623
  width: 100% !important;
663
624
  justify-content: center; }
664
625
  @media (min-width: 0) and (max-width: 767px) {
665
- .cdr-button--small\@xs_11-3-1 {
626
+ .cdr-button--small\@xs_12-0-0 {
666
627
  font-family: Graphik, "Helvetica Neue", sans-serif;
667
628
  font-style: normal;
668
629
  font-weight: 500;
@@ -671,15 +632,15 @@
671
632
  line-height: 1.8rem;
672
633
  padding: 0.6rem 1.2rem;
673
634
  width: auto; }
674
- .cdr-button--small\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
635
+ .cdr-button--small\@xs_12-0-0.cdr-button--has-icon-left_12-0-0 {
675
636
  padding-left: 0.8rem; }
676
- .cdr-button--small\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
637
+ .cdr-button--small\@xs_12-0-0.cdr-button--has-icon-right_12-0-0 {
677
638
  padding-right: 0.8rem; }
678
- .cdr-button--small\@xs_11-3-1 svg {
639
+ .cdr-button--small\@xs_12-0-0 svg {
679
640
  /* This is to correct icon size vs line height */
680
641
  width: 2rem;
681
642
  height: 2rem; }
682
- .cdr-button--medium\@xs_11-3-1 {
643
+ .cdr-button--medium\@xs_12-0-0 {
683
644
  font-family: Graphik, "Helvetica Neue", sans-serif;
684
645
  font-style: normal;
685
646
  font-weight: 500;
@@ -688,15 +649,15 @@
688
649
  line-height: 2.2rem;
689
650
  padding: 0.8rem 1.6rem;
690
651
  width: auto; }
691
- .cdr-button--medium\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
652
+ .cdr-button--medium\@xs_12-0-0.cdr-button--has-icon-left_12-0-0 {
692
653
  padding-left: 1.2rem; }
693
- .cdr-button--medium\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
654
+ .cdr-button--medium\@xs_12-0-0.cdr-button--has-icon-right_12-0-0 {
694
655
  padding-right: 1.2rem; }
695
- .cdr-button--medium\@xs_11-3-1 svg {
656
+ .cdr-button--medium\@xs_12-0-0 svg {
696
657
  /* This is to correct icon size vs line height */
697
658
  width: 2.4rem;
698
659
  height: 2.4rem; }
699
- .cdr-button--large\@xs_11-3-1 {
660
+ .cdr-button--large\@xs_12-0-0 {
700
661
  font-family: Graphik, "Helvetica Neue", sans-serif;
701
662
  font-style: normal;
702
663
  font-weight: 500;
@@ -705,19 +666,19 @@
705
666
  line-height: 2.2rem;
706
667
  padding: 1.2rem 2.4rem;
707
668
  width: auto; }
708
- .cdr-button--large\@xs_11-3-1.cdr-button--has-icon-left_11-3-1 {
669
+ .cdr-button--large\@xs_12-0-0.cdr-button--has-icon-left_12-0-0 {
709
670
  padding-left: 2rem; }
710
- .cdr-button--large\@xs_11-3-1.cdr-button--has-icon-right_11-3-1 {
671
+ .cdr-button--large\@xs_12-0-0.cdr-button--has-icon-right_12-0-0 {
711
672
  padding-right: 2rem; }
712
- .cdr-button--large\@xs_11-3-1 svg {
673
+ .cdr-button--large\@xs_12-0-0 svg {
713
674
  /* This is to correct icon size vs line height */
714
675
  width: 2.4rem;
715
676
  height: 2.4rem; }
716
- .cdr-button--fullWidth\@xs_11-3-1 {
677
+ .cdr-button--fullWidth\@xs_12-0-0 {
717
678
  width: 100% !important;
718
679
  justify-content: center; } }
719
680
  @media (min-width: 768px) and (max-width: 991px) {
720
- .cdr-button--small\@sm_11-3-1 {
681
+ .cdr-button--small\@sm_12-0-0 {
721
682
  font-family: Graphik, "Helvetica Neue", sans-serif;
722
683
  font-style: normal;
723
684
  font-weight: 500;
@@ -726,15 +687,15 @@
726
687
  line-height: 1.8rem;
727
688
  padding: 0.6rem 1.2rem;
728
689
  width: auto; }
729
- .cdr-button--small\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
690
+ .cdr-button--small\@sm_12-0-0.cdr-button--has-icon-left_12-0-0 {
730
691
  padding-left: 0.8rem; }
731
- .cdr-button--small\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
692
+ .cdr-button--small\@sm_12-0-0.cdr-button--has-icon-right_12-0-0 {
732
693
  padding-right: 0.8rem; }
733
- .cdr-button--small\@sm_11-3-1 svg {
694
+ .cdr-button--small\@sm_12-0-0 svg {
734
695
  /* This is to correct icon size vs line height */
735
696
  width: 2rem;
736
697
  height: 2rem; }
737
- .cdr-button--medium\@sm_11-3-1 {
698
+ .cdr-button--medium\@sm_12-0-0 {
738
699
  font-family: Graphik, "Helvetica Neue", sans-serif;
739
700
  font-style: normal;
740
701
  font-weight: 500;
@@ -743,15 +704,15 @@
743
704
  line-height: 2.2rem;
744
705
  padding: 0.8rem 1.6rem;
745
706
  width: auto; }
746
- .cdr-button--medium\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
707
+ .cdr-button--medium\@sm_12-0-0.cdr-button--has-icon-left_12-0-0 {
747
708
  padding-left: 1.2rem; }
748
- .cdr-button--medium\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
709
+ .cdr-button--medium\@sm_12-0-0.cdr-button--has-icon-right_12-0-0 {
749
710
  padding-right: 1.2rem; }
750
- .cdr-button--medium\@sm_11-3-1 svg {
711
+ .cdr-button--medium\@sm_12-0-0 svg {
751
712
  /* This is to correct icon size vs line height */
752
713
  width: 2.4rem;
753
714
  height: 2.4rem; }
754
- .cdr-button--large\@sm_11-3-1 {
715
+ .cdr-button--large\@sm_12-0-0 {
755
716
  font-family: Graphik, "Helvetica Neue", sans-serif;
756
717
  font-style: normal;
757
718
  font-weight: 500;
@@ -760,19 +721,19 @@
760
721
  line-height: 2.2rem;
761
722
  padding: 1.2rem 2.4rem;
762
723
  width: auto; }
763
- .cdr-button--large\@sm_11-3-1.cdr-button--has-icon-left_11-3-1 {
724
+ .cdr-button--large\@sm_12-0-0.cdr-button--has-icon-left_12-0-0 {
764
725
  padding-left: 2rem; }
765
- .cdr-button--large\@sm_11-3-1.cdr-button--has-icon-right_11-3-1 {
726
+ .cdr-button--large\@sm_12-0-0.cdr-button--has-icon-right_12-0-0 {
766
727
  padding-right: 2rem; }
767
- .cdr-button--large\@sm_11-3-1 svg {
728
+ .cdr-button--large\@sm_12-0-0 svg {
768
729
  /* This is to correct icon size vs line height */
769
730
  width: 2.4rem;
770
731
  height: 2.4rem; }
771
- .cdr-button--fullWidth\@sm_11-3-1 {
732
+ .cdr-button--fullWidth\@sm_12-0-0 {
772
733
  width: 100% !important;
773
734
  justify-content: center; } }
774
735
  @media (min-width: 992px) and (max-width: 1231px) {
775
- .cdr-button--small\@md_11-3-1 {
736
+ .cdr-button--small\@md_12-0-0 {
776
737
  font-family: Graphik, "Helvetica Neue", sans-serif;
777
738
  font-style: normal;
778
739
  font-weight: 500;
@@ -781,15 +742,15 @@
781
742
  line-height: 1.8rem;
782
743
  padding: 0.6rem 1.2rem;
783
744
  width: auto; }
784
- .cdr-button--small\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
745
+ .cdr-button--small\@md_12-0-0.cdr-button--has-icon-left_12-0-0 {
785
746
  padding-left: 0.8rem; }
786
- .cdr-button--small\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
747
+ .cdr-button--small\@md_12-0-0.cdr-button--has-icon-right_12-0-0 {
787
748
  padding-right: 0.8rem; }
788
- .cdr-button--small\@md_11-3-1 svg {
749
+ .cdr-button--small\@md_12-0-0 svg {
789
750
  /* This is to correct icon size vs line height */
790
751
  width: 2rem;
791
752
  height: 2rem; }
792
- .cdr-button--medium\@md_11-3-1 {
753
+ .cdr-button--medium\@md_12-0-0 {
793
754
  font-family: Graphik, "Helvetica Neue", sans-serif;
794
755
  font-style: normal;
795
756
  font-weight: 500;
@@ -798,15 +759,15 @@
798
759
  line-height: 2.2rem;
799
760
  padding: 0.8rem 1.6rem;
800
761
  width: auto; }
801
- .cdr-button--medium\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
762
+ .cdr-button--medium\@md_12-0-0.cdr-button--has-icon-left_12-0-0 {
802
763
  padding-left: 1.2rem; }
803
- .cdr-button--medium\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
764
+ .cdr-button--medium\@md_12-0-0.cdr-button--has-icon-right_12-0-0 {
804
765
  padding-right: 1.2rem; }
805
- .cdr-button--medium\@md_11-3-1 svg {
766
+ .cdr-button--medium\@md_12-0-0 svg {
806
767
  /* This is to correct icon size vs line height */
807
768
  width: 2.4rem;
808
769
  height: 2.4rem; }
809
- .cdr-button--large\@md_11-3-1 {
770
+ .cdr-button--large\@md_12-0-0 {
810
771
  font-family: Graphik, "Helvetica Neue", sans-serif;
811
772
  font-style: normal;
812
773
  font-weight: 500;
@@ -815,19 +776,19 @@
815
776
  line-height: 2.2rem;
816
777
  padding: 1.2rem 2.4rem;
817
778
  width: auto; }
818
- .cdr-button--large\@md_11-3-1.cdr-button--has-icon-left_11-3-1 {
779
+ .cdr-button--large\@md_12-0-0.cdr-button--has-icon-left_12-0-0 {
819
780
  padding-left: 2rem; }
820
- .cdr-button--large\@md_11-3-1.cdr-button--has-icon-right_11-3-1 {
781
+ .cdr-button--large\@md_12-0-0.cdr-button--has-icon-right_12-0-0 {
821
782
  padding-right: 2rem; }
822
- .cdr-button--large\@md_11-3-1 svg {
783
+ .cdr-button--large\@md_12-0-0 svg {
823
784
  /* This is to correct icon size vs line height */
824
785
  width: 2.4rem;
825
786
  height: 2.4rem; }
826
- .cdr-button--fullWidth\@md_11-3-1 {
787
+ .cdr-button--fullWidth\@md_12-0-0 {
827
788
  width: 100% !important;
828
789
  justify-content: center; } }
829
790
  @media (min-width: 1232px) {
830
- .cdr-button--small\@lg_11-3-1 {
791
+ .cdr-button--small\@lg_12-0-0 {
831
792
  font-family: Graphik, "Helvetica Neue", sans-serif;
832
793
  font-style: normal;
833
794
  font-weight: 500;
@@ -836,15 +797,15 @@
836
797
  line-height: 1.8rem;
837
798
  padding: 0.6rem 1.2rem;
838
799
  width: auto; }
839
- .cdr-button--small\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
800
+ .cdr-button--small\@lg_12-0-0.cdr-button--has-icon-left_12-0-0 {
840
801
  padding-left: 0.8rem; }
841
- .cdr-button--small\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
802
+ .cdr-button--small\@lg_12-0-0.cdr-button--has-icon-right_12-0-0 {
842
803
  padding-right: 0.8rem; }
843
- .cdr-button--small\@lg_11-3-1 svg {
804
+ .cdr-button--small\@lg_12-0-0 svg {
844
805
  /* This is to correct icon size vs line height */
845
806
  width: 2rem;
846
807
  height: 2rem; }
847
- .cdr-button--medium\@lg_11-3-1 {
808
+ .cdr-button--medium\@lg_12-0-0 {
848
809
  font-family: Graphik, "Helvetica Neue", sans-serif;
849
810
  font-style: normal;
850
811
  font-weight: 500;
@@ -853,15 +814,15 @@
853
814
  line-height: 2.2rem;
854
815
  padding: 0.8rem 1.6rem;
855
816
  width: auto; }
856
- .cdr-button--medium\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
817
+ .cdr-button--medium\@lg_12-0-0.cdr-button--has-icon-left_12-0-0 {
857
818
  padding-left: 1.2rem; }
858
- .cdr-button--medium\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
819
+ .cdr-button--medium\@lg_12-0-0.cdr-button--has-icon-right_12-0-0 {
859
820
  padding-right: 1.2rem; }
860
- .cdr-button--medium\@lg_11-3-1 svg {
821
+ .cdr-button--medium\@lg_12-0-0 svg {
861
822
  /* This is to correct icon size vs line height */
862
823
  width: 2.4rem;
863
824
  height: 2.4rem; }
864
- .cdr-button--large\@lg_11-3-1 {
825
+ .cdr-button--large\@lg_12-0-0 {
865
826
  font-family: Graphik, "Helvetica Neue", sans-serif;
866
827
  font-style: normal;
867
828
  font-weight: 500;
@@ -870,163 +831,202 @@
870
831
  line-height: 2.2rem;
871
832
  padding: 1.2rem 2.4rem;
872
833
  width: auto; }
873
- .cdr-button--large\@lg_11-3-1.cdr-button--has-icon-left_11-3-1 {
834
+ .cdr-button--large\@lg_12-0-0.cdr-button--has-icon-left_12-0-0 {
874
835
  padding-left: 2rem; }
875
- .cdr-button--large\@lg_11-3-1.cdr-button--has-icon-right_11-3-1 {
836
+ .cdr-button--large\@lg_12-0-0.cdr-button--has-icon-right_12-0-0 {
876
837
  padding-right: 2rem; }
877
- .cdr-button--large\@lg_11-3-1 svg {
838
+ .cdr-button--large\@lg_12-0-0 svg {
878
839
  /* This is to correct icon size vs line height */
879
840
  width: 2.4rem;
880
841
  height: 2.4rem; }
881
- .cdr-button--fullWidth\@lg_11-3-1 {
842
+ .cdr-button--fullWidth\@lg_12-0-0 {
882
843
  width: 100% !important;
883
844
  justify-content: center; } }
884
845
 
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; }
846
+ /* ==========================================================================
847
+ # CdrCaption
903
848
 
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;
849
+ All values should map to variables in
850
+ vars/CdrCaption.vars.pcss
851
+ in order to allow for theming
852
+
853
+ TOC:
854
+
855
+ :Base - CdrCaption
856
+ ========================================================================== */
857
+ .cdr-caption_12-0-0 {
858
+ max-width: 53rem;
859
+ line-height: 1;
860
+ padding: 0.8rem 0; }
861
+ .cdr-caption_12-0-0 cite {
862
+ font-family: Graphik, "Helvetica Neue", sans-serif;
863
+ font-size: 1.2rem;
864
+ font-weight: 400;
865
+ letter-spacing: 0.016rem;
866
+ line-height: 1.8rem;
867
+ color: rgba(66, 59, 47, 0.75);
868
+ font-style: normal; }
869
+ .cdr-caption__summary_12-0-0 {
870
+ font-family: Graphik, "Helvetica Neue", sans-serif;
871
+ font-size: 1.4rem;
872
+ font-weight: 400;
873
+ letter-spacing: 0.008rem;
874
+ line-height: 2.2rem;
875
+ margin: 0;
876
+ color: rgba(12, 11, 8, 0.75); }
877
+ .cdr-caption__summary_12-0-0 + cite {
878
+ display: inline-block;
879
+ margin-top: 0.8rem; }
880
+
881
+ .cdr-chip_12-0-0 {
882
+ display: inline-flex;
883
+ align-items: center;
884
+ position: relative;
885
+ width: -webkit-max-content;
886
+ width: -moz-max-content;
887
+ width: max-content;
888
+ padding: 0.8rem 1.2rem;
889
+ border-radius: 3rem;
890
+ border: 0;
891
+ color: #4e4d49;
892
+ fill: #4e4d49;
893
+ background-color: #ffffff;
894
+ box-shadow: inset 0 0 0 0.1rem #928b80;
895
+ cursor: pointer;
896
+ font-family: Graphik, "Helvetica Neue", sans-serif;
910
897
  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;
946
- grid-area: icon-right; }
947
- .cdr-banner__icon-right_11-3-1 svg {
948
- max-height: 2rem;
949
- max-width: 2rem;
950
- fill: rgba(3, 3, 1, 0.9) !important; }
951
- .cdr-banner__info-action_11-3-1 {
952
- display: inherit;
953
- grid-area: info-action;
954
- align-content: center;
955
- justify-content: center;
956
- max-height: 3.2rem;
957
- width: 4rem; }
958
- .cdr-banner__info-action_11-3-1 svg {
959
- max-height: 2.2rem;
960
- max-width: 2.2rem;
961
- fill: #406eb5 !important; }
962
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 {
898
+ line-height: 1.5rem;
899
+ font-weight: 400;
900
+ letter-spacing: -0.008rem;
901
+ 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); }
902
+ .cdr-chip_12-0-0:disabled, .cdr-chip_12-0-0:disabled:hover, .cdr-chip_12-0-0:disabled:focus {
903
+ cursor: not-allowed !important;
904
+ background-color: #ffffff !important;
905
+ box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
906
+ color: #d1cbbd !important; }
907
+ .cdr-chip_12-0-0:hover {
963
908
  background-color: #f9f8f6;
964
- border-top: 0.1rem solid;
965
- border-right: 0.1rem solid;
966
- border-bottom: 0.1rem solid;
967
- border-color: #e8e0ce; }
968
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
969
- background-color: #e8e0ce; }
970
- .cdr-banner--default_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
971
- fill: #726d64; }
972
- .cdr-banner--default_11-3-1 .cdr-banner__wrapper_11-3-1 {
973
- border-left: 0.4rem solid;
974
- border-left-color: #726d64; }
975
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 {
976
- background-color: #edf4f5;
977
- border-top: 0.1rem solid;
978
- border-right: 0.1rem solid;
979
- border-bottom: 0.1rem solid;
980
- border-color: #c2d8db; }
981
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
982
- background-color: #c2d8db; }
983
- .cdr-banner--info_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
984
- fill: #408e86; }
985
- .cdr-banner--info_11-3-1 .cdr-banner__wrapper_11-3-1 {
986
- border-left: 0.4rem solid;
987
- border-left-color: #408e86; }
988
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 {
989
- background-color: #fefcf1;
990
- border-top: 0.1rem solid;
991
- border-right: 0.1rem solid;
992
- border-bottom: 0.1rem solid;
993
- border-color: #f5e9b7; }
994
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
995
- background-color: #f5e9b7; }
996
- .cdr-banner--warning_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
997
- fill: #b68b37; }
998
- .cdr-banner--warning_11-3-1 .cdr-banner__wrapper_11-3-1 {
999
- border-left: 0.4rem solid;
1000
- border-left-color: #b68b37; }
1001
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 {
1002
- background-color: #f4fbf5;
1003
- border-top: 0.1rem solid;
1004
- border-right: 0.1rem solid;
1005
- border-bottom: 0.1rem solid;
1006
- border-color: #d5e6cb; }
1007
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
1008
- background-color: #d5e6cb; }
1009
- .cdr-banner--success_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
1010
- fill: #3b8349; }
1011
- .cdr-banner--success_11-3-1 .cdr-banner__wrapper_11-3-1 {
1012
- border-left: 0.4rem solid;
1013
- border-left-color: #3b8349; }
1014
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 {
1015
- background-color: #fdf7f7;
1016
- border-top: 0.1rem solid;
1017
- border-right: 0.1rem solid;
1018
- border-bottom: 0.1rem solid;
1019
- border-color: #eecbc1; }
1020
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 {
1021
- background-color: #eecbc1; }
1022
- .cdr-banner--error_11-3-1 .cdr-banner__main_11-3-1 .cdr-banner__icon-left_11-3-1 svg {
1023
- fill: #bb4045; }
1024
- .cdr-banner--error_11-3-1 .cdr-banner__wrapper_11-3-1 {
1025
- border-left: 0.4rem solid;
1026
- border-left-color: #bb4045; }
909
+ box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
910
+ .cdr-chip_12-0-0:focus {
911
+ outline: none;
912
+ outline-offset: 0;
913
+ background-color: #ffffff;
914
+ box-shadow: inset 0 0 0 0.3rem #4e4d49; }
915
+ .cdr-chip_12-0-0:active {
916
+ background-color: #edeae3;
917
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
918
+ .cdr-chip_12-0-0[aria-pressed="true"], .cdr-chip_12-0-0[aria-checked="true"] {
919
+ text-shadow: 0 0 0.1rem currentColor;
920
+ background-color: #edeae3;
921
+ box-shadow: inset 0 0 0 0.1rem #4e4d49; }
922
+ .cdr-chip_12-0-0[aria-pressed="true"]:hover, .cdr-chip_12-0-0[aria-checked="true"]:hover {
923
+ background-color: #edeae3;
924
+ box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
925
+ .cdr-chip_12-0-0[aria-pressed="true"]:focus, .cdr-chip_12-0-0[aria-checked="true"]:focus {
926
+ background-color: #edeae3;
927
+ box-shadow: inset 0 0 0 0.3rem #4e4d49; }
928
+ .cdr-chip__icon-left_12-0-0 {
929
+ position: absolute;
930
+ left: 0.8rem; }
931
+ .cdr-chip__icon-right_12-0-0 {
932
+ position: absolute;
933
+ right: 0.8rem; }
934
+ .cdr-chip__icon-left_12-0-0 ~ .cdr-chip__content_12-0-0 {
935
+ margin-left: 1.6rem; }
936
+ .cdr-chip__icon-right_12-0-0 ~ .cdr-chip__content_12-0-0 {
937
+ margin-right: 1.6rem; }
938
+
939
+ .cdr-chip-group_12-0-0 {
940
+ border: none;
941
+ -webkit-margin-start: 0;
942
+ margin-inline-start: 0;
943
+ -webkit-margin-end: 0;
944
+ margin-inline-end: 0;
945
+ -webkit-padding-before: 0;
946
+ padding-block-start: 0;
947
+ -webkit-padding-start: 0;
948
+ padding-inline-start: 0;
949
+ -webkit-padding-end: 0;
950
+ padding-inline-end: 0;
951
+ -webkit-padding-after: 0;
952
+ padding-block-end: 0; }
953
+ .cdr-chip-group_12-0-0 legend {
954
+ -webkit-padding-start: 0;
955
+ padding-inline-start: 0;
956
+ margin-bottom: 0.8rem; }
957
+ .cdr-chip-group__content_12-0-0 > button:not(:last-child) {
958
+ margin-right: 0.8rem;
959
+ margin-bottom: 0.8rem; }
960
+ .cdr-chip-group__legend--hidden_12-0-0 {
961
+ position: absolute;
962
+ width: 0.1rem;
963
+ height: 0.1rem;
964
+ padding: 0;
965
+ margin: -0.1rem;
966
+ overflow: hidden;
967
+ clip: rect(0, 0, 0, 0);
968
+ border: 0; }
969
+ .cdr-chip-group__legend_12-0-0 {
970
+ font-family: Graphik, "Helvetica Neue", sans-serif;
971
+ font-style: normal;
972
+ font-weight: 500;
973
+ letter-spacing: 0;
974
+ font-size: 1.6rem;
975
+ line-height: 2rem; }
976
+
977
+ .cdr-card_12-0-0 {
978
+ position: relative;
979
+ background-color: #ffffff;
980
+ border-radius: 0.4rem;
981
+ box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
982
+ color: rgba(12, 11, 8, 0.75);
983
+ width: 100%;
984
+ transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
985
+ cursor: pointer;
986
+ overflow: hidden; }
987
+ .cdr-card_12-0-0:active, .cdr-card_12-0-0:hover {
988
+ box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
989
+ transform: translateY(-0.2rem);
990
+ transition: 0.2s; }
991
+ .cdr-card__link {
992
+ position: static;
993
+ color: rgba(12, 11, 8, 0.75) !important;
994
+ text-decoration: none !important; }
995
+ .cdr-card__link:hover {
996
+ text-decoration: underline !important;
997
+ color: #406eb5 !important; }
998
+ .cdr-card__link::before {
999
+ content: "";
1000
+ display: block;
1001
+ position: absolute;
1002
+ width: 100%;
1003
+ z-index: 1;
1004
+ height: 100%;
1005
+ left: 0;
1006
+ top: 0;
1007
+ background-color: transparent; }
1008
+
1009
+ .cdr-container_12-0-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 {
1021
+ padding-left: 3.2rem;
1022
+ padding-right: 3.2rem; } }
1023
+ .cdr-container--static_12-0-0 {
1024
+ margin-left: auto;
1025
+ margin-right: auto;
1026
+ max-width: 123.2rem; }
1027
1027
 
1028
1028
  /* intentionally empty */
1029
- .cdr-checkbox_11-3-1 {
1029
+ .cdr-checkbox_12-0-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:checked ~ .cdr-label-wrapper__figure_12-0-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[indeterminate] ~ .cdr-label-wrapper__figure_12-0-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[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0::after {
1046
1046
  content: '';
1047
1047
  position: absolute;
1048
1048
  left: 50%;
@@ -1052,71 +1052,166 @@
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:hover .cdr-label-wrapper__figure_12-0-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:hover .cdr-checkbox__input_12-0-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:hover .cdr-checkbox__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-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:hover .cdr-checkbox__input_12-0-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-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:hover .cdr-checkbox__input_12-0-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-0::after {
1071
1071
  background-color: #ffffff; }
1072
- .cdr-checkbox__input_11-3-1:disabled {
1072
+ .cdr-checkbox__input_12-0-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:disabled ~ .cdr-label-wrapper__figure_12-0-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:disabled:checked ~ .cdr-label-wrapper__figure_12-0-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:disabled[indeterminate] ~ .cdr-label-wrapper__figure_12-0-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:disabled[indeterminate] ~ .cdr-label-wrapper__figure_12-0-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:active .cdr-label-wrapper__figure_12-0-0, .cdr-checkbox_12-0-0:active .cdr-checkbox__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-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:active .cdr-checkbox__input_12-0-0[indeterminate] ~ .cdr-label-wrapper__figure_12-0-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:focus ~ .cdr-label-wrapper__figure_12-0-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:focus:checked ~ .cdr-label-wrapper__figure_12-0-0 {
1097
1097
  background-color: #928b80; }
1098
1098
 
1099
1099
  /* intentionally empty */
1100
- /* ==========================================================================
1101
- # INPUT LABEL
1102
- ========================================================================== */
1103
- .cdr-input__button {
1104
- display: inline-block; }
1105
- .cdr-input__button ~ .cdr-input__button {
1106
- position: relative;
1107
- margin-left: -0.4rem; }
1108
- .cdr-input__button ~ .cdr-input__button::before {
1109
- content: '';
1110
- background-color: #928b80;
1111
- position: absolute;
1112
- left: -0.1rem;
1113
- width: 0.1rem;
1114
- height: 55%;
1115
- top: 50%;
1116
- transform: translateY(-50%); }
1117
- .cdr-input__button:hover, .cdr-input__button:active, .cdr-input__button:focus, .cdr-input__button:focus-within {
1118
- background-color: #f9f8f6;
1119
- box-shadow: inset 0 0 0 0.2rem #20201d;
1100
+ .cdr-form-group_12-0-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 legend {
1121
+ -webkit-padding-start: 0;
1122
+ padding-inline-start: 0;
1123
+ margin-bottom: 0.8rem; }
1124
+ .cdr-form-group--error_12-0-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:hover {
1128
+ background-color: transparent; }
1129
+ .cdr-form-group--disabled_12-0-0 {
1130
+ cursor: not-allowed;
1131
+ color: #d1cbbd; }
1132
+ .cdr-form-group--disabled_12-0-0 .cdr-form-group__optional_12-0-0, .cdr-form-group--disabled_12-0-0 .cdr-form-group__required_12-0-0 {
1133
+ color: #d1cbbd; }
1134
+ .cdr-form-group__wrapper_12-0-0 {
1135
+ border-radius: 0.4rem;
1136
+ display: flex;
1137
+ flex-direction: column; }
1138
+ .cdr-form-group__wrapper_12-0-0 > * {
1139
+ flex: 1 1 0; }
1140
+ .cdr-form-group__optional_12-0-0 {
1141
+ color: rgba(66, 59, 47, 0.75); }
1142
+
1143
+ .cdr-grid_12-0-0 {
1144
+ display: grid;
1145
+ list-style: none;
1146
+ margin: 0;
1147
+ padding: 0;
1148
+ gap: 1.6rem 1.6rem; }
1149
+ .cdr-grid--gutter-none_12-0-0 {
1150
+ gap: 0 0; }
1151
+ .cdr-grid--gutter-small_12-0-0 {
1152
+ gap: 0.2rem 0.2rem; }
1153
+ .cdr-grid--gutter-medium_12-0-0 {
1154
+ gap: 1.6rem 1.6rem; }
1155
+ .cdr-grid--gutter-large_12-0-0 {
1156
+ gap: 3.2rem 3.2rem; }
1157
+ @media (min-width: 0) and (max-width: 767px) {
1158
+ .cdr-grid--gutter-none\@xs_12-0-0 {
1159
+ gap: 0 0; }
1160
+ .cdr-grid--gutter-small\@xs_12-0-0 {
1161
+ gap: 0.2rem 0.2rem; }
1162
+ .cdr-grid--gutter-medium\@xs_12-0-0 {
1163
+ gap: 1.6rem 1.6rem; }
1164
+ .cdr-grid--gutter-large\@xs_12-0-0 {
1165
+ gap: 3.2rem 3.2rem; } }
1166
+ @media (min-width: 768px) and (max-width: 991px) {
1167
+ .cdr-grid--gutter-none\@sm_12-0-0 {
1168
+ gap: 0 0; }
1169
+ .cdr-grid--gutter-small\@sm_12-0-0 {
1170
+ gap: 0.2rem 0.2rem; }
1171
+ .cdr-grid--gutter-medium\@sm_12-0-0 {
1172
+ gap: 1.6rem 1.6rem; }
1173
+ .cdr-grid--gutter-large\@sm_12-0-0 {
1174
+ gap: 3.2rem 3.2rem; } }
1175
+ @media (min-width: 992px) and (max-width: 1231px) {
1176
+ .cdr-grid--gutter-none\@md_12-0-0 {
1177
+ gap: 0 0; }
1178
+ .cdr-grid--gutter-small\@md_12-0-0 {
1179
+ gap: 0.2rem 0.2rem; }
1180
+ .cdr-grid--gutter-medium\@md_12-0-0 {
1181
+ gap: 1.6rem 1.6rem; }
1182
+ .cdr-grid--gutter-large\@md_12-0-0 {
1183
+ gap: 3.2rem 3.2rem; } }
1184
+ @media (min-width: 1232px) {
1185
+ .cdr-grid--gutter-none\@lg_12-0-0 {
1186
+ gap: 0 0; }
1187
+ .cdr-grid--gutter-small\@lg_12-0-0 {
1188
+ gap: 0.2rem 0.2rem; }
1189
+ .cdr-grid--gutter-medium\@lg_12-0-0 {
1190
+ gap: 1.6rem 1.6rem; }
1191
+ .cdr-grid--gutter-large\@lg_12-0-0 {
1192
+ gap: 3.2rem 3.2rem; } }
1193
+
1194
+ /* intentionally empty */
1195
+ /* ==========================================================================
1196
+ # INPUT LABEL
1197
+ ========================================================================== */
1198
+ .cdr-input__button {
1199
+ display: inline-block; }
1200
+ .cdr-input__button ~ .cdr-input__button {
1201
+ position: relative;
1202
+ margin-left: -0.4rem; }
1203
+ .cdr-input__button ~ .cdr-input__button::before {
1204
+ content: '';
1205
+ background-color: #928b80;
1206
+ position: absolute;
1207
+ left: -0.1rem;
1208
+ width: 0.1rem;
1209
+ height: 55%;
1210
+ top: 50%;
1211
+ transform: translateY(-50%); }
1212
+ .cdr-input__button:hover, .cdr-input__button:active, .cdr-input__button:focus, .cdr-input__button:focus-within {
1213
+ background-color: #f9f8f6;
1214
+ box-shadow: inset 0 0 0 0.2rem #20201d;
1120
1215
  outline: none;
1121
1216
  fill: rgba(12, 11, 8, 0.75); }
1122
1217
  .cdr-input__button:hover svg, .cdr-input__button:active svg, .cdr-input__button:focus svg, .cdr-input__button:focus-within svg {
@@ -1131,7 +1226,7 @@
1131
1226
  /* ==========================================================================
1132
1227
  # INPUT
1133
1228
  ========================================================================== */
1134
- .cdr-input_11-3-1 {
1229
+ .cdr-input_12-0-0 {
1135
1230
  font-family: Graphik, "Helvetica Neue", sans-serif;
1136
1231
  font-style: normal;
1137
1232
  font-weight: 400;
@@ -1172,15 +1267,15 @@
1172
1267
  ========== */
1173
1268
  /* Slot Sections
1174
1269
  ========================================================================== */ }
1175
- .cdr-input_11-3-1[type=number]::-webkit-inner-spin-button, .cdr-input_11-3-1[type=number]::-webkit-outer-spin-button {
1270
+ .cdr-input_12-0-0[type=number]::-webkit-inner-spin-button, .cdr-input_12-0-0[type=number]::-webkit-outer-spin-button {
1176
1271
  -webkit-appearance: none;
1177
1272
  -moz-appearance: none;
1178
1273
  appearance: none;
1179
1274
  margin: 0; }
1180
- .cdr-input_11-3-1:active, .cdr-input_11-3-1:focus {
1275
+ .cdr-input_12-0-0:active, .cdr-input_12-0-0:focus {
1181
1276
  outline: none;
1182
1277
  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 {
1278
+ .cdr-input_12-0-0::-moz-placeholder {
1184
1279
  font-family: Graphik, "Helvetica Neue", sans-serif;
1185
1280
  font-style: normal;
1186
1281
  font-weight: 400;
@@ -1188,7 +1283,7 @@
1188
1283
  font-size: 1.6rem;
1189
1284
  line-height: 2.2rem;
1190
1285
  color: rgba(66, 59, 47, 0.75); }
1191
- .cdr-input_11-3-1:-ms-input-placeholder {
1286
+ .cdr-input_12-0-0:-ms-input-placeholder {
1192
1287
  font-family: Graphik, "Helvetica Neue", sans-serif;
1193
1288
  font-style: normal;
1194
1289
  font-weight: 400;
@@ -1196,7 +1291,7 @@
1196
1291
  font-size: 1.6rem;
1197
1292
  line-height: 2.2rem;
1198
1293
  color: rgba(66, 59, 47, 0.75); }
1199
- .cdr-input_11-3-1::placeholder {
1294
+ .cdr-input_12-0-0::placeholder {
1200
1295
  font-family: Graphik, "Helvetica Neue", sans-serif;
1201
1296
  font-style: normal;
1202
1297
  font-weight: 400;
@@ -1204,43 +1299,43 @@
1204
1299
  font-size: 1.6rem;
1205
1300
  line-height: 2.2rem;
1206
1301
  color: rgba(66, 59, 47, 0.75); }
1207
- .cdr-input_11-3-1[disabled] {
1302
+ .cdr-input_12-0-0[disabled] {
1208
1303
  background-color: #f9f8f6;
1209
1304
  color: #d1cbbd;
1210
1305
  box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
1211
- .cdr-input_11-3-1[disabled]:hover {
1306
+ .cdr-input_12-0-0[disabled]:hover {
1212
1307
  box-shadow: inset 0 0 0 0.1rem #d1cbbd;
1213
1308
  cursor: not-allowed; }
1214
- .cdr-input_11-3-1[disabled]::-moz-placeholder {
1309
+ .cdr-input_12-0-0[disabled]::-moz-placeholder {
1215
1310
  color: #d1cbbd; }
1216
- .cdr-input_11-3-1[disabled]:-ms-input-placeholder {
1311
+ .cdr-input_12-0-0[disabled]:-ms-input-placeholder {
1217
1312
  color: #d1cbbd; }
1218
- .cdr-input_11-3-1[disabled]::placeholder {
1313
+ .cdr-input_12-0-0[disabled]::placeholder {
1219
1314
  color: #d1cbbd; }
1220
- .cdr-input--focus_11-3-1 svg {
1315
+ .cdr-input--focus_12-0-0 svg {
1221
1316
  fill: rgba(12, 11, 8, 0.75) !important; }
1222
- .cdr-input--multiline_11-3-1 {
1317
+ .cdr-input--multiline_12-0-0 {
1223
1318
  height: auto; }
1224
- .cdr-input--preicon_11-3-1 {
1319
+ .cdr-input--preicon_12-0-0 {
1225
1320
  /* $input-pre-icon-default-width = 25px with the expectation that
1226
1321
  slot provided icon is close to that width */
1227
1322
  padding-left: 3.7rem !important; }
1228
- .cdr-input--posticon_11-3-1 {
1323
+ .cdr-input--posticon_12-0-0 {
1229
1324
  padding-right: 4.5rem; }
1230
- .cdr-input--posticons_11-3-1 {
1325
+ .cdr-input--posticons_12-0-0 {
1231
1326
  padding-right: 9rem; }
1232
- .cdr-input--primary_11-3-1 {
1327
+ .cdr-input--primary_12-0-0 {
1233
1328
  background-color: rgba(244, 242, 237, 0.15); }
1234
- .cdr-input--primary_11-3-1:active, .cdr-input--primary_11-3-1:focus {
1329
+ .cdr-input--primary_12-0-0:active, .cdr-input--primary_12-0-0:focus {
1235
1330
  background-color: #f9f8f6; }
1236
- .cdr-input--secondary_11-3-1 {
1331
+ .cdr-input--secondary_12-0-0 {
1237
1332
  background-color: rgba(255, 255, 255, 0.85); }
1238
- .cdr-input--secondary_11-3-1:active, .cdr-input--secondary_11-3-1:focus {
1333
+ .cdr-input--secondary_12-0-0:active, .cdr-input--secondary_12-0-0:focus {
1239
1334
  background-color: #ffffff; }
1240
- .cdr-input--error_11-3-1 {
1335
+ .cdr-input--error_12-0-0 {
1241
1336
  background-color: rgba(255, 242, 242, 0.75);
1242
1337
  box-shadow: inset 0 0 0 0.1rem #b33322; }
1243
- .cdr-input--large_11-3-1 {
1338
+ .cdr-input--large_12-0-0 {
1244
1339
  font-family: Graphik, "Helvetica Neue", sans-serif;
1245
1340
  font-style: normal;
1246
1341
  font-weight: 400;
@@ -1250,14 +1345,14 @@
1250
1345
  line-height: 3.2rem;
1251
1346
  padding-left: 0.8rem;
1252
1347
  height: 4.8rem; }
1253
- .cdr-input--large_11-3-1::-moz-placeholder {
1348
+ .cdr-input--large_12-0-0::-moz-placeholder {
1254
1349
  line-height: 3.2rem; }
1255
- .cdr-input--large_11-3-1:-ms-input-placeholder {
1350
+ .cdr-input--large_12-0-0:-ms-input-placeholder {
1256
1351
  line-height: 3.2rem; }
1257
- .cdr-input--large_11-3-1::placeholder {
1352
+ .cdr-input--large_12-0-0::placeholder {
1258
1353
  line-height: 3.2rem; }
1259
1354
  @media (min-width: 0) and (max-width: 767px) {
1260
- .cdr-input--large\@xs_11-3-1 {
1355
+ .cdr-input--large\@xs_12-0-0 {
1261
1356
  font-family: Graphik, "Helvetica Neue", sans-serif;
1262
1357
  font-style: normal;
1263
1358
  font-weight: 400;
@@ -1267,14 +1362,14 @@
1267
1362
  line-height: 3.2rem;
1268
1363
  padding-left: 0.8rem;
1269
1364
  height: 4.8rem; }
1270
- .cdr-input--large\@xs_11-3-1::-moz-placeholder {
1365
+ .cdr-input--large\@xs_12-0-0::-moz-placeholder {
1271
1366
  line-height: 3.2rem; }
1272
- .cdr-input--large\@xs_11-3-1:-ms-input-placeholder {
1367
+ .cdr-input--large\@xs_12-0-0:-ms-input-placeholder {
1273
1368
  line-height: 3.2rem; }
1274
- .cdr-input--large\@xs_11-3-1::placeholder {
1369
+ .cdr-input--large\@xs_12-0-0::placeholder {
1275
1370
  line-height: 3.2rem; } }
1276
1371
  @media (min-width: 768px) and (max-width: 991px) {
1277
- .cdr-input--large\@sm_11-3-1 {
1372
+ .cdr-input--large\@sm_12-0-0 {
1278
1373
  font-family: Graphik, "Helvetica Neue", sans-serif;
1279
1374
  font-style: normal;
1280
1375
  font-weight: 400;
@@ -1284,14 +1379,14 @@
1284
1379
  line-height: 3.2rem;
1285
1380
  padding-left: 0.8rem;
1286
1381
  height: 4.8rem; }
1287
- .cdr-input--large\@sm_11-3-1::-moz-placeholder {
1382
+ .cdr-input--large\@sm_12-0-0::-moz-placeholder {
1288
1383
  line-height: 3.2rem; }
1289
- .cdr-input--large\@sm_11-3-1:-ms-input-placeholder {
1384
+ .cdr-input--large\@sm_12-0-0:-ms-input-placeholder {
1290
1385
  line-height: 3.2rem; }
1291
- .cdr-input--large\@sm_11-3-1::placeholder {
1386
+ .cdr-input--large\@sm_12-0-0::placeholder {
1292
1387
  line-height: 3.2rem; } }
1293
1388
  @media (min-width: 992px) and (max-width: 1231px) {
1294
- .cdr-input--large\@md_11-3-1 {
1389
+ .cdr-input--large\@md_12-0-0 {
1295
1390
  font-family: Graphik, "Helvetica Neue", sans-serif;
1296
1391
  font-style: normal;
1297
1392
  font-weight: 400;
@@ -1301,14 +1396,14 @@
1301
1396
  line-height: 3.2rem;
1302
1397
  padding-left: 0.8rem;
1303
1398
  height: 4.8rem; }
1304
- .cdr-input--large\@md_11-3-1::-moz-placeholder {
1399
+ .cdr-input--large\@md_12-0-0::-moz-placeholder {
1305
1400
  line-height: 3.2rem; }
1306
- .cdr-input--large\@md_11-3-1:-ms-input-placeholder {
1401
+ .cdr-input--large\@md_12-0-0:-ms-input-placeholder {
1307
1402
  line-height: 3.2rem; }
1308
- .cdr-input--large\@md_11-3-1::placeholder {
1403
+ .cdr-input--large\@md_12-0-0::placeholder {
1309
1404
  line-height: 3.2rem; } }
1310
1405
  @media (min-width: 1232px) {
1311
- .cdr-input--large\@lg_11-3-1 {
1406
+ .cdr-input--large\@lg_12-0-0 {
1312
1407
  font-family: Graphik, "Helvetica Neue", sans-serif;
1313
1408
  font-style: normal;
1314
1409
  font-weight: 400;
@@ -1318,24 +1413,24 @@
1318
1413
  line-height: 3.2rem;
1319
1414
  padding-left: 0.8rem;
1320
1415
  height: 4.8rem; }
1321
- .cdr-input--large\@lg_11-3-1::-moz-placeholder {
1416
+ .cdr-input--large\@lg_12-0-0::-moz-placeholder {
1322
1417
  line-height: 3.2rem; }
1323
- .cdr-input--large\@lg_11-3-1:-ms-input-placeholder {
1418
+ .cdr-input--large\@lg_12-0-0:-ms-input-placeholder {
1324
1419
  line-height: 3.2rem; }
1325
- .cdr-input--large\@lg_11-3-1::placeholder {
1420
+ .cdr-input--large\@lg_12-0-0::placeholder {
1326
1421
  line-height: 3.2rem; } }
1327
- .cdr-input__pre-icon_11-3-1 {
1422
+ .cdr-input__pre-icon_12-0-0 {
1328
1423
  position: absolute;
1329
1424
  top: 50%;
1330
1425
  left: 0.8rem;
1331
1426
  transform: translateY(-50%); }
1332
- .cdr-input__post-icon_11-3-1 {
1427
+ .cdr-input__post-icon_12-0-0 {
1333
1428
  display: block;
1334
1429
  position: absolute;
1335
1430
  top: 50%;
1336
1431
  right: 0.8rem;
1337
1432
  transform: translateY(-50%); }
1338
- .cdr-input__helper-text_11-3-1 {
1433
+ .cdr-input__helper-text_12-0-0 {
1339
1434
  font-family: Graphik, "Helvetica Neue", sans-serif;
1340
1435
  font-style: normal;
1341
1436
  font-weight: 400;
@@ -1348,106 +1443,11 @@
1348
1443
  /* ==========================================================================
1349
1444
  # INPUT WRAPPER
1350
1445
  ========================================================================== */
1351
- .cdr-input-wrap_11-3-1 {
1446
+ .cdr-input-wrap_12-0-0 {
1352
1447
  position: relative;
1353
1448
  flex-grow: 1;
1354
1449
  fill: #928b80; }
1355
1450
 
1356
- .cdr-grid_11-3-1 {
1357
- display: grid;
1358
- list-style: none;
1359
- margin: 0;
1360
- padding: 0;
1361
- gap: 1.6rem 1.6rem; }
1362
- .cdr-grid--gutter-none_11-3-1 {
1363
- gap: 0 0; }
1364
- .cdr-grid--gutter-small_11-3-1 {
1365
- gap: 0.2rem 0.2rem; }
1366
- .cdr-grid--gutter-medium_11-3-1 {
1367
- gap: 1.6rem 1.6rem; }
1368
- .cdr-grid--gutter-large_11-3-1 {
1369
- gap: 3.2rem 3.2rem; }
1370
- @media (min-width: 0) and (max-width: 767px) {
1371
- .cdr-grid--gutter-none\@xs_11-3-1 {
1372
- gap: 0 0; }
1373
- .cdr-grid--gutter-small\@xs_11-3-1 {
1374
- gap: 0.2rem 0.2rem; }
1375
- .cdr-grid--gutter-medium\@xs_11-3-1 {
1376
- gap: 1.6rem 1.6rem; }
1377
- .cdr-grid--gutter-large\@xs_11-3-1 {
1378
- gap: 3.2rem 3.2rem; } }
1379
- @media (min-width: 768px) and (max-width: 991px) {
1380
- .cdr-grid--gutter-none\@sm_11-3-1 {
1381
- gap: 0 0; }
1382
- .cdr-grid--gutter-small\@sm_11-3-1 {
1383
- gap: 0.2rem 0.2rem; }
1384
- .cdr-grid--gutter-medium\@sm_11-3-1 {
1385
- gap: 1.6rem 1.6rem; }
1386
- .cdr-grid--gutter-large\@sm_11-3-1 {
1387
- gap: 3.2rem 3.2rem; } }
1388
- @media (min-width: 992px) and (max-width: 1231px) {
1389
- .cdr-grid--gutter-none\@md_11-3-1 {
1390
- gap: 0 0; }
1391
- .cdr-grid--gutter-small\@md_11-3-1 {
1392
- gap: 0.2rem 0.2rem; }
1393
- .cdr-grid--gutter-medium\@md_11-3-1 {
1394
- gap: 1.6rem 1.6rem; }
1395
- .cdr-grid--gutter-large\@md_11-3-1 {
1396
- gap: 3.2rem 3.2rem; } }
1397
- @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
1451
  /* ==========================================================================
1452
1452
  # CdrLink
1453
1453
 
@@ -1459,7 +1459,7 @@
1459
1459
  :Style variants
1460
1460
  :Standalone
1461
1461
  ========================================================================== */
1462
- .cdr-link_11-3-1 {
1462
+ .cdr-link_12-0-0 {
1463
1463
  font-family: inherit;
1464
1464
  font-size: inherit;
1465
1465
  line-height: inherit;
@@ -1475,29 +1475,112 @@
1475
1475
  padding: 0;
1476
1476
  text-decoration: underline;
1477
1477
  vertical-align: top; }
1478
- .cdr-link_11-3-1:active, .cdr-link_11-3-1:focus {
1478
+ .cdr-link_12-0-0:active, .cdr-link_12-0-0:focus {
1479
1479
  color: #0b2d60; }
1480
- .cdr-link_11-3-1:hover {
1480
+ .cdr-link_12-0-0:hover {
1481
1481
  color: #406eb5;
1482
1482
  text-decoration: none; }
1483
- .cdr-link_11-3-1:focus {
1483
+ .cdr-link_12-0-0:focus {
1484
1484
  outline: 0.2rem solid Highlight;
1485
1485
  outline-color: -webkit-focus-ring-color;
1486
1486
  outline-offset: 0; }
1487
1487
  /* Standalone
1488
1488
  ========== */
1489
- .cdr-link--standalone_11-3-1 {
1489
+ .cdr-link--standalone_12-0-0 {
1490
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 {
1491
+ .cdr-link--standalone_12-0-0:hover, .cdr-link--standalone_12-0-0:active, .cdr-link--standalone_12-0-0:focus, .cdr-link--standalone_12-0-0:visited {
1492
1492
  text-decoration: underline; }
1493
- .cdr-link--inherit-color_11-3-1 {
1493
+ .cdr-link--inherit-color_12-0-0 {
1494
1494
  fill: inherit;
1495
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 {
1496
+ .cdr-link--inherit-color_12-0-0:active, .cdr-link--inherit-color_12-0-0:hover, .cdr-link--inherit-color_12-0-0:focus {
1497
1497
  color: inherit;
1498
1498
  fill: inherit; }
1499
1499
 
1500
- .cdr-list_11-3-1 {
1500
+ /* intentionally empty */
1501
+ .cdr-popover--position_12-0-0 {
1502
+ position: relative; }
1503
+ .cdr-popover--wrapper_12-0-0 {
1504
+ width: -webkit-max-content;
1505
+ width: -moz-max-content;
1506
+ width: max-content;
1507
+ height: -webkit-max-content;
1508
+ height: -moz-max-content;
1509
+ height: max-content; }
1510
+ .cdr-popover--wrapper_12-0-0 .cdr-popup--closed_12-0-0 {
1511
+ display: none; }
1512
+ .cdr-popover__title_12-0-0 {
1513
+ font-family: Stuart, Georgia, serif;
1514
+ font-style: normal;
1515
+ font-weight: 500;
1516
+ letter-spacing: 0;
1517
+ font-size: 1.8rem;
1518
+ line-height: 2.4rem;
1519
+ margin-bottom: 0.8rem;
1520
+ margin-right: 0.8rem; }
1521
+ .cdr-popover__container_12-0-0 {
1522
+ padding: 0.8rem;
1523
+ padding-left: 1.6rem;
1524
+ display: flex; }
1525
+ .cdr-popover__content_12-0-0 {
1526
+ flex: auto; }
1527
+ .cdr-popover__close-button_12-0-0 {
1528
+ align-self: flex-start;
1529
+ flex: none;
1530
+ padding: 0; }
1531
+
1532
+ /* intentionally empty */
1533
+ /* ==========================================================================
1534
+ # Cdrquote
1535
+
1536
+ TOC:
1537
+
1538
+ :Base - Cdrquote
1539
+ ========================================================================== */
1540
+ .cdr-quote_12-0-0 {
1541
+ margin: 0;
1542
+ padding: 2.4rem 1.6rem;
1543
+ line-height: 1; }
1544
+ .cdr-quote_12-0-0 cite {
1545
+ font-family: Graphik, "Helvetica Neue", sans-serif;
1546
+ font-style: normal;
1547
+ font-weight: 400;
1548
+ letter-spacing: -0.008rem;
1549
+ font-size: 1.2rem;
1550
+ line-height: 1.6rem;
1551
+ color: rgba(66, 59, 47, 0.75);
1552
+ display: block; }
1553
+ .cdr-quote__summary_12-0-0 {
1554
+ font-family: Stuart, Georgia, serif;
1555
+ font-weight: 400;
1556
+ font-size: 2.4rem;
1557
+ line-height: 3.6rem;
1558
+ letter-spacing: -.08rem;
1559
+ color: rgba(12, 11, 8, 0.75);
1560
+ margin: 0; }
1561
+ @media (min-width: 0) and (max-width: 767px) {
1562
+ .cdr-quote__summary_12-0-0 {
1563
+ font-size: 1.8rem;
1564
+ line-height: 2.8rem; } }
1565
+ .cdr-quote__summary_12-0-0 + cite {
1566
+ padding-top: 1.6rem; }
1567
+ .cdr-quote--pull_12-0-0 {
1568
+ border-style: solid;
1569
+ border-color: #dcd6cb; }
1570
+ @media (min-width: 0) {
1571
+ .cdr-quote--pull_12-0-0 {
1572
+ border-width: 0 0 0.1rem 0;
1573
+ padding: 2.4rem 1.6rem;
1574
+ margin: 0 0 1.6rem; } }
1575
+ @media (min-width: 768px) {
1576
+ .cdr-quote--pull_12-0-0 {
1577
+ border-width: 0 0 0 0.1rem;
1578
+ padding: 0.8rem 1.6rem 0.8rem 3.2rem;
1579
+ margin: 1.6rem 0; } }
1580
+ .cdr-quote--pull_12-0-0 .cdr-quote__summary_12-0-0 {
1581
+ font-weight: 600; }
1582
+
1583
+ .cdr-list_12-0-0 {
1501
1584
  list-style-type: none;
1502
1585
  padding: 0;
1503
1586
  margin: 0;
@@ -1513,59 +1596,59 @@
1513
1596
  ========== */
1514
1597
  /* Inline
1515
1598
  ========== */ }
1516
- .cdr-list_11-3-1 > li + li {
1599
+ .cdr-list_12-0-0 > li + li {
1517
1600
  margin-top: 0.8rem; }
1518
- .cdr-list_11-3-1 li > .cdr-list_11-3-1 {
1601
+ .cdr-list_12-0-0 li > .cdr-list_12-0-0 {
1519
1602
  margin-top: 0.8rem;
1520
1603
  padding-left: 1em;
1521
1604
  list-style-type: none; }
1522
- .cdr-list--compact_11-3-1 {
1605
+ .cdr-list--compact_12-0-0 {
1523
1606
  /* nesting
1524
1607
  ---------- */ }
1525
- .cdr-list--compact_11-3-1 > li + li {
1608
+ .cdr-list--compact_12-0-0 > li + li {
1526
1609
  margin-top: 0.4rem; }
1527
- .cdr-list--compact_11-3-1 li > .cdr-list_11-3-1 {
1610
+ .cdr-list--compact_12-0-0 li > .cdr-list_12-0-0 {
1528
1611
  margin-top: 0.4rem; }
1529
- .cdr-list--ordered_11-3-1 {
1612
+ .cdr-list--ordered_12-0-0 {
1530
1613
  list-style-type: decimal;
1531
1614
  padding-left: 1.5em;
1532
1615
  list-style-position: outside; }
1533
- .cdr-list--ordered_11-3-1 li {
1616
+ .cdr-list--ordered_12-0-0 li {
1534
1617
  padding: 0 0 0 0.4rem; }
1535
- .cdr-list--ordered_11-3-1 li {
1618
+ .cdr-list--ordered_12-0-0 li {
1536
1619
  /* nesting
1537
1620
  ---------- */ }
1538
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 {
1621
+ .cdr-list--ordered_12-0-0 li > .cdr-list_12-0-0 {
1539
1622
  position: relative;
1540
1623
  padding-left: 1em; }
1541
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 > li {
1624
+ .cdr-list--ordered_12-0-0 li > .cdr-list_12-0-0 > li {
1542
1625
  padding-left: 0; }
1543
- .cdr-list--ordered_11-3-1 li > .cdr-list_11-3-1 > li::before {
1626
+ .cdr-list--ordered_12-0-0 li > .cdr-list_12-0-0 > li::before {
1544
1627
  content: '\2013';
1545
1628
  position: absolute;
1546
1629
  color: rgba(66, 59, 47, 0.75);
1547
1630
  left: 0; }
1548
- .cdr-list--unordered_11-3-1 {
1631
+ .cdr-list--unordered_12-0-0 {
1549
1632
  position: relative;
1550
1633
  padding-left: 1em;
1551
1634
  /* nesting
1552
1635
  ---------- */ }
1553
- .cdr-list--unordered_11-3-1 > li::before {
1636
+ .cdr-list--unordered_12-0-0 > li::before {
1554
1637
  content: '\2022';
1555
1638
  position: relative;
1556
1639
  margin-left: -1em;
1557
1640
  padding-right: 0.8rem;
1558
1641
  color: rgba(66, 59, 47, 0.75); }
1559
- .cdr-list--unordered_11-3-1 li > .cdr-list_11-3-1 {
1642
+ .cdr-list--unordered_12-0-0 li > .cdr-list_12-0-0 {
1560
1643
  position: relative;
1561
1644
  padding-left: 1em; }
1562
- .cdr-list--unordered_11-3-1 li > .cdr-list_11-3-1 > li::before {
1645
+ .cdr-list--unordered_12-0-0 li > .cdr-list_12-0-0 > li::before {
1563
1646
  content: '\2013';
1564
1647
  position: relative;
1565
1648
  margin-left: -1em;
1566
1649
  padding-right: 0.8rem;
1567
1650
  color: rgba(66, 59, 47, 0.75); }
1568
- .cdr-list--inline_11-3-1 {
1651
+ .cdr-list--inline_12-0-0 {
1569
1652
  display: flex;
1570
1653
  flex-wrap: wrap;
1571
1654
  list-style-type: none;
@@ -1574,24 +1657,24 @@
1574
1657
  ---------- */
1575
1658
  /* inline - unordered
1576
1659
  ---------- */ }
1577
- .cdr-list--inline_11-3-1 > li {
1660
+ .cdr-list--inline_12-0-0 > li {
1578
1661
  display: block; }
1579
- .cdr-list--inline_11-3-1 > li + li {
1662
+ .cdr-list--inline_12-0-0 > li + li {
1580
1663
  margin-top: 0;
1581
1664
  padding-left: 1em; }
1582
- .cdr-list--inline_11-3-1.cdr-list--compact_11-3-1 > li + li {
1665
+ .cdr-list--inline_12-0-0.cdr-list--compact_12-0-0 > li + li {
1583
1666
  padding-left: 0.5em; }
1584
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 {
1667
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0 {
1585
1668
  left: 0;
1586
1669
  /* inline - unordered - compact
1587
1670
  ---------- */ }
1588
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li {
1671
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0 > li {
1589
1672
  position: relative; }
1590
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li + li {
1673
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0 > li + li {
1591
1674
  padding-left: 1.5em; }
1592
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li:first-of-type::before {
1675
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0 > li:first-of-type::before {
1593
1676
  display: none; }
1594
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1 > li::before {
1677
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0 > li::before {
1595
1678
  content: '\2022';
1596
1679
  color: rgba(66, 59, 47, 0.75);
1597
1680
  display: block;
@@ -1604,308 +1687,17 @@
1604
1687
  left: 0;
1605
1688
  padding: 0;
1606
1689
  margin: 0; }
1607
- .cdr-list--inline_11-3-1.cdr-list--unordered_11-3-1.cdr-list--compact_11-3-1 > li + li {
1690
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0.cdr-list--compact_12-0-0 > li + li {
1608
1691
  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 {
1692
+ .cdr-list--inline_12-0-0.cdr-list--unordered_12-0-0.cdr-list--compact_12-0-0 > li + li::before {
1610
1693
  transform: translate(100%, -50%); }
1611
1694
 
1612
- /* 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 {
1764
- position: relative; }
1765
- .cdr-popover--wrapper_11-3-1 {
1766
- width: -webkit-max-content;
1767
- width: -moz-max-content;
1768
- width: max-content;
1769
- height: -webkit-max-content;
1770
- height: -moz-max-content;
1771
- height: max-content; }
1772
- .cdr-popover--wrapper_11-3-1 .cdr-popup--closed_11-3-1 {
1773
- display: none; }
1774
- .cdr-popover__title_11-3-1 {
1775
- font-family: Stuart, Georgia, serif;
1776
- font-style: normal;
1777
- font-weight: 500;
1778
- letter-spacing: 0;
1779
- font-size: 1.8rem;
1780
- line-height: 2.4rem;
1781
- margin-bottom: 0.8rem;
1782
- margin-right: 0.8rem; }
1783
- .cdr-popover__container_11-3-1 {
1784
- padding: 0.8rem;
1785
- padding-left: 1.6rem;
1786
- display: flex; }
1787
- .cdr-popover__content_11-3-1 {
1788
- flex: auto; }
1789
- .cdr-popover__close-button_11-3-1 {
1790
- align-self: flex-start;
1791
- flex: none;
1792
- padding: 0; }
1793
-
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); }
1888
-
1889
- .cdr-tab-panel-exit-left_11-3-1 {
1890
- -webkit-animation-name: exit-left;
1891
- animation-name: exit-left; }
1892
-
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); }
1898
-
1899
- .cdr-tab-panel-exit-right_11-3-1 {
1900
- -webkit-animation-name: exit-right;
1901
- animation-name: exit-right; }
1902
-
1903
1695
  @charset "UTF-8";
1904
- .cdr-rating__icon_11-3-1 {
1696
+ .cdr-rating__icon_12-0-0 {
1905
1697
  width: 2.4rem;
1906
1698
  height: 2.4rem;
1907
1699
  font-size: 2.4rem; }
1908
- .cdr-rating__count_11-3-1 {
1700
+ .cdr-rating__count_12-0-0 {
1909
1701
  font-family: Graphik, "Helvetica Neue", sans-serif;
1910
1702
  font-style: normal;
1911
1703
  font-weight: 400;
@@ -1913,7 +1705,7 @@
1913
1705
  font-size: 1.4rem;
1914
1706
  line-height: 1.8rem;
1915
1707
  margin-left: 0.8rem; }
1916
- .cdr-rating_11-3-1 {
1708
+ .cdr-rating_12-0-0 {
1917
1709
  display: flex;
1918
1710
  align-items: center;
1919
1711
  position: relative;
@@ -1935,14 +1727,14 @@
1935
1727
  ========== */
1936
1728
  /* Small
1937
1729
  ========== */ }
1938
- .cdr-rating__number_11-3-1 {
1730
+ .cdr-rating__number_12-0-0 {
1939
1731
  font-weight: 600; }
1940
- .cdr-rating__ratings_11-3-1 {
1732
+ .cdr-rating__ratings_12-0-0 {
1941
1733
  display: flex; }
1942
- .cdr-rating__icon_11-3-1 {
1734
+ .cdr-rating__icon_12-0-0 {
1943
1735
  position: relative;
1944
1736
  z-index: 1; }
1945
- .cdr-rating__caption-sr_11-3-1 {
1737
+ .cdr-rating__caption-sr_12-0-0 {
1946
1738
  position: absolute;
1947
1739
  width: 0.1rem;
1948
1740
  height: 0.1rem;
@@ -1951,7 +1743,7 @@
1951
1743
  overflow: hidden;
1952
1744
  clip: rect(0, 0, 0, 0);
1953
1745
  border: 0; }
1954
- .cdr-rating__placeholder_11-3-1::after {
1746
+ .cdr-rating__placeholder_12-0-0::after {
1955
1747
  content: '';
1956
1748
  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
1749
  background-repeat: no-repeat;
@@ -1960,7 +1752,7 @@
1960
1752
  left: 0;
1961
1753
  width: 100%;
1962
1754
  height: 100%; }
1963
- .cdr-rating__placeholder_11-3-1::before {
1755
+ .cdr-rating__placeholder_12-0-0::before {
1964
1756
  content: "☆";
1965
1757
  display: block;
1966
1758
  position: absolute;
@@ -1971,7 +1763,7 @@
1971
1763
  color: #BD7B2D;
1972
1764
  width: auto;
1973
1765
  overflow: hidden; }
1974
- .cdr-rating__placeholder--no-reviews_11-3-1::after {
1766
+ .cdr-rating__placeholder--no-reviews_12-0-0::after {
1975
1767
  content: '';
1976
1768
  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
1769
  background-repeat: no-repeat;
@@ -1980,7 +1772,7 @@
1980
1772
  left: 0;
1981
1773
  width: 100%;
1982
1774
  height: 100%; }
1983
- .cdr-rating__placeholder--no-reviews_11-3-1::before {
1775
+ .cdr-rating__placeholder--no-reviews_12-0-0::before {
1984
1776
  content: "☆";
1985
1777
  display: block;
1986
1778
  position: absolute;
@@ -1991,7 +1783,7 @@
1991
1783
  color: #BD7B2D;
1992
1784
  width: auto;
1993
1785
  overflow: hidden; }
1994
- .cdr-rating__100_11-3-1::after {
1786
+ .cdr-rating__100_12-0-0::after {
1995
1787
  content: '';
1996
1788
  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
1789
  background-repeat: no-repeat;
@@ -2000,7 +1792,7 @@
2000
1792
  left: 0;
2001
1793
  width: 100%;
2002
1794
  height: 100%; }
2003
- .cdr-rating__100_11-3-1::before {
1795
+ .cdr-rating__100_12-0-0::before {
2004
1796
  content: "★";
2005
1797
  display: block;
2006
1798
  position: absolute;
@@ -2011,7 +1803,7 @@
2011
1803
  color: #BD7B2D;
2012
1804
  width: auto;
2013
1805
  overflow: hidden; }
2014
- .cdr-rating__75_11-3-1::after {
1806
+ .cdr-rating__75_12-0-0::after {
2015
1807
  content: '';
2016
1808
  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
1809
  background-repeat: no-repeat;
@@ -2020,7 +1812,7 @@
2020
1812
  left: 0;
2021
1813
  width: 100%;
2022
1814
  height: 100%; }
2023
- .cdr-rating__75_11-3-1::before {
1815
+ .cdr-rating__75_12-0-0::before {
2024
1816
  content: "★";
2025
1817
  display: block;
2026
1818
  position: absolute;
@@ -2031,7 +1823,7 @@
2031
1823
  color: #BD7B2D;
2032
1824
  width: 0.75em;
2033
1825
  overflow: hidden; }
2034
- .cdr-rating__50_11-3-1::after {
1826
+ .cdr-rating__50_12-0-0::after {
2035
1827
  content: '';
2036
1828
  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
1829
  background-repeat: no-repeat;
@@ -2040,7 +1832,7 @@
2040
1832
  left: 0;
2041
1833
  width: 100%;
2042
1834
  height: 100%; }
2043
- .cdr-rating__50_11-3-1::before {
1835
+ .cdr-rating__50_12-0-0::before {
2044
1836
  content: "★";
2045
1837
  display: block;
2046
1838
  position: absolute;
@@ -2051,7 +1843,7 @@
2051
1843
  color: #BD7B2D;
2052
1844
  width: 0.5em;
2053
1845
  overflow: hidden; }
2054
- .cdr-rating__25_11-3-1::after {
1846
+ .cdr-rating__25_12-0-0::after {
2055
1847
  content: '';
2056
1848
  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
1849
  background-repeat: no-repeat;
@@ -2060,7 +1852,7 @@
2060
1852
  left: 0;
2061
1853
  width: 100%;
2062
1854
  height: 100%; }
2063
- .cdr-rating__25_11-3-1::before {
1855
+ .cdr-rating__25_12-0-0::before {
2064
1856
  content: "★";
2065
1857
  display: block;
2066
1858
  position: absolute;
@@ -2071,32 +1863,32 @@
2071
1863
  color: #BD7B2D;
2072
1864
  width: 0.33em;
2073
1865
  overflow: hidden; }
2074
- .cdr-rating--linked_11-3-1 {
1866
+ .cdr-rating--linked_12-0-0 {
2075
1867
  display: inline-flex;
2076
1868
  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 {
1869
+ .cdr-rating--linked_12-0-0 .cdr-rating__count_12-0-0:hover, .cdr-rating--linked_12-0-0 .cdr-rating__count_12-0-0:active, .cdr-rating--linked_12-0-0 .cdr-rating__count_12-0-0:focus {
2078
1870
  color: #406eb5;
2079
1871
  text-decoration: underline; }
2080
- .cdr-rating--linked_11-3-1 .cdr-rating__count_11-3-1 > .cdr-rating__number_11-3-1 {
1872
+ .cdr-rating--linked_12-0-0 .cdr-rating__count_12-0-0 > .cdr-rating__number_12-0-0 {
2081
1873
  border-right: 0.1rem solid #b2ab9f;
2082
1874
  padding: 0 0.6rem;
2083
1875
  margin-right: 0.6rem; }
2084
- .cdr-rating--large_11-3-1 .cdr-rating__icon_11-3-1 {
1876
+ .cdr-rating--large_12-0-0 .cdr-rating__icon_12-0-0 {
2085
1877
  width: 3.2rem;
2086
1878
  height: 3.2rem;
2087
1879
  font-size: 3.2rem; }
2088
- .cdr-rating--large_11-3-1 .cdr-rating__count_11-3-1 {
1880
+ .cdr-rating--large_12-0-0 .cdr-rating__count_12-0-0 {
2089
1881
  font-family: Graphik, "Helvetica Neue", sans-serif;
2090
1882
  font-style: normal;
2091
1883
  font-weight: 400;
2092
1884
  letter-spacing: -0.016rem;
2093
1885
  font-size: 1.6rem;
2094
1886
  line-height: 2.2rem; }
2095
- .cdr-rating--medium_11-3-1 .cdr-rating__icon_11-3-1 {
1887
+ .cdr-rating--medium_12-0-0 .cdr-rating__icon_12-0-0 {
2096
1888
  width: 2.4rem;
2097
1889
  height: 2.4rem;
2098
1890
  font-size: 2.4rem; }
2099
- .cdr-rating--medium_11-3-1 .cdr-rating__count_11-3-1 {
1891
+ .cdr-rating--medium_12-0-0 .cdr-rating__count_12-0-0 {
2100
1892
  font-family: Graphik, "Helvetica Neue", sans-serif;
2101
1893
  font-style: normal;
2102
1894
  font-weight: 400;
@@ -2104,11 +1896,11 @@
2104
1896
  font-size: 1.4rem;
2105
1897
  line-height: 1.8rem;
2106
1898
  margin-left: 0.8rem; }
2107
- .cdr-rating--small_11-3-1 .cdr-rating__icon_11-3-1 {
1899
+ .cdr-rating--small_12-0-0 .cdr-rating__icon_12-0-0 {
2108
1900
  width: 1.6rem;
2109
1901
  height: 1.6rem;
2110
1902
  font-size: 1.6rem; }
2111
- .cdr-rating--small_11-3-1 .cdr-rating__count_11-3-1 {
1903
+ .cdr-rating--small_12-0-0 .cdr-rating__count_12-0-0 {
2112
1904
  font-family: Graphik, "Helvetica Neue", sans-serif;
2113
1905
  font-style: normal;
2114
1906
  font-weight: 400;
@@ -2117,11 +1909,11 @@
2117
1909
  line-height: 1.6rem;
2118
1910
  margin-left: 0.4rem; }
2119
1911
  @media (min-width: 0) and (max-width: 767px) {
2120
- .cdr-rating--small\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1912
+ .cdr-rating--small\@xs_12-0-0 .cdr-rating__icon_12-0-0 {
2121
1913
  width: 1.6rem;
2122
1914
  height: 1.6rem;
2123
1915
  font-size: 1.6rem; }
2124
- .cdr-rating--small\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1916
+ .cdr-rating--small\@xs_12-0-0 .cdr-rating__count_12-0-0 {
2125
1917
  font-family: Graphik, "Helvetica Neue", sans-serif;
2126
1918
  font-style: normal;
2127
1919
  font-weight: 400;
@@ -2129,11 +1921,11 @@
2129
1921
  font-size: 1.2rem;
2130
1922
  line-height: 1.6rem;
2131
1923
  margin-left: 0.4rem; }
2132
- .cdr-rating--medium\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1924
+ .cdr-rating--medium\@xs_12-0-0 .cdr-rating__icon_12-0-0 {
2133
1925
  width: 2.4rem;
2134
1926
  height: 2.4rem;
2135
1927
  font-size: 2.4rem; }
2136
- .cdr-rating--medium\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1928
+ .cdr-rating--medium\@xs_12-0-0 .cdr-rating__count_12-0-0 {
2137
1929
  font-family: Graphik, "Helvetica Neue", sans-serif;
2138
1930
  font-style: normal;
2139
1931
  font-weight: 400;
@@ -2141,11 +1933,11 @@
2141
1933
  font-size: 1.4rem;
2142
1934
  line-height: 1.8rem;
2143
1935
  margin-left: 0.8rem; }
2144
- .cdr-rating--large\@xs_11-3-1 .cdr-rating__icon_11-3-1 {
1936
+ .cdr-rating--large\@xs_12-0-0 .cdr-rating__icon_12-0-0 {
2145
1937
  width: 3.2rem;
2146
1938
  height: 3.2rem;
2147
1939
  font-size: 3.2rem; }
2148
- .cdr-rating--large\@xs_11-3-1 .cdr-rating__count_11-3-1 {
1940
+ .cdr-rating--large\@xs_12-0-0 .cdr-rating__count_12-0-0 {
2149
1941
  font-family: Graphik, "Helvetica Neue", sans-serif;
2150
1942
  font-style: normal;
2151
1943
  font-weight: 400;
@@ -2153,11 +1945,11 @@
2153
1945
  font-size: 1.6rem;
2154
1946
  line-height: 2.2rem; } }
2155
1947
  @media (min-width: 768px) and (max-width: 991px) {
2156
- .cdr-rating--small\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
1948
+ .cdr-rating--small\@sm_12-0-0 .cdr-rating__icon_12-0-0 {
2157
1949
  width: 1.6rem;
2158
1950
  height: 1.6rem;
2159
1951
  font-size: 1.6rem; }
2160
- .cdr-rating--small\@sm_11-3-1 .cdr-rating__count_11-3-1 {
1952
+ .cdr-rating--small\@sm_12-0-0 .cdr-rating__count_12-0-0 {
2161
1953
  font-family: Graphik, "Helvetica Neue", sans-serif;
2162
1954
  font-style: normal;
2163
1955
  font-weight: 400;
@@ -2165,11 +1957,11 @@
2165
1957
  font-size: 1.2rem;
2166
1958
  line-height: 1.6rem;
2167
1959
  margin-left: 0.4rem; }
2168
- .cdr-rating--medium\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
1960
+ .cdr-rating--medium\@sm_12-0-0 .cdr-rating__icon_12-0-0 {
2169
1961
  width: 2.4rem;
2170
1962
  height: 2.4rem;
2171
1963
  font-size: 2.4rem; }
2172
- .cdr-rating--medium\@sm_11-3-1 .cdr-rating__count_11-3-1 {
1964
+ .cdr-rating--medium\@sm_12-0-0 .cdr-rating__count_12-0-0 {
2173
1965
  font-family: Graphik, "Helvetica Neue", sans-serif;
2174
1966
  font-style: normal;
2175
1967
  font-weight: 400;
@@ -2177,11 +1969,11 @@
2177
1969
  font-size: 1.4rem;
2178
1970
  line-height: 1.8rem;
2179
1971
  margin-left: 0.8rem; }
2180
- .cdr-rating--large\@sm_11-3-1 .cdr-rating__icon_11-3-1 {
1972
+ .cdr-rating--large\@sm_12-0-0 .cdr-rating__icon_12-0-0 {
2181
1973
  width: 3.2rem;
2182
1974
  height: 3.2rem;
2183
1975
  font-size: 3.2rem; }
2184
- .cdr-rating--large\@sm_11-3-1 .cdr-rating__count_11-3-1 {
1976
+ .cdr-rating--large\@sm_12-0-0 .cdr-rating__count_12-0-0 {
2185
1977
  font-family: Graphik, "Helvetica Neue", sans-serif;
2186
1978
  font-style: normal;
2187
1979
  font-weight: 400;
@@ -2189,11 +1981,11 @@
2189
1981
  font-size: 1.6rem;
2190
1982
  line-height: 2.2rem; } }
2191
1983
  @media (min-width: 992px) and (max-width: 1231px) {
2192
- .cdr-rating--small\@md_11-3-1 .cdr-rating__icon_11-3-1 {
1984
+ .cdr-rating--small\@md_12-0-0 .cdr-rating__icon_12-0-0 {
2193
1985
  width: 1.6rem;
2194
1986
  height: 1.6rem;
2195
1987
  font-size: 1.6rem; }
2196
- .cdr-rating--small\@md_11-3-1 .cdr-rating__count_11-3-1 {
1988
+ .cdr-rating--small\@md_12-0-0 .cdr-rating__count_12-0-0 {
2197
1989
  font-family: Graphik, "Helvetica Neue", sans-serif;
2198
1990
  font-style: normal;
2199
1991
  font-weight: 400;
@@ -2201,11 +1993,11 @@
2201
1993
  font-size: 1.2rem;
2202
1994
  line-height: 1.6rem;
2203
1995
  margin-left: 0.4rem; }
2204
- .cdr-rating--medium\@md_11-3-1 .cdr-rating__icon_11-3-1 {
1996
+ .cdr-rating--medium\@md_12-0-0 .cdr-rating__icon_12-0-0 {
2205
1997
  width: 2.4rem;
2206
1998
  height: 2.4rem;
2207
1999
  font-size: 2.4rem; }
2208
- .cdr-rating--medium\@md_11-3-1 .cdr-rating__count_11-3-1 {
2000
+ .cdr-rating--medium\@md_12-0-0 .cdr-rating__count_12-0-0 {
2209
2001
  font-family: Graphik, "Helvetica Neue", sans-serif;
2210
2002
  font-style: normal;
2211
2003
  font-weight: 400;
@@ -2213,11 +2005,11 @@
2213
2005
  font-size: 1.4rem;
2214
2006
  line-height: 1.8rem;
2215
2007
  margin-left: 0.8rem; }
2216
- .cdr-rating--large\@md_11-3-1 .cdr-rating__icon_11-3-1 {
2008
+ .cdr-rating--large\@md_12-0-0 .cdr-rating__icon_12-0-0 {
2217
2009
  width: 3.2rem;
2218
2010
  height: 3.2rem;
2219
2011
  font-size: 3.2rem; }
2220
- .cdr-rating--large\@md_11-3-1 .cdr-rating__count_11-3-1 {
2012
+ .cdr-rating--large\@md_12-0-0 .cdr-rating__count_12-0-0 {
2221
2013
  font-family: Graphik, "Helvetica Neue", sans-serif;
2222
2014
  font-style: normal;
2223
2015
  font-weight: 400;
@@ -2225,11 +2017,11 @@
2225
2017
  font-size: 1.6rem;
2226
2018
  line-height: 2.2rem; } }
2227
2019
  @media (min-width: 1232px) {
2228
- .cdr-rating--small\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2020
+ .cdr-rating--small\@lg_12-0-0 .cdr-rating__icon_12-0-0 {
2229
2021
  width: 1.6rem;
2230
2022
  height: 1.6rem;
2231
2023
  font-size: 1.6rem; }
2232
- .cdr-rating--small\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2024
+ .cdr-rating--small\@lg_12-0-0 .cdr-rating__count_12-0-0 {
2233
2025
  font-family: Graphik, "Helvetica Neue", sans-serif;
2234
2026
  font-style: normal;
2235
2027
  font-weight: 400;
@@ -2237,11 +2029,11 @@
2237
2029
  font-size: 1.2rem;
2238
2030
  line-height: 1.6rem;
2239
2031
  margin-left: 0.4rem; }
2240
- .cdr-rating--medium\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2032
+ .cdr-rating--medium\@lg_12-0-0 .cdr-rating__icon_12-0-0 {
2241
2033
  width: 2.4rem;
2242
2034
  height: 2.4rem;
2243
2035
  font-size: 2.4rem; }
2244
- .cdr-rating--medium\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2036
+ .cdr-rating--medium\@lg_12-0-0 .cdr-rating__count_12-0-0 {
2245
2037
  font-family: Graphik, "Helvetica Neue", sans-serif;
2246
2038
  font-style: normal;
2247
2039
  font-weight: 400;
@@ -2249,11 +2041,11 @@
2249
2041
  font-size: 1.4rem;
2250
2042
  line-height: 1.8rem;
2251
2043
  margin-left: 0.8rem; }
2252
- .cdr-rating--large\@lg_11-3-1 .cdr-rating__icon_11-3-1 {
2044
+ .cdr-rating--large\@lg_12-0-0 .cdr-rating__icon_12-0-0 {
2253
2045
  width: 3.2rem;
2254
2046
  height: 3.2rem;
2255
2047
  font-size: 3.2rem; }
2256
- .cdr-rating--large\@lg_11-3-1 .cdr-rating__count_11-3-1 {
2048
+ .cdr-rating--large\@lg_12-0-0 .cdr-rating__count_12-0-0 {
2257
2049
  font-family: Graphik, "Helvetica Neue", sans-serif;
2258
2050
  font-style: normal;
2259
2051
  font-weight: 400;
@@ -2261,236 +2053,68 @@
2261
2053
  font-size: 1.6rem;
2262
2054
  line-height: 2.2rem; } }
2263
2055
 
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
- /* 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 {
2399
- font-family: Graphik, "Helvetica Neue", sans-serif;
2400
- font-style: normal;
2401
- font-weight: inherit;
2402
- letter-spacing: -0.008rem;
2403
- font-size: 1.6rem;
2404
- line-height: 2.2rem;
2405
- border: none;
2406
- background-color: transparent;
2407
- display: block;
2408
- 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 {
2459
- font-family: Graphik, "Helvetica Neue", sans-serif;
2460
- font-style: normal;
2461
- font-weight: inherit;
2462
- letter-spacing: -0.008rem;
2463
- 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; }
2477
-
2478
- /* intentionally empty */
2479
- /* ==========================================================================
2480
- # CdrSelect
2481
-
2482
- All values should map to variables in
2483
- vars/CdrSelect.vars.pcss
2484
- in order to allow for theming
2485
-
2486
- TOC:
2487
-
2488
- :Base - Select
2489
- :States
2490
-
2491
- /* Style variants
2492
- ========================================================================== */
2493
- .cdr-select_11-3-1 {
2056
+ .cdr-image_12-0-0 {
2057
+ max-width: 100%;
2058
+ vertical-align: middle;
2059
+ border-style: none;
2060
+ /* Style variants
2061
+ ========================================================================== */
2062
+ /* responsive
2063
+ ========== */
2064
+ /* rounded
2065
+ ========== */
2066
+ /* circle
2067
+ ========== */ }
2068
+ .cdr-image--responsive_12-0-0 {
2069
+ display: block;
2070
+ height: auto;
2071
+ width: 100%; }
2072
+ .cdr-image--rounded_12-0-0 {
2073
+ border-radius: 0.4rem; }
2074
+ .cdr-image--circle_12-0-0 {
2075
+ border-radius: 999.9rem; }
2076
+ /* ==========================================================================
2077
+ # MEDIA FRAME
2078
+ ========================================================================== */
2079
+ .cdr-image-ratio_12-0-0 {
2080
+ position: relative;
2081
+ overflow: hidden; }
2082
+ .cdr-image-ratio_12-0-0::before {
2083
+ content: '';
2084
+ height: 0;
2085
+ display: block;
2086
+ padding-bottom: var(--ratio); }
2087
+ .cdr-image-ratio__cover_12-0-0 {
2088
+ position: absolute;
2089
+ top: 0;
2090
+ left: 0;
2091
+ height: 100%;
2092
+ width: 100%;
2093
+ -o-object-fit: contain;
2094
+ object-fit: contain; }
2095
+ .cdr-image-ratio__cover--crop_12-0-0 {
2096
+ -o-object-fit: none;
2097
+ object-fit: none; }
2098
+ .cdr-image-ratio__cover--cover_12-0-0 {
2099
+ -o-object-fit: cover;
2100
+ object-fit: cover; }
2101
+
2102
+ /* intentionally empty */
2103
+ /* ==========================================================================
2104
+ # CdrSelect
2105
+
2106
+ All values should map to variables in
2107
+ vars/CdrSelect.vars.pcss
2108
+ in order to allow for theming
2109
+
2110
+ TOC:
2111
+
2112
+ :Base - Select
2113
+ :States
2114
+
2115
+ /* Style variants
2116
+ ========================================================================== */
2117
+ .cdr-select_12-0-0 {
2494
2118
  font-family: Graphik, "Helvetica Neue", sans-serif;
2495
2119
  font-style: normal;
2496
2120
  font-weight: 400;
@@ -2528,34 +2152,34 @@
2528
2152
  /* @lg
2529
2153
  1200px and up
2530
2154
  ========== */ }
2531
- .cdr-select_11-3-1[disabled] {
2155
+ .cdr-select_12-0-0[disabled] {
2532
2156
  background-color: #f9f8f6;
2533
2157
  color: #d1cbbd;
2534
2158
  box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
2535
- .cdr-select_11-3-1[disabled]:hover {
2159
+ .cdr-select_12-0-0[disabled]:hover {
2536
2160
  box-shadow: inset 0 0 0 0.1rem #d1cbbd;
2537
2161
  cursor: not-allowed; }
2538
- .cdr-select_11-3-1:active, .cdr-select_11-3-1:focus {
2162
+ .cdr-select_12-0-0:active, .cdr-select_12-0-0:focus {
2539
2163
  box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
2540
2164
  outline: none; }
2541
- .cdr-select_11-3-1::-ms-expand {
2165
+ .cdr-select_12-0-0::-ms-expand {
2542
2166
  display: none; }
2543
- .cdr-select--primary_11-3-1 {
2167
+ .cdr-select--primary_12-0-0 {
2544
2168
  background-color: rgba(244, 242, 237, 0.15); }
2545
- .cdr-select--primary_11-3-1:active, .cdr-select--primary_11-3-1:focus {
2169
+ .cdr-select--primary_12-0-0:active, .cdr-select--primary_12-0-0:focus {
2546
2170
  background-color: #f9f8f6; }
2547
- .cdr-select--secondary_11-3-1 {
2171
+ .cdr-select--secondary_12-0-0 {
2548
2172
  background-color: rgba(255, 255, 255, 0.85); }
2549
- .cdr-select--secondary_11-3-1:active, .cdr-select--secondary_11-3-1:focus {
2173
+ .cdr-select--secondary_12-0-0:active, .cdr-select--secondary_12-0-0:focus {
2550
2174
  background-color: #ffffff; }
2551
- .cdr-select--error_11-3-1 {
2175
+ .cdr-select--error_12-0-0 {
2552
2176
  background-color: rgba(255, 242, 242, 0.75);
2553
2177
  box-shadow: inset 0 0 0 0.1rem #b33322; }
2554
- .cdr-select--preicon_11-3-1 {
2178
+ .cdr-select--preicon_12-0-0 {
2555
2179
  /* $input-pre-icon-default-width = 25px with the expectation that
2556
2180
  slot provided icon is close to that width */
2557
2181
  padding-left: 3.7rem; }
2558
- .cdr-select__prompt_11-3-1 {
2182
+ .cdr-select__prompt_12-0-0 {
2559
2183
  font-family: Graphik, "Helvetica Neue", sans-serif;
2560
2184
  font-style: normal;
2561
2185
  font-weight: 400;
@@ -2564,29 +2188,29 @@
2564
2188
  line-height: 2.2rem;
2565
2189
  font-style: normal;
2566
2190
  color: rgba(12, 11, 8, 0.75); }
2567
- .cdr-select__prompt_11-3-1[disabled] {
2191
+ .cdr-select__prompt_12-0-0[disabled] {
2568
2192
  color: #d1cbbd; }
2569
- .cdr-select__caret_11-3-1 {
2193
+ .cdr-select__caret_12-0-0 {
2570
2194
  fill: rgba(12, 11, 8, 0.75);
2571
2195
  position: absolute;
2572
2196
  top: 50%;
2573
2197
  right: 0.8rem;
2574
2198
  transform: translateY(-50%);
2575
2199
  pointer-events: none; }
2576
- .cdr-select__caret--disabled_11-3-1 {
2200
+ .cdr-select__caret--disabled_12-0-0 {
2577
2201
  fill: #dcd6cb; }
2578
- .cdr-select__pre-icon_11-3-1 {
2202
+ .cdr-select__pre-icon_12-0-0 {
2579
2203
  position: absolute;
2580
2204
  top: 50%;
2581
2205
  left: 0.8rem;
2582
2206
  transform: translateY(-50%); }
2583
- .cdr-select--multiple_11-3-1 {
2207
+ .cdr-select--multiple_12-0-0 {
2584
2208
  height: auto;
2585
2209
  padding: 0.8rem; }
2586
- .cdr-select--multiple_11-3-1 + .cdr-select__caret_11-3-1 {
2210
+ .cdr-select--multiple_12-0-0 + .cdr-select__caret_12-0-0 {
2587
2211
  display: none; }
2588
2212
  @media (min-width: 0) and (max-width: 767px) {
2589
- .cdr-select--large\@xs_11-3-1 {
2213
+ .cdr-select--large\@xs_12-0-0 {
2590
2214
  font-family: Graphik, "Helvetica Neue", sans-serif;
2591
2215
  font-style: normal;
2592
2216
  font-weight: 400;
@@ -2595,7 +2219,7 @@
2595
2219
  line-height: 2.4rem;
2596
2220
  height: 4.8rem;
2597
2221
  padding-left: 0.8rem; } }
2598
- .cdr-select--large_11-3-1 {
2222
+ .cdr-select--large_12-0-0 {
2599
2223
  font-family: Graphik, "Helvetica Neue", sans-serif;
2600
2224
  font-style: normal;
2601
2225
  font-weight: 400;
@@ -2605,7 +2229,7 @@
2605
2229
  height: 4.8rem;
2606
2230
  padding-left: 0.8rem; }
2607
2231
  @media (min-width: 768px) and (max-width: 991px) {
2608
- .cdr-select--large\@sm_11-3-1 {
2232
+ .cdr-select--large\@sm_12-0-0 {
2609
2233
  font-family: Graphik, "Helvetica Neue", sans-serif;
2610
2234
  font-style: normal;
2611
2235
  font-weight: 400;
@@ -2615,7 +2239,7 @@
2615
2239
  height: 4.8rem;
2616
2240
  padding-left: 0.8rem; } }
2617
2241
  @media (min-width: 992px) and (max-width: 1231px) {
2618
- .cdr-select--large\@md_11-3-1 {
2242
+ .cdr-select--large\@md_12-0-0 {
2619
2243
  font-family: Graphik, "Helvetica Neue", sans-serif;
2620
2244
  font-style: normal;
2621
2245
  font-weight: 400;
@@ -2625,7 +2249,7 @@
2625
2249
  height: 4.8rem;
2626
2250
  padding-left: 0.8rem; } }
2627
2251
  @media (min-width: 1232px) {
2628
- .cdr-select--large\@lg_11-3-1 {
2252
+ .cdr-select--large\@lg_12-0-0 {
2629
2253
  font-family: Graphik, "Helvetica Neue", sans-serif;
2630
2254
  font-style: normal;
2631
2255
  font-weight: 400;
@@ -2638,20 +2262,387 @@
2638
2262
  # SELECT WRAPPER
2639
2263
  ========================================================================== */
2640
2264
  /* Sets new origin for relative positioning of Select and Caret */
2641
- .cdr-select-wrap_11-3-1 {
2265
+ .cdr-select-wrap_12-0-0 {
2642
2266
  position: relative;
2643
2267
  flex: 1; }
2644
2268
 
2645
- .cdr-text_11-3-1 {
2269
+ /* intentionally empty */
2270
+ .cdr-tabs_12-0-0 {
2271
+ /* overflow-x: auto; */
2272
+ display: flex;
2273
+ flex-flow: column;
2274
+ height: 50rem;
2275
+ overflow-x: hidden;
2276
+ /* Compact
2277
+ ========== */
2278
+ /* No Border
2279
+ ========== */
2280
+ /* Full Width
2281
+ ========== */
2282
+ /* Centered
2283
+ ========== */ }
2284
+ .cdr-tabs_12-0-0 ::-webkit-scrollbar {
2285
+ -webkit-appearance: none;
2286
+ width: 0.7rem; }
2287
+ .cdr-tabs_12-0-0 ::-webkit-scrollbar-thumb {
2288
+ border-radius: 0.4rem;
2289
+ background-color: rgba(0, 0, 0, 0.5);
2290
+ -webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
2291
+ .cdr-tabs__header-container_12-0-0 {
2292
+ overflow-x: auto;
2293
+ border-bottom: 0.1rem solid #928b80;
2294
+ -webkit-overflow-scrolling: touch;
2295
+ -ms-overflow-style: -ms-autohiding-scrollbar; }
2296
+ .cdr-tabs__header-container_12-0-0::-webkit-scrollbar {
2297
+ width: 0 !important;
2298
+ height: 0 !important; }
2299
+ .cdr-tabs__gradient-container_12-0-0 {
2300
+ position: relative; }
2301
+ .cdr-tabs__gradient_12-0-0 {
2302
+ transition: opacity 0.2s ease;
2303
+ -webkit-transition: opacity 0.2s ease;
2304
+ position: absolute;
2305
+ z-index: 100;
2306
+ top: 0;
2307
+ bottom: 0;
2308
+ width: 4.8rem;
2309
+ pointer-events: none;
2310
+ opacity: 0; }
2311
+ .cdr-tabs__gradient--left_12-0-0 {
2312
+ left: 0; }
2313
+ .cdr-tabs__gradient--right_12-0-0 {
2314
+ right: 0; }
2315
+ .cdr-tabs__gradient--active_12-0-0 {
2316
+ opacity: 1; }
2317
+ .cdr-tabs__header_12-0-0 {
2318
+ display: flex;
2319
+ width: 100%;
2320
+ margin: 0;
2321
+ padding: 0;
2322
+ position: relative; }
2323
+ .cdr-tabs__header-item_12-0-0 {
2324
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2325
+ font-style: normal;
2326
+ font-weight: inherit;
2327
+ letter-spacing: -0.008rem;
2328
+ font-size: 1.6rem;
2329
+ line-height: 2.2rem;
2330
+ border: none;
2331
+ background-color: transparent;
2332
+ display: block;
2333
+ color: rgba(66, 59, 47, 0.75);
2334
+ font-weight: 300;
2335
+ text-decoration: none;
2336
+ padding: 1.2rem 0.8rem;
2337
+ white-space: nowrap;
2338
+ outline-offset: -0.3rem; }
2339
+ .cdr-tabs__header-item_12-0-0 + .cdr-tabs__header-item_12-0-0 {
2340
+ margin-left: 1.6rem; }
2341
+ .cdr-tabs__header-item-active_12-0-0 {
2342
+ color: rgba(12, 11, 8, 0.75);
2343
+ font-weight: 500; }
2344
+ .cdr-tabs__header-item_12-0-0::before {
2345
+ display: block;
2346
+ content: attr(js-name);
2347
+ font-weight: 500;
2348
+ height: 0;
2349
+ overflow: hidden;
2350
+ visibility: hidden; }
2351
+ .cdr-tabs__header-item_12-0-0:active, .cdr-tabs__header-item_12-0-0:hover, .cdr-tabs__header-item_12-0-0:focus {
2352
+ text-decoration: none;
2353
+ color: #406eb5; }
2354
+ .cdr-tabs__header-item--disabled_12-0-0 {
2355
+ border: none;
2356
+ background-color: transparent;
2357
+ color: #d1cbbd; }
2358
+ .cdr-tabs__header-item--disabled_12-0-0:active, .cdr-tabs__header-item--disabled_12-0-0:hover, .cdr-tabs__header-item--disabled_12-0-0:focus {
2359
+ color: #d1cbbd;
2360
+ cursor: not-allowed; }
2361
+ .cdr-tabs__underline_12-0-0 {
2362
+ z-index: 1;
2363
+ position: absolute;
2364
+ width: 3rem;
2365
+ margin: 0;
2366
+ height: 0.4rem;
2367
+ margin-top: -0.4rem;
2368
+ box-sizing: border-box;
2369
+ border: none;
2370
+ background-color: #406eb5;
2371
+ transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
2372
+ .cdr-tabs__content-container_12-0-0 {
2373
+ position: relative;
2374
+ flex: 1 1 auto;
2375
+ overflow-x: hidden;
2376
+ overflow-y: auto; }
2377
+ .cdr-tabs_12-0-0 .fade-enter-active_12-0-0,
2378
+ .cdr-tabs_12-0-0 .fade-leave-active_12-0-0 {
2379
+ opacity: 0.5s; }
2380
+ .cdr-tabs_12-0-0 .fade-enter_12-0-0,
2381
+ .cdr-tabs_12-0-0 .fade-leave-to_12-0-0 {
2382
+ opacity: 0; }
2383
+ .cdr-tabs--compact_12-0-0 .cdr-tabs__header-item-label_12-0-0, .cdr-tabs--small_12-0-0 .cdr-tabs__header-item-label_12-0-0 {
2384
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2385
+ font-style: normal;
2386
+ font-weight: inherit;
2387
+ letter-spacing: -0.008rem;
2388
+ font-size: 1.4rem;
2389
+ line-height: 1.8rem;
2390
+ padding: 0.6rem 1.2rem; }
2391
+ .cdr-tabs--compact_12-0-0 .cdr-tabs__header-item_12-0-0 + .cdr-tabs--compact_12-0-0 .cdr-tabs__header-item_12-0-0, .cdr-tabs--small_12-0-0 .cdr-tabs__header-item_12-0-0 + .cdr-tabs--compact_12-0-0 .cdr-tabs__header-item_12-0-0, .cdr-tabs--compact_12-0-0 .cdr-tabs__header-item_12-0-0 + .cdr-tabs--small_12-0-0 .cdr-tabs__header-item_12-0-0, .cdr-tabs--small_12-0-0 .cdr-tabs__header-item_12-0-0 + .cdr-tabs--small_12-0-0 .cdr-tabs__header-item_12-0-0 {
2392
+ margin-left: 0.8rem; }
2393
+ .cdr-tabs--no-border_12-0-0 .cdr-tabs__header_12-0-0,
2394
+ .cdr-tabs--no-border_12-0-0 .cdr-tabs__header-container_12-0-0 {
2395
+ border-bottom: 0.1rem solid transparent; }
2396
+ .cdr-tabs--full-width_12-0-0 .cdr-tabs__header-item_12-0-0 {
2397
+ flex-grow: 1; }
2398
+ .cdr-tabs--centered_12-0-0 .cdr-tabs__header-item_12-0-0:first-of-type {
2399
+ margin-left: auto; }
2400
+ .cdr-tabs--centered_12-0-0 .cdr-tabs__header-item_12-0-0:last-of-type {
2401
+ margin-right: auto; }
2402
+
2403
+ .cdr-tab-panel_12-0-0 {
2404
+ width: 100%;
2405
+ height: 100%;
2406
+ padding-top: 0.2rem; }
2407
+
2408
+ @-webkit-keyframes exit-left {
2409
+ from {
2410
+ transform: translateX(0);
2411
+ opacity: 1; }
2412
+ to {
2413
+ transform: translateX(-1rem);
2414
+ opacity: 0; } }
2415
+
2416
+ @keyframes exit-left {
2417
+ from {
2418
+ transform: translateX(0);
2419
+ opacity: 1; }
2420
+ to {
2421
+ transform: translateX(-1rem);
2422
+ opacity: 0; } }
2423
+
2424
+ @-webkit-keyframes exit-right {
2425
+ from {
2426
+ transform: translateX(0);
2427
+ opacity: 1; }
2428
+ to {
2429
+ transform: translateX(1rem);
2430
+ opacity: 0; } }
2431
+
2432
+ @keyframes exit-right {
2433
+ from {
2434
+ transform: translateX(0);
2435
+ opacity: 1; }
2436
+ to {
2437
+ transform: translateX(1rem);
2438
+ opacity: 0; } }
2439
+
2440
+ @-webkit-keyframes enter-left {
2441
+ from {
2442
+ transform: translateX(-1rem);
2443
+ opacity: 0; }
2444
+ to {
2445
+ transform: translateX(0);
2446
+ opacity: 1; } }
2447
+
2448
+ @keyframes enter-left {
2449
+ from {
2450
+ transform: translateX(-1rem);
2451
+ opacity: 0; }
2452
+ to {
2453
+ transform: translateX(0);
2454
+ opacity: 1; } }
2455
+
2456
+ @-webkit-keyframes enter-right {
2457
+ from {
2458
+ transform: translateX(1rem);
2459
+ opacity: 0; }
2460
+ to {
2461
+ transform: translateX(0);
2462
+ opacity: 1; } }
2463
+
2464
+ @keyframes enter-right {
2465
+ from {
2466
+ transform: translateX(1rem);
2467
+ opacity: 0; }
2468
+ to {
2469
+ transform: translateX(0);
2470
+ opacity: 1; } }
2471
+
2472
+ .cdr-tab-panel-enter-left_12-0-0 {
2473
+ -webkit-animation-duration: 0.2s;
2474
+ animation-duration: 0.2s;
2475
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2476
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2477
+
2478
+ .cdr-tab-panel-enter-left_12-0-0 {
2479
+ -webkit-animation-name: enter-left;
2480
+ animation-name: enter-left; }
2481
+
2482
+ .cdr-tab-panel-enter-right_12-0-0 {
2483
+ -webkit-animation-duration: 0.2s;
2484
+ animation-duration: 0.2s;
2485
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2486
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2487
+
2488
+ .cdr-tab-panel-enter-right_12-0-0 {
2489
+ -webkit-animation-name: enter-right;
2490
+ animation-name: enter-right; }
2491
+
2492
+ .cdr-tab-panel-exit-left_12-0-0 {
2493
+ -webkit-animation-duration: 0.2s;
2494
+ animation-duration: 0.2s;
2495
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2496
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2497
+
2498
+ .cdr-tab-panel-exit-left_12-0-0 {
2499
+ -webkit-animation-name: exit-left;
2500
+ animation-name: exit-left; }
2501
+
2502
+ .cdr-tab-panel-exit-right_12-0-0 {
2503
+ -webkit-animation-duration: 0.2s;
2504
+ animation-duration: 0.2s;
2505
+ -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
2506
+ animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
2507
+
2508
+ .cdr-tab-panel-exit-right_12-0-0 {
2509
+ -webkit-animation-name: exit-right;
2510
+ animation-name: exit-right; }
2511
+
2512
+ /* intentionally empty */
2513
+ .cdr-radio_12-0-0 {
2514
+ /* Figure
2515
+ ========== */
2516
+ /* States
2517
+ ========================================================================== */
2518
+ /* Checked
2519
+ ========== */ }
2520
+ .cdr-radio_12-0-0 .cdr-label-wrapper__figure_12-0-0 {
2521
+ border-radius: 100%; }
2522
+ .cdr-radio_12-0-0 .cdr-label-wrapper__figure_12-0-0::after {
2523
+ content: '';
2524
+ position: absolute;
2525
+ width: 0.4rem;
2526
+ height: 0.4rem;
2527
+ left: 50%;
2528
+ top: 50%;
2529
+ transform: translate(-50%, -50%);
2530
+ border-radius: 999.9rem; }
2531
+ .cdr-radio__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-0 {
2532
+ box-shadow: inset 0 0 0 0.1rem #4e4d49;
2533
+ background-color: #4e4d49; }
2534
+ .cdr-radio__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-0::after {
2535
+ background-color: #ffffff; }
2536
+ .cdr-radio_12-0-0:hover .cdr-label-wrapper__figure_12-0-0 {
2537
+ cursor: pointer;
2538
+ box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
2539
+ background-color: #f9f8f6; }
2540
+ .cdr-radio_12-0-0:hover .cdr-radio__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-0 {
2541
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
2542
+ background-color: #928b80; }
2543
+ .cdr-radio__input_12-0-0:disabled {
2544
+ /* Disabled + Checked
2545
+ ========== */ }
2546
+ .cdr-radio__input_12-0-0:disabled ~ .cdr-label-wrapper__figure_12-0-0 {
2547
+ cursor: not-allowed !important;
2548
+ box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
2549
+ background-color: #f9f8f6 !important; }
2550
+ .cdr-radio__input_12-0-0:disabled ~ .cdr-label-wrapper__figure_12-0-0:after {
2551
+ background-color: #f9f8f6 !important; }
2552
+ .cdr-radio__input_12-0-0:disabled:checked ~ .cdr-label-wrapper__figure_12-0-0::after {
2553
+ background-color: #f9f8f6 !important; }
2554
+ .cdr-radio__input_12-0-0:focus ~ .cdr-label-wrapper__figure_12-0-0 {
2555
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
2556
+ background-color: #f9f8f6; }
2557
+ .cdr-radio__input_12-0-0:focus:checked ~ .cdr-label-wrapper__figure_12-0-0 {
2558
+ background-color: #928b80; }
2559
+ .cdr-radio_12-0-0:active .cdr-label-wrapper__figure_12-0-0, .cdr-radio_12-0-0:active .cdr-radio__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-0 {
2560
+ box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
2561
+ background-color: #f9f8f6; }
2562
+ .cdr-radio_12-0-0:active .cdr-label-wrapper__figure_12-0-0::after, .cdr-radio_12-0-0:active .cdr-radio__input_12-0-0:checked ~ .cdr-label-wrapper__figure_12-0-0::after {
2563
+ background-color: #4e4d49; }
2564
+
2565
+ .cdr-table_12-0-0 {
2646
2566
  font-family: Graphik, "Helvetica Neue", sans-serif;
2647
2567
  font-style: normal;
2648
2568
  font-weight: 400;
2649
2569
  letter-spacing: -0.016rem;
2650
- font-size: 1.6rem;
2651
- line-height: 2.2rem;
2652
- margin: 0; }
2570
+ font-size: 1.4rem;
2571
+ line-height: 1.8rem;
2572
+ color: rgba(12, 11, 8, 0.75);
2573
+ border: none;
2574
+ border-collapse: collapse; }
2575
+ .cdr-table_12-0-0 tr {
2576
+ background-color: #ffffff; }
2577
+ .cdr-table_12-0-0 thead tr {
2578
+ background-color: #f4f2ed; }
2579
+ .cdr-table_12-0-0 th,
2580
+ .cdr-table_12-0-0 td {
2581
+ color: rgba(12, 11, 8, 0.75);
2582
+ padding: 0.8rem 1.6rem;
2583
+ text-align: left; }
2584
+ .cdr-table_12-0-0 th {
2585
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2586
+ font-style: normal;
2587
+ font-weight: 600;
2588
+ letter-spacing: -0.008rem;
2589
+ font-size: 1.4rem;
2590
+ line-height: 1.8rem; }
2591
+ .cdr-table_12-0-0 caption {
2592
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2593
+ font-style: normal;
2594
+ font-weight: 600;
2595
+ letter-spacing: -0.008rem;
2596
+ font-size: 1.6rem;
2597
+ line-height: 2.2rem;
2598
+ text-align: left;
2599
+ margin-bottom: 0.8rem; }
2600
+ .cdr-table--small_12-0-0 th, .cdr-table--small_12-0-0 td {
2601
+ padding: 0.4rem 1.6rem; }
2602
+ .cdr-table--medium_12-0-0 th, .cdr-table--medium_12-0-0 td {
2603
+ padding: 0.8rem 1.6rem; }
2604
+ .cdr-table--large_12-0-0 th, .cdr-table--large_12-0-0 td {
2605
+ padding: 1.6rem; }
2606
+ .cdr-table--striped_12-0-0 tr:nth-child(odd) {
2607
+ background-color: #f9f8f6; }
2608
+ .cdr-table--striped_12-0-0 thead + tbody tr:nth-child(even) {
2609
+ background-color: #f9f8f6; }
2610
+ .cdr-table--striped_12-0-0 thead + tbody tr:nth-child(odd) {
2611
+ background-color: #ffffff; }
2612
+ .cdr-table--striped_12-0-0 tbody tr:nth-child(odd),
2613
+ .cdr-table--striped_12-0-0 tfoot tr:nth-child(odd) {
2614
+ background-color: #f9f8f6; }
2615
+ .cdr-table--border_12-0-0 tr + tr > * {
2616
+ border-top: 0.1rem solid #dcd6cb; }
2617
+ .cdr-table--border_12-0-0 thead tr + tr > * {
2618
+ border-top: 0.1rem solid #928b80; }
2619
+ .cdr-table--border_12-0-0 tbody tr + tr > *, .cdr-table--border_12-0-0 tfoot tr + tr > * {
2620
+ border-top: 0.1rem solid #dcd6cb; }
2621
+ .cdr-table--border_12-0-0 thead + tbody,
2622
+ .cdr-table--border_12-0-0 tbody + tfoot {
2623
+ border-top: 0.1rem solid #dcd6cb; }
2624
+ .cdr-table--full-width_12-0-0 {
2625
+ width: 100%; }
2626
+ .cdr-table--responsive_12-0-0 {
2627
+ display: block;
2628
+ width: 100%;
2629
+ overflow-x: auto; }
2630
+ .cdr-table--hover_12-0-0 tr:hover > * {
2631
+ background-color: #f4f2ed; }
2632
+ @media (min-width: 0) and (max-width: 767px) {
2633
+ .cdr-table--full-width\@xs_12-0-0 {
2634
+ width: 100%; } }
2635
+ @media (min-width: 768px) and (max-width: 991px) {
2636
+ .cdr-table--full-width\@sm_12-0-0 {
2637
+ width: 100%; } }
2638
+ @media (min-width: 992px) and (max-width: 1231px) {
2639
+ .cdr-table--full-width\@md_12-0-0 {
2640
+ width: 100%; } }
2641
+ @media (min-width: 1232px) {
2642
+ .cdr-table--full-width\@lg_12-0-0 {
2643
+ width: 100%; } }
2653
2644
 
2654
- .cdr-toast_11-3-1 {
2645
+ .cdr-toast_12-0-0 {
2655
2646
  position: relative;
2656
2647
  border-left: 0.4rem solid;
2657
2648
  box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
@@ -2663,122 +2654,122 @@
2663
2654
  font-size: 1.4rem;
2664
2655
  line-height: 1.8rem; }
2665
2656
  @media (min-width: 768px) {
2666
- .cdr-toast_11-3-1 {
2657
+ .cdr-toast_12-0-0 {
2667
2658
  width: 39rem; } }
2668
- .cdr-toast__transition--toast-enter_11-3-1 {
2659
+ .cdr-toast__transition--toast-enter_12-0-0 {
2669
2660
  opacity: 0;
2670
2661
  transform: translateX(2.4rem); }
2671
- .cdr-toast__transition--toast-enter-active_11-3-1 {
2662
+ .cdr-toast__transition--toast-enter-active_12-0-0 {
2672
2663
  transition: all 0.5s cubic-bezier(0.32, 0.94, 0.6, 1); }
2673
- .cdr-toast__transition--toast-leave-to_11-3-1 {
2664
+ .cdr-toast__transition--toast-leave-to_12-0-0 {
2674
2665
  opacity: 0; }
2675
- .cdr-toast__transition--toast-leave-active_11-3-1 {
2666
+ .cdr-toast__transition--toast-leave-active_12-0-0 {
2676
2667
  transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
2677
- .cdr-toast__main_11-3-1 {
2668
+ .cdr-toast__main_12-0-0 {
2678
2669
  display: grid;
2679
2670
  grid-template-columns: auto 1fr auto;
2680
2671
  grid-template-areas: "icon-left message close-button"; }
2681
- .cdr-toast__icon-left_11-3-1 {
2672
+ .cdr-toast__icon-left_12-0-0 {
2682
2673
  width: 3.2rem;
2683
2674
  grid-area: icon-left;
2684
2675
  display: inherit;
2685
2676
  align-items: center;
2686
2677
  justify-items: center; }
2687
- .cdr-toast__icon-left_11-3-1 svg {
2678
+ .cdr-toast__icon-left_12-0-0 svg {
2688
2679
  max-height: 2.2rem;
2689
2680
  max-width: 2.2rem;
2690
2681
  stroke: white;
2691
2682
  stroke-width: 0.4rem;
2692
2683
  paint-order: stroke fill;
2693
2684
  margin: 0.4rem; }
2694
- .cdr-toast__message_11-3-1 {
2685
+ .cdr-toast__message_12-0-0 {
2695
2686
  display: inherit;
2696
2687
  align-items: center;
2697
2688
  grid-area: message;
2698
2689
  padding: 0.7rem; }
2699
- .cdr-toast__close-button_11-3-1 {
2690
+ .cdr-toast__close-button_12-0-0 {
2700
2691
  display: inherit;
2701
2692
  align-content: center;
2702
2693
  grid-area: close-button;
2703
2694
  max-height: 3.2rem; }
2704
- .cdr-toast__close-button_11-3-1 svg {
2695
+ .cdr-toast__close-button_12-0-0 svg {
2705
2696
  height: 2.2rem;
2706
2697
  width: 2.2rem;
2707
2698
  fill: rgba(3, 3, 1, 0.9) !important; }
2708
- .cdr-toast--default_11-3-1 {
2699
+ .cdr-toast--default_12-0-0 {
2709
2700
  border-left-color: #726d64; }
2710
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 {
2701
+ .cdr-toast--default_12-0-0 .cdr-toast__main_12-0-0 {
2711
2702
  background-color: #f9f8f6;
2712
2703
  border-top: 0.1rem solid;
2713
2704
  border-right: 0.1rem solid;
2714
2705
  border-bottom: 0.1rem solid;
2715
2706
  border-color: #e8e0ce; }
2716
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2707
+ .cdr-toast--default_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 {
2717
2708
  background-color: #e8e0ce; }
2718
- .cdr-toast--default_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2709
+ .cdr-toast--default_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 svg {
2719
2710
  fill: #726d64; }
2720
- .cdr-toast--info_11-3-1 {
2711
+ .cdr-toast--info_12-0-0 {
2721
2712
  border-left-color: #408e86; }
2722
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 {
2713
+ .cdr-toast--info_12-0-0 .cdr-toast__main_12-0-0 {
2723
2714
  background-color: #edf4f5;
2724
2715
  border-top: 0.1rem solid;
2725
2716
  border-right: 0.1rem solid;
2726
2717
  border-bottom: 0.1rem solid;
2727
2718
  border-color: #c2d8db; }
2728
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2719
+ .cdr-toast--info_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 {
2729
2720
  background-color: #c2d8db; }
2730
- .cdr-toast--info_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2721
+ .cdr-toast--info_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 svg {
2731
2722
  fill: #408e86; }
2732
- .cdr-toast--warning_11-3-1 {
2723
+ .cdr-toast--warning_12-0-0 {
2733
2724
  border-left-color: #b68b37; }
2734
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 {
2725
+ .cdr-toast--warning_12-0-0 .cdr-toast__main_12-0-0 {
2735
2726
  background-color: #fefcf1;
2736
2727
  border-top: 0.1rem solid;
2737
2728
  border-right: 0.1rem solid;
2738
2729
  border-bottom: 0.1rem solid;
2739
2730
  border-color: #f5e9b7; }
2740
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2731
+ .cdr-toast--warning_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 {
2741
2732
  background-color: #f5e9b7; }
2742
- .cdr-toast--warning_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2733
+ .cdr-toast--warning_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 svg {
2743
2734
  fill: #b68b37; }
2744
- .cdr-toast--success_11-3-1 {
2735
+ .cdr-toast--success_12-0-0 {
2745
2736
  border-left-color: #3b8349; }
2746
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 {
2737
+ .cdr-toast--success_12-0-0 .cdr-toast__main_12-0-0 {
2747
2738
  background-color: #f4fbf5;
2748
2739
  border-top: 0.1rem solid;
2749
2740
  border-right: 0.1rem solid;
2750
2741
  border-bottom: 0.1rem solid;
2751
2742
  border-color: #d5e6cb; }
2752
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2743
+ .cdr-toast--success_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 {
2753
2744
  background-color: #d5e6cb; }
2754
- .cdr-toast--success_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2745
+ .cdr-toast--success_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 svg {
2755
2746
  fill: #3b8349; }
2756
- .cdr-toast--error_11-3-1 {
2747
+ .cdr-toast--error_12-0-0 {
2757
2748
  border-left-color: #bb4045; }
2758
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 {
2749
+ .cdr-toast--error_12-0-0 .cdr-toast__main_12-0-0 {
2759
2750
  background-color: #fdf7f7;
2760
2751
  border-top: 0.1rem solid;
2761
2752
  border-right: 0.1rem solid;
2762
2753
  border-bottom: 0.1rem solid;
2763
2754
  border-color: #eecbc1; }
2764
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 svg {
2755
+ .cdr-toast--error_12-0-0 .cdr-toast__main_12-0-0 svg {
2765
2756
  fill: #bb4045; }
2766
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 {
2757
+ .cdr-toast--error_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 {
2767
2758
  background-color: #eecbc1; }
2768
- .cdr-toast--error_11-3-1 .cdr-toast__main_11-3-1 .cdr-toast__icon-left_11-3-1 svg {
2759
+ .cdr-toast--error_12-0-0 .cdr-toast__main_12-0-0 .cdr-toast__icon-left_12-0-0 svg {
2769
2760
  fill: #bb4045; }
2770
2761
 
2771
2762
  /* intentionally empty */
2772
- .cdr-tooltip--position_11-3-1 {
2763
+ .cdr-tooltip--position_12-0-0 {
2773
2764
  position: relative; }
2774
- .cdr-tooltip--wrapper_11-3-1 {
2765
+ .cdr-tooltip--wrapper_12-0-0 {
2775
2766
  width: -webkit-max-content;
2776
2767
  width: -moz-max-content;
2777
2768
  width: max-content;
2778
2769
  height: -webkit-max-content;
2779
2770
  height: -moz-max-content;
2780
2771
  height: max-content; }
2781
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--closed_11-3-1 {
2772
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--closed_12-0-0 {
2782
2773
  position: absolute;
2783
2774
  width: 0.1rem;
2784
2775
  height: 0.1rem;
@@ -2787,7 +2778,7 @@
2787
2778
  overflow: hidden;
2788
2779
  clip: rect(0, 0, 0, 0);
2789
2780
  border: 0; }
2790
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup__content_11-3-1 {
2781
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup__content_12-0-0 {
2791
2782
  font-family: Graphik, "Helvetica Neue", sans-serif;
2792
2783
  font-style: normal;
2793
2784
  font-weight: 600;
@@ -2798,24 +2789,107 @@
2798
2789
  color: #f9f8f6;
2799
2790
  border: 0.1rem solid #f9f8f6;
2800
2791
  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 {
2792
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::before {
2802
2793
  border-bottom-color: #f9f8f6; }
2803
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
2794
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::after {
2804
2795
  border-bottom-color: #373734; }
2805
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before {
2796
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::before {
2806
2797
  border-top-color: #f9f8f6; }
2807
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after {
2798
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::after {
2808
2799
  border-top-color: #373734; }
2809
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before {
2800
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::before {
2810
2801
  border-right-color: #f9f8f6; }
2811
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
2802
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::after {
2812
2803
  border-right-color: #373734; }
2813
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before {
2804
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::before {
2814
2805
  border-left-color: #f9f8f6; }
2815
- .cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after {
2806
+ .cdr-tooltip--wrapper_12-0-0 .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::after {
2816
2807
  border-left-color: #373734; }
2817
2808
 
2818
- .cdr-modal_11-3-1 {
2809
+ .cdr-text_12-0-0 {
2810
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2811
+ font-style: normal;
2812
+ font-weight: 400;
2813
+ letter-spacing: -0.016rem;
2814
+ font-size: 1.6rem;
2815
+ line-height: 2.2rem;
2816
+ margin: 0; }
2817
+
2818
+ /* intentionally empty */
2819
+ .cdr-pagination_12-0-0 {
2820
+ display: flex;
2821
+ justify-content: center;
2822
+ align-items: center;
2823
+ list-style: none;
2824
+ padding: 0;
2825
+ /* Responsive */ }
2826
+ .cdr-pagination__li--links_12-0-0 {
2827
+ display: none; }
2828
+ .cdr-pagination__li--links_12-0-0 + .cdr-pagination__li--links_12-0-0 {
2829
+ margin-left: 0.4rem; }
2830
+ .cdr-pagination__li--select_12-0-0 {
2831
+ display: block; }
2832
+ .cdr-pagination__link_12-0-0 {
2833
+ font-family: Graphik, "Helvetica Neue", sans-serif;
2834
+ font-style: normal;
2835
+ font-weight: 400;
2836
+ letter-spacing: -0.016rem;
2837
+ font-size: 1.6rem;
2838
+ line-height: 2.2rem;
2839
+ background-color: transparent;
2840
+ border: none;
2841
+ padding: 0;
2842
+ color: rgba(12, 11, 8, 0.75);
2843
+ fill: rgba(12, 11, 8, 0.75);
2844
+ display: block;
2845
+ padding: 0.6rem 1.2rem;
2846
+ text-decoration: none;
2847
+ border-radius: 0.4rem; }
2848
+ .cdr-pagination__link_12-0-0:hover, .cdr-pagination__link_12-0-0:focus, .cdr-pagination__link_12-0-0:active {
2849
+ background-color: #f9f8f6;
2850
+ cursor: pointer; }
2851
+ .cdr-pagination__link_12-0-0.current {
2852
+ position: relative; }
2853
+ .cdr-pagination__link_12-0-0.current:after {
2854
+ content: '';
2855
+ position: absolute;
2856
+ bottom: 0;
2857
+ left: 50%;
2858
+ transform: translateX(-50%);
2859
+ height: 0.2rem;
2860
+ width: 80%;
2861
+ background-color: #406eb5; }
2862
+ .cdr-pagination__link_12-0-0.current:hover, .cdr-pagination__link_12-0-0.current:focus, .cdr-pagination__link_12-0-0.current:active {
2863
+ text-decoration: none; }
2864
+ .cdr-pagination__link_12-0-0.cdr-pagination__link--disabled_12-0-0 {
2865
+ color: #d1cbbd;
2866
+ fill: #d1cbbd;
2867
+ cursor: not-allowed; }
2868
+ .cdr-pagination__link_12-0-0.cdr-pagination__link--disabled_12-0-0:hover, .cdr-pagination__link_12-0-0.cdr-pagination__link--disabled_12-0-0:focus, .cdr-pagination__link_12-0-0.cdr-pagination__link--disabled_12-0-0:active {
2869
+ color: #d1cbbd;
2870
+ background-color: transparent; }
2871
+ .cdr-pagination__ellipse_12-0-0 {
2872
+ display: block;
2873
+ padding: 0.6rem 1.2rem; }
2874
+ .cdr-pagination__prev_12-0-0 {
2875
+ display: flex;
2876
+ align-items: center;
2877
+ margin-right: 1.6rem; }
2878
+ .cdr-pagination__next_12-0-0 {
2879
+ display: flex;
2880
+ align-items: center;
2881
+ margin-left: 1.6rem; }
2882
+ .cdr-pagination__caret--prev_12-0-0 {
2883
+ margin-right: 0.2rem; }
2884
+ .cdr-pagination__caret--next_12-0-0 {
2885
+ margin-left: 0.2rem; }
2886
+ @media (min-width: 768px) {
2887
+ .cdr-pagination__li--links_12-0-0 {
2888
+ display: block; }
2889
+ .cdr-pagination__li--select_12-0-0 {
2890
+ display: none; } }
2891
+
2892
+ .cdr-modal_12-0-0 {
2819
2893
  bottom: 0;
2820
2894
  height: 100%;
2821
2895
  left: 0;
@@ -2826,9 +2900,9 @@
2826
2900
  visibility: visible;
2827
2901
  z-index: 1000; }
2828
2902
  @supports (-webkit-touch-callout: none) {
2829
- .cdr-modal_11-3-1 * {
2903
+ .cdr-modal_12-0-0 * {
2830
2904
  will-change: transform; } }
2831
- .cdr-modal__overlay_11-3-1 {
2905
+ .cdr-modal__overlay_12-0-0 {
2832
2906
  background-color: rgba(244, 242, 237, 0.85);
2833
2907
  -webkit-backdrop-filter: blur(1.6rem);
2834
2908
  backdrop-filter: blur(1.6rem);
@@ -2840,13 +2914,13 @@
2840
2914
  top: 0;
2841
2915
  transition: opacity 150ms;
2842
2916
  z-index: 0; }
2843
- .cdr-modal__outerWrap_11-3-1 {
2917
+ .cdr-modal__outerWrap_12-0-0 {
2844
2918
  display: flex;
2845
2919
  box-sizing: border-box;
2846
2920
  min-height: 100%;
2847
2921
  position: static;
2848
2922
  z-index: -1; }
2849
- .cdr-modal__contentWrap_11-3-1 {
2923
+ .cdr-modal__contentWrap_12-0-0 {
2850
2924
  align-items: flex-start;
2851
2925
  background-color: #ffffff;
2852
2926
  display: flex;
@@ -2861,19 +2935,19 @@
2861
2935
  transition: opacity 150ms 150ms;
2862
2936
  width: 100%;
2863
2937
  z-index: 0; }
2864
- .cdr-modal__contentWrap_11-3-1:focus {
2938
+ .cdr-modal__contentWrap_12-0-0:focus {
2865
2939
  outline: 0; }
2866
- .cdr-modal__innerWrap_11-3-1 {
2940
+ .cdr-modal__innerWrap_12-0-0 {
2867
2941
  width: 100%;
2868
2942
  padding: 1.6rem; }
2869
- .cdr-modal__dialog_11-3-1 {
2943
+ .cdr-modal__dialog_12-0-0 {
2870
2944
  width: 100%; }
2871
- .cdr-modal__content_11-3-1 {
2945
+ .cdr-modal__content_12-0-0 {
2872
2946
  position: relative; }
2873
- .cdr-modal__header_11-3-1 {
2947
+ .cdr-modal__header_12-0-0 {
2874
2948
  display: flex;
2875
2949
  padding-bottom: 1.6rem; }
2876
- .cdr-modal__title_11-3-1 {
2950
+ .cdr-modal__title_12-0-0 {
2877
2951
  flex: auto;
2878
2952
  font-family: Stuart, Georgia, serif;
2879
2953
  font-style: normal;
@@ -2881,7 +2955,7 @@
2881
2955
  letter-spacing: 0;
2882
2956
  font-size: 2.4rem;
2883
2957
  line-height: 3rem; }
2884
- .cdr-modal__close-button_11-3-1 {
2958
+ .cdr-modal__close-button_12-0-0 {
2885
2959
  align-self: flex-start;
2886
2960
  border: 0.1rem solid #928b80;
2887
2961
  flex: none;
@@ -2890,20 +2964,20 @@
2890
2964
  position: relative;
2891
2965
  top: -0.2rem;
2892
2966
  right: -0.4rem; }
2893
- .cdr-modal__close-button_11-3-1:hover, .cdr-modal__close-button_11-3-1:focus {
2967
+ .cdr-modal__close-button_12-0-0:hover, .cdr-modal__close-button_12-0-0:focus {
2894
2968
  border: 0.1rem solid #928b80; }
2895
- .cdr-modal__text_11-3-1 {
2969
+ .cdr-modal__text_12-0-0 {
2896
2970
  padding: 0;
2897
2971
  position: relative; }
2898
- .cdr-modal__text-content_11-3-1 {
2972
+ .cdr-modal__text-content_12-0-0 {
2899
2973
  overflow: auto;
2900
2974
  position: relative; }
2901
2975
  @media (min-width: 768px) {
2902
- .cdr-modal__outerWrap_11-3-1 {
2976
+ .cdr-modal__outerWrap_12-0-0 {
2903
2977
  padding: 1.6rem; }
2904
- .cdr-modal__innerWrap_11-3-1 {
2978
+ .cdr-modal__innerWrap_12-0-0 {
2905
2979
  padding: 2.4rem; }
2906
- .cdr-modal__contentWrap_11-3-1 {
2980
+ .cdr-modal__contentWrap_12-0-0 {
2907
2981
  border-radius: 0.4rem;
2908
2982
  box-shadow: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
2909
2983
  min-height: auto;
@@ -2911,101 +2985,27 @@
2911
2985
  top: auto;
2912
2986
  left: auto;
2913
2987
  right: auto; }
2914
- .cdr-modal__dialog_11-3-1 {
2988
+ .cdr-modal__dialog_12-0-0 {
2915
2989
  max-width: 64rem; }
2916
- .cdr-modal__close-button_11-3-1 {
2990
+ .cdr-modal__close-button_12-0-0 {
2917
2991
  margin-left: 1.2rem;
2918
2992
  right: -0.8rem;
2919
2993
  top: -0.5rem; } }
2920
- .closed_11-3-1 {
2994
+ .closed_12-0-0 {
2921
2995
  transition: z-index 0s 300ms, visibility 0s 300ms;
2922
2996
  visibility: hidden;
2923
2997
  z-index: -1; }
2924
- .closed_11-3-1 .cdr-modal__overlay_11-3-1 {
2998
+ .closed_12-0-0 .cdr-modal__overlay_12-0-0 {
2925
2999
  opacity: 0;
2926
3000
  transition: opacity 150ms 150ms; }
2927
- .closed_11-3-1 .cdr-modal__contentWrap_11-3-1 {
3001
+ .closed_12-0-0 .cdr-modal__contentWrap_12-0-0 {
2928
3002
  opacity: 0;
2929
3003
  transition: opacity 150ms; }
2930
- .cdr-modal__noscroll_11-3-1 {
3004
+ .cdr-modal__noscroll_12-0-0 {
2931
3005
  overflow: hidden !important;
2932
3006
  position: fixed !important;
2933
3007
  width: 100%; }
2934
3008
 
2935
- /* intentionally empty */
2936
- .cdr-pagination_11-3-1 {
2937
- display: flex;
2938
- justify-content: center;
2939
- align-items: center;
2940
- list-style: none;
2941
- padding: 0;
2942
- /* Responsive */ }
2943
- .cdr-pagination__li--links_11-3-1 {
2944
- display: none; }
2945
- .cdr-pagination__li--links_11-3-1 + .cdr-pagination__li--links_11-3-1 {
2946
- margin-left: 0.4rem; }
2947
- .cdr-pagination__li--select_11-3-1 {
2948
- display: block; }
2949
- .cdr-pagination__link_11-3-1 {
2950
- font-family: Graphik, "Helvetica Neue", sans-serif;
2951
- font-style: normal;
2952
- font-weight: 400;
2953
- letter-spacing: -0.016rem;
2954
- font-size: 1.6rem;
2955
- line-height: 2.2rem;
2956
- background-color: transparent;
2957
- border: none;
2958
- padding: 0;
2959
- color: rgba(12, 11, 8, 0.75);
2960
- fill: rgba(12, 11, 8, 0.75);
2961
- display: block;
2962
- padding: 0.6rem 1.2rem;
2963
- text-decoration: none;
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 {
2966
- background-color: #f9f8f6;
2967
- cursor: pointer; }
2968
- .cdr-pagination__link_11-3-1.current {
2969
- position: relative; }
2970
- .cdr-pagination__link_11-3-1.current:after {
2971
- content: '';
2972
- position: absolute;
2973
- bottom: 0;
2974
- left: 50%;
2975
- transform: translateX(-50%);
2976
- height: 0.2rem;
2977
- width: 80%;
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 {
2980
- text-decoration: none; }
2981
- .cdr-pagination__link_11-3-1.cdr-pagination__link--disabled_11-3-1 {
2982
- color: #d1cbbd;
2983
- fill: #d1cbbd;
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 {
2986
- color: #d1cbbd;
2987
- background-color: transparent; }
2988
- .cdr-pagination__ellipse_11-3-1 {
2989
- display: block;
2990
- padding: 0.6rem 1.2rem; }
2991
- .cdr-pagination__prev_11-3-1 {
2992
- display: flex;
2993
- align-items: center;
2994
- margin-right: 1.6rem; }
2995
- .cdr-pagination__next_11-3-1 {
2996
- display: flex;
2997
- align-items: center;
2998
- margin-left: 1.6rem; }
2999
- .cdr-pagination__caret--prev_11-3-1 {
3000
- margin-right: 0.2rem; }
3001
- .cdr-pagination__caret--next_11-3-1 {
3002
- margin-left: 0.2rem; }
3003
- @media (min-width: 768px) {
3004
- .cdr-pagination__li--links_11-3-1 {
3005
- display: block; }
3006
- .cdr-pagination__li--select_11-3-1 {
3007
- display: none; } }
3008
-
3009
3009
  /* ==========================================================================
3010
3010
  # CdrIcon
3011
3011
 
@@ -3017,7 +3017,7 @@
3017
3017
 
3018
3018
  :Base Styles
3019
3019
  ========================================================================== */
3020
- .cdr-icon_11-3-1 {
3020
+ .cdr-icon_12-0-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 {
3040
3040
  width: 1.6rem;
3041
3041
  height: 1.6rem; }
3042
- .cdr-icon--large_11-3-1 {
3042
+ .cdr-icon--large_12-0-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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
3074
3074
  fill: inherit; }
3075
3075
 
3076
- .cdr-label-wrapper_11-3-1 {
3076
+ .cdr-label-wrapper_12-0-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 {
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 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: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: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:active {
3130
3130
  background-color: #edeae3; }
3131
- .cdr-label-wrapper--secondary_11-3-1 {
3131
+ .cdr-label-wrapper--secondary_12-0-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: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: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:active {
3139
3139
  background-color: #ffffff; }
3140
- .cdr-label-wrapper--disabled_11-3-1 {
3140
+ .cdr-label-wrapper--disabled_12-0-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:hover, .cdr-label-wrapper--disabled_12-0-0:focus-within, .cdr-label-wrapper--disabled_12-0-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 .cdr-label-wrapper__figure_12-0-0 {
3146
3146
  cursor: not-allowed !important; }
3147
- .cdr-label-wrapper__figure_11-3-1 {
3147
+ .cdr-label-wrapper__figure_12-0-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::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 {
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 {
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 > .cdr-label-wrapper__figure_12-0-0 {
3168
3168
  display: none; }
3169
- .cdr-label-wrapper--small_11-3-1 {
3169
+ .cdr-label-wrapper--small_12-0-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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-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 {
3370
3370
  font-family: Graphik, "Helvetica Neue", sans-serif;
3371
3371
  font-style: normal;
3372
3372
  font-weight: 400;
@@ -3374,89 +3374,13 @@
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 > .cdr-label-wrapper__figure_12-0-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 > .cdr-label-wrapper__figure_12-0-0::after {
3381
3381
  width: 0.5rem;
3382
3382
  height: 0.5rem; } }
3383
3383
 
3384
- .cdr-form-error_11-3-1 {
3385
- font-family: Graphik, "Helvetica Neue", sans-serif;
3386
- font-style: normal;
3387
- font-weight: 400;
3388
- letter-spacing: -0.016rem;
3389
- font-size: 1.6rem;
3390
- line-height: 2.2rem;
3391
- color: #b33322;
3392
- fill: #b33322;
3393
- margin-top: 0.4rem; }
3394
- .cdr-form-error__icon_11-3-1 {
3395
- margin-right: 0.4rem; }
3396
-
3397
- .cdr-label-standalone_11-3-1 {
3398
- display: grid;
3399
- grid-template-areas: "label label info" "input input input" "post post post"; }
3400
- .cdr-label-standalone__label-wrapper_11-3-1 {
3401
- grid-area: label; }
3402
- .cdr-label-standalone__label_11-3-1 {
3403
- font-family: Graphik, "Helvetica Neue", sans-serif;
3404
- font-style: normal;
3405
- font-weight: 400;
3406
- letter-spacing: -0.016rem;
3407
- font-size: 1.4rem;
3408
- line-height: 1.8rem;
3409
- color: rgba(12, 11, 8, 0.75);
3410
- margin: 0; }
3411
- .cdr-label-standalone__label--sr-only_11-3-1 {
3412
- position: absolute;
3413
- width: 0.1rem;
3414
- height: 0.1rem;
3415
- padding: 0;
3416
- margin: -0.1rem;
3417
- overflow: hidden;
3418
- clip: rect(0, 0, 0, 0);
3419
- border: 0; }
3420
- .cdr-label-standalone__label--disabled_11-3-1 {
3421
- color: #d1cbbd; }
3422
- .cdr-label-standalone__label--disabled_11-3-1 .cdr-label-standalone__optional_11-3-1 {
3423
- color: #d1cbbd; }
3424
- .cdr-label-standalone__optional_11-3-1 {
3425
- color: rgba(66, 59, 47, 0.75); }
3426
- .cdr-label-standalone__helper_11-3-1 {
3427
- font-family: Graphik, "Helvetica Neue", sans-serif;
3428
- font-style: normal;
3429
- font-weight: 400;
3430
- letter-spacing: -0.016rem;
3431
- font-size: 1.4rem;
3432
- line-height: 1.8rem;
3433
- color: rgba(66, 59, 47, 0.75);
3434
- margin-top: 0.2rem; }
3435
- .cdr-label-standalone__info_11-3-1 {
3436
- font-family: Graphik, "Helvetica Neue", sans-serif;
3437
- font-style: normal;
3438
- font-weight: 400;
3439
- letter-spacing: -0.016rem;
3440
- font-size: 1.4rem;
3441
- line-height: 1.8rem;
3442
- grid-area: info;
3443
- order: 2;
3444
- align-self: end;
3445
- justify-self: end; }
3446
- .cdr-label-standalone__post-content_11-3-1 {
3447
- grid-area: post; }
3448
- .cdr-label-standalone__info-action_11-3-1 {
3449
- display: flex;
3450
- justify-content: center;
3451
- align-items: center;
3452
- width: 4rem; }
3453
- .cdr-label-standalone__input-wrap_11-3-1 {
3454
- position: relative;
3455
- display: flex;
3456
- grid-area: input; }
3457
- .cdr-label-standalone__input-spacing_11-3-1 {
3458
- margin-top: 0.8rem; }
3459
-
3460
3384
  @-webkit-keyframes popup-exit-down {
3461
3385
  from {
3462
3386
  top: calc(100% + 1.4rem); }
@@ -3649,17 +3573,17 @@
3649
3573
  to {
3650
3574
  right: -1.5rem; } }
3651
3575
 
3652
- .cdr-popup_11-3-1 {
3576
+ .cdr-popup_12-0-0 {
3653
3577
  opacity: 0;
3654
3578
  transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
3655
3579
 
3656
- .cdr-popup--open_11-3-1 {
3580
+ .cdr-popup--open_12-0-0 {
3657
3581
  opacity: 1; }
3658
3582
 
3659
- .cdr-popup--closed_11-3-1 {
3583
+ .cdr-popup--closed_12-0-0 {
3660
3584
  opacity: 0; }
3661
3585
 
3662
- .cdr-popup__content_11-3-1 {
3586
+ .cdr-popup__content_12-0-0 {
3663
3587
  -webkit-animation-duration: 0.2s;
3664
3588
  animation-duration: 0.2s;
3665
3589
  -webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
@@ -3677,7 +3601,7 @@
3677
3601
  position: absolute;
3678
3602
  z-index: 100; }
3679
3603
 
3680
- .cdr-popup__arrow_11-3-1::before, .cdr-popup__arrow_11-3-1::after {
3604
+ .cdr-popup__arrow_12-0-0::before, .cdr-popup__arrow_12-0-0::after {
3681
3605
  content: '';
3682
3606
  position: absolute;
3683
3607
  margin: auto;
@@ -3693,134 +3617,210 @@
3693
3617
  animation-fill-mode: forwards;
3694
3618
  z-index: 100; }
3695
3619
 
3696
- .cdr-popup__arrow_11-3-1::before {
3620
+ .cdr-popup__arrow_12-0-0::before {
3697
3621
  border-width: 1rem; }
3698
3622
 
3699
- .cdr-popup__arrow_11-3-1::after {
3623
+ .cdr-popup__arrow_12-0-0::after {
3700
3624
  border-width: 0.9rem; }
3701
3625
 
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 {
3626
+ .cdr-popup--top_12-0-0 .cdr-popup__content_12-0-0, .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::after, .cdr-popup--bottom_12-0-0 .cdr-popup__content_12-0-0, .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::after {
3703
3627
  left: 50%;
3704
3628
  transform: translateX(-50%); }
3705
3629
 
3706
- .cdr-popup--bottom_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3630
+ .cdr-popup--bottom_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__content_12-0-0 {
3707
3631
  -webkit-animation-name: popup-enter-down;
3708
3632
  animation-name: popup-enter-down; }
3709
3633
 
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 {
3634
+ .cdr-popup--bottom_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--bottom_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::after {
3711
3635
  -webkit-animation-name: popup-arrow-enter-down;
3712
3636
  animation-name: popup-arrow-enter-down; }
3713
3637
 
3714
- .cdr-popup--bottom_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3638
+ .cdr-popup--bottom_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__content_12-0-0 {
3715
3639
  -webkit-animation-name: popup-exit-down;
3716
3640
  animation-name: popup-exit-down; }
3717
3641
 
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 {
3642
+ .cdr-popup--bottom_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--bottom_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::after {
3719
3643
  -webkit-animation-name: popup-arrow-exit-down;
3720
3644
  animation-name: popup-arrow-exit-down; }
3721
3645
 
3722
- .cdr-popup--bottom_11-3-1 .cdr-popup__content_11-3-1 {
3646
+ .cdr-popup--bottom_12-0-0 .cdr-popup__content_12-0-0 {
3723
3647
  top: calc(100% + 1.4rem); }
3724
3648
 
3725
- .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::before {
3649
+ .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::before {
3726
3650
  border-bottom-color: #928b80; }
3727
3651
 
3728
- .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
3652
+ .cdr-popup--bottom_12-0-0 .cdr-popup__arrow_12-0-0::after {
3729
3653
  border-bottom-color: #ffffff; }
3730
3654
 
3731
- .cdr-popup--top_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3655
+ .cdr-popup--top_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__content_12-0-0 {
3732
3656
  -webkit-animation-name: popup-enter-up;
3733
3657
  animation-name: popup-enter-up; }
3734
3658
 
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 {
3659
+ .cdr-popup--top_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--top_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::after {
3736
3660
  -webkit-animation-name: popup-arrow-enter-up;
3737
3661
  animation-name: popup-arrow-enter-up; }
3738
3662
 
3739
- .cdr-popup--top_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3663
+ .cdr-popup--top_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__content_12-0-0 {
3740
3664
  -webkit-animation-name: popup-exit-up;
3741
3665
  animation-name: popup-exit-up; }
3742
3666
 
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 {
3667
+ .cdr-popup--top_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--top_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::after {
3744
3668
  -webkit-animation-name: popup-arrow-exit-up;
3745
3669
  animation-name: popup-arrow-exit-up; }
3746
3670
 
3747
- .cdr-popup--top_11-3-1 .cdr-popup__content_11-3-1 {
3671
+ .cdr-popup--top_12-0-0 .cdr-popup__content_12-0-0 {
3748
3672
  bottom: calc(100% + 1.4rem); }
3749
3673
 
3750
- .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before {
3674
+ .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::before {
3751
3675
  border-top-color: #928b80; }
3752
3676
 
3753
- .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after {
3677
+ .cdr-popup--top_12-0-0 .cdr-popup__arrow_12-0-0::after {
3754
3678
  border-top-color: #ffffff; }
3755
3679
 
3756
- .cdr-popup--corner-left_11-3-1 .cdr-popup__content_11-3-1 {
3680
+ .cdr-popup--corner-left_12-0-0 .cdr-popup__content_12-0-0 {
3757
3681
  left: 0;
3758
3682
  transform: unset; }
3759
3683
 
3760
- .cdr-popup--corner-right_11-3-1 .cdr-popup__content_11-3-1 {
3684
+ .cdr-popup--corner-right_12-0-0 .cdr-popup__content_12-0-0 {
3761
3685
  left: unset;
3762
3686
  right: 0;
3763
3687
  transform: unset; }
3764
3688
 
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 {
3689
+ .cdr-popup--left_12-0-0 .cdr-popup__content_12-0-0, .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::after, .cdr-popup--right_12-0-0 .cdr-popup__content_12-0-0, .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::after {
3766
3690
  top: 50%;
3767
3691
  transform: translateY(-50%); }
3768
3692
 
3769
- .cdr-popup--left_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3693
+ .cdr-popup--left_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__content_12-0-0 {
3770
3694
  -webkit-animation-name: popup-enter-left;
3771
3695
  animation-name: popup-enter-left; }
3772
3696
 
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 {
3697
+ .cdr-popup--left_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--left_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::after {
3774
3698
  -webkit-animation-name: popup-arrow-enter-left;
3775
3699
  animation-name: popup-arrow-enter-left; }
3776
3700
 
3777
- .cdr-popup--left_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3701
+ .cdr-popup--left_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__content_12-0-0 {
3778
3702
  -webkit-animation-name: popup-exit-left;
3779
3703
  animation-name: popup-exit-left; }
3780
3704
 
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 {
3705
+ .cdr-popup--left_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--left_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::after {
3782
3706
  -webkit-animation-name: popup-arrow-exit-left;
3783
3707
  animation-name: popup-arrow-exit-left; }
3784
3708
 
3785
- .cdr-popup--left_11-3-1 .cdr-popup__content_11-3-1 {
3709
+ .cdr-popup--left_12-0-0 .cdr-popup__content_12-0-0 {
3786
3710
  right: calc(100% + 1.4rem); }
3787
3711
 
3788
- .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before {
3712
+ .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::before {
3789
3713
  border-left-color: #928b80; }
3790
3714
 
3791
- .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after {
3715
+ .cdr-popup--left_12-0-0 .cdr-popup__arrow_12-0-0::after {
3792
3716
  border-left-color: #ffffff; }
3793
3717
 
3794
- .cdr-popup--right_11-3-1.cdr-popup--open_11-3-1 .cdr-popup__content_11-3-1 {
3718
+ .cdr-popup--right_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__content_12-0-0 {
3795
3719
  -webkit-animation-name: popup-enter-right;
3796
3720
  animation-name: popup-enter-right; }
3797
3721
 
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 {
3722
+ .cdr-popup--right_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--right_12-0-0.cdr-popup--open_12-0-0 .cdr-popup__arrow_12-0-0::after {
3799
3723
  -webkit-animation-name: popup-arrow-enter-right;
3800
3724
  animation-name: popup-arrow-enter-right; }
3801
3725
 
3802
- .cdr-popup--right_11-3-1.cdr-popup--exit_11-3-1 .cdr-popup__content_11-3-1 {
3726
+ .cdr-popup--right_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__content_12-0-0 {
3803
3727
  -webkit-animation-name: popup-exit-right;
3804
3728
  animation-name: popup-exit-right; }
3805
3729
 
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 {
3730
+ .cdr-popup--right_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::before, .cdr-popup--right_12-0-0.cdr-popup--exit_12-0-0 .cdr-popup__arrow_12-0-0::after {
3807
3731
  -webkit-animation-name: popup-arrow-exit-right;
3808
3732
  animation-name: popup-arrow-exit-right; }
3809
3733
 
3810
- .cdr-popup--right_11-3-1 .cdr-popup__content_11-3-1 {
3734
+ .cdr-popup--right_12-0-0 .cdr-popup__content_12-0-0 {
3811
3735
  left: calc(100% + 1.4rem); }
3812
3736
 
3813
- .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before {
3737
+ .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::before {
3814
3738
  border-right-color: #928b80; }
3815
3739
 
3816
- .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
3740
+ .cdr-popup--right_12-0-0 .cdr-popup__arrow_12-0-0::after {
3817
3741
  border-right-color: #ffffff; }
3818
3742
 
3819
- .cdr-popup--corner-top_11-3-1 .cdr-popup__content_11-3-1 {
3743
+ .cdr-popup--corner-top_12-0-0 .cdr-popup__content_12-0-0 {
3820
3744
  top: 0;
3821
3745
  transform: unset; }
3822
3746
 
3823
- .cdr-popup--corner-bottom_11-3-1 .cdr-popup__content_11-3-1 {
3747
+ .cdr-popup--corner-bottom_12-0-0 .cdr-popup__content_12-0-0 {
3824
3748
  top: unset;
3825
3749
  bottom: 0;
3826
3750
  transform: unset; }
3751
+
3752
+ .cdr-form-error_12-0-0 {
3753
+ font-family: Graphik, "Helvetica Neue", sans-serif;
3754
+ font-style: normal;
3755
+ font-weight: 400;
3756
+ letter-spacing: -0.016rem;
3757
+ font-size: 1.6rem;
3758
+ line-height: 2.2rem;
3759
+ color: #b33322;
3760
+ fill: #b33322;
3761
+ margin-top: 0.4rem; }
3762
+ .cdr-form-error__icon_12-0-0 {
3763
+ margin-right: 0.4rem; }
3764
+
3765
+ .cdr-label-standalone_12-0-0 {
3766
+ display: grid;
3767
+ grid-template-areas: "label label info" "input input input" "post post post"; }
3768
+ .cdr-label-standalone__label-wrapper_12-0-0 {
3769
+ grid-area: label; }
3770
+ .cdr-label-standalone__label_12-0-0 {
3771
+ font-family: Graphik, "Helvetica Neue", sans-serif;
3772
+ font-style: normal;
3773
+ font-weight: 400;
3774
+ letter-spacing: -0.016rem;
3775
+ font-size: 1.4rem;
3776
+ line-height: 1.8rem;
3777
+ color: rgba(12, 11, 8, 0.75);
3778
+ margin: 0; }
3779
+ .cdr-label-standalone__label--sr-only_12-0-0 {
3780
+ position: absolute;
3781
+ width: 0.1rem;
3782
+ height: 0.1rem;
3783
+ padding: 0;
3784
+ margin: -0.1rem;
3785
+ overflow: hidden;
3786
+ clip: rect(0, 0, 0, 0);
3787
+ border: 0; }
3788
+ .cdr-label-standalone__label--disabled_12-0-0 {
3789
+ color: #d1cbbd; }
3790
+ .cdr-label-standalone__label--disabled_12-0-0 .cdr-label-standalone__optional_12-0-0 {
3791
+ color: #d1cbbd; }
3792
+ .cdr-label-standalone__optional_12-0-0 {
3793
+ color: rgba(66, 59, 47, 0.75); }
3794
+ .cdr-label-standalone__helper_12-0-0 {
3795
+ font-family: Graphik, "Helvetica Neue", sans-serif;
3796
+ font-style: normal;
3797
+ font-weight: 400;
3798
+ letter-spacing: -0.016rem;
3799
+ font-size: 1.4rem;
3800
+ line-height: 1.8rem;
3801
+ color: rgba(66, 59, 47, 0.75);
3802
+ margin-top: 0.2rem; }
3803
+ .cdr-label-standalone__info_12-0-0 {
3804
+ font-family: Graphik, "Helvetica Neue", sans-serif;
3805
+ font-style: normal;
3806
+ font-weight: 400;
3807
+ letter-spacing: -0.016rem;
3808
+ font-size: 1.4rem;
3809
+ line-height: 1.8rem;
3810
+ grid-area: info;
3811
+ order: 2;
3812
+ align-self: end;
3813
+ justify-self: end; }
3814
+ .cdr-label-standalone__post-content_12-0-0 {
3815
+ grid-area: post; }
3816
+ .cdr-label-standalone__info-action_12-0-0 {
3817
+ display: flex;
3818
+ justify-content: center;
3819
+ align-items: center;
3820
+ width: 4rem; }
3821
+ .cdr-label-standalone__input-wrap_12-0-0 {
3822
+ position: relative;
3823
+ display: flex;
3824
+ grid-area: input; }
3825
+ .cdr-label-standalone__input-spacing_12-0-0 {
3826
+ margin-top: 0.8rem; }