@rei/cedar 11.3.1 → 11.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cedar-compiled.css +748 -748
- package/dist/cedar.js +35 -35
- package/dist/cedar.mjs +35 -35
- package/dist/lib/assets/{cedar-compiled-301798f7.css → cedar-compiled-db9b3393.css} +1560 -1560
- package/dist/lib/src/components/accordion/styles/CdrAccordion.mjs +1 -1
- package/dist/lib/src/components/accordion/styles/CdrAccordionGroup.mjs +1 -1
- package/dist/lib/src/components/banner/styles/CdrBanner.mjs +1 -1
- package/dist/lib/src/components/breadcrumb/styles/CdrBreadcrumb.mjs +1 -1
- package/dist/lib/src/components/button/styles/CdrButton.mjs +1 -1
- package/dist/lib/src/components/caption/styles/CdrCaption.mjs +1 -1
- package/dist/lib/src/components/card/styles/CdrCard.mjs +1 -1
- package/dist/lib/src/components/checkbox/styles/CdrCheckbox.mjs +1 -1
- package/dist/lib/src/components/chip/styles/CdrChip.mjs +1 -1
- package/dist/lib/src/components/chip/styles/CdrChipGroup.mjs +1 -1
- package/dist/lib/src/components/container/styles/CdrContainer.mjs +1 -1
- package/dist/lib/src/components/formError/styles/CdrFormError.mjs +1 -1
- package/dist/lib/src/components/formGroup/styles/CdrFormGroup.mjs +1 -1
- package/dist/lib/src/components/grid/styles/CdrGrid.mjs +1 -1
- package/dist/lib/src/components/icon/styles/CdrIcon.mjs +1 -1
- package/dist/lib/src/components/image/styles/CdrImg.mjs +1 -1
- package/dist/lib/src/components/input/styles/CdrInput.mjs +1 -1
- package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.mjs +1 -1
- package/dist/lib/src/components/labelWrapper/styles/CdrLabelWrapper.mjs +1 -1
- package/dist/lib/src/components/link/styles/CdrLink.mjs +1 -1
- package/dist/lib/src/components/list/styles/CdrList.mjs +1 -1
- package/dist/lib/src/components/modal/styles/CdrModal.mjs +1 -1
- package/dist/lib/src/components/pagination/styles/CdrPagination.mjs +1 -1
- package/dist/lib/src/components/popover/styles/CdrPopover.mjs +1 -1
- package/dist/lib/src/components/popup/styles/CdrPopup.mjs +1 -1
- package/dist/lib/src/components/quote/styles/CdrQuote.mjs +1 -1
- package/dist/lib/src/components/radio/styles/CdrRadio.mjs +1 -1
- package/dist/lib/src/components/rating/styles/CdrRating.mjs +1 -1
- package/dist/lib/src/components/select/styles/CdrSelect.mjs +1 -1
- package/dist/lib/src/components/table/styles/CdrTable.mjs +1 -1
- package/dist/lib/src/components/tabs/styles/CdrTabPanel.mjs +1 -1
- package/dist/lib/src/components/tabs/styles/CdrTabs.mjs +1 -1
- package/dist/lib/src/components/text/styles/CdrText.mjs +1 -1
- package/dist/lib/src/components/toast/styles/CdrToast.mjs +1 -1
- package/dist/lib/src/components/tooltip/styles/CdrTooltip.mjs +1 -1
- package/dist/style/cdr-accordion-group.css +1 -1
- package/dist/style/cdr-accordion.css +1 -1
- package/dist/style/cdr-banner.css +1 -1
- package/dist/style/cdr-breadcrumb.css +1 -1
- package/dist/style/cdr-button.css +1 -1
- package/dist/style/cdr-caption.css +1 -1
- package/dist/style/cdr-card.css +1 -1
- package/dist/style/cdr-checkbox.css +1 -1
- package/dist/style/cdr-chip-group.css +1 -1
- package/dist/style/cdr-chip.css +1 -1
- package/dist/style/cdr-container.css +1 -1
- package/dist/style/cdr-form-error.css +1 -1
- package/dist/style/cdr-form-group.css +1 -1
- package/dist/style/cdr-grid.css +1 -1
- package/dist/style/cdr-icon.css +1 -1
- package/dist/style/cdr-img.css +1 -1
- package/dist/style/cdr-input.css +1 -1
- package/dist/style/cdr-label-standalone.css +1 -1
- package/dist/style/cdr-label-wrapper.css +1 -1
- package/dist/style/cdr-link.css +1 -1
- package/dist/style/cdr-list.css +1 -1
- package/dist/style/cdr-modal.css +1 -1
- package/dist/style/cdr-pagination.css +1 -1
- package/dist/style/cdr-popover.css +1 -1
- package/dist/style/cdr-popup.css +1 -1
- package/dist/style/cdr-quote.css +1 -1
- package/dist/style/cdr-radio.css +1 -1
- package/dist/style/cdr-rating.css +1 -1
- package/dist/style/cdr-select.css +1 -1
- package/dist/style/cdr-tab-panel.css +1 -1
- package/dist/style/cdr-table.css +1 -1
- package/dist/style/cdr-tabs.css +1 -1
- package/dist/style/cdr-text.css +1 -1
- package/dist/style/cdr-toast.css +1 -1
- package/dist/style/cdr-tooltip.css +1 -1
- package/dist/svg/star-0.svg +2 -5
- package/dist/svg/star-100.svg +2 -5
- package/dist/svg/star-25.svg +5 -6
- package/dist/svg/star-50.svg +6 -6
- package/dist/svg/star-75.svg +5 -6
- package/package.json +1 -1
|
@@ -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-
|
|
2
|
+
.cdr-accordion_11-3-2 {
|
|
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-
|
|
17
|
+
.cdr-accordion_11-3-2 + .cdr-accordion_11-3-2 {
|
|
26
18
|
border-top: none; }
|
|
27
|
-
.cdr-accordion__button_11-3-
|
|
19
|
+
.cdr-accordion__button_11-3-2 {
|
|
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-
|
|
37
|
+
.cdr-accordion__button_11-3-2:hover, .cdr-accordion__button_11-3-2:focus {
|
|
46
38
|
background-color: #f9f8f6; }
|
|
47
|
-
.cdr-accordion__label_11-3-
|
|
39
|
+
.cdr-accordion__label_11-3-2 {
|
|
48
40
|
margin-bottom: 0; }
|
|
49
|
-
.cdr-accordion__header_11-3-
|
|
41
|
+
.cdr-accordion__header_11-3-2 {
|
|
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-
|
|
47
|
+
.cdr-accordion__header--unwrapped_11-3-2 {
|
|
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-
|
|
55
|
+
.cdr-accordion__icon_11-3-2 {
|
|
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-
|
|
59
|
+
.cdr-accordion__icon_11-3-2.open {
|
|
68
60
|
transform: rotate(-180deg); }
|
|
69
|
-
.cdr-accordion__content-container_11-3-
|
|
61
|
+
.cdr-accordion__content-container_11-3-2 {
|
|
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-
|
|
66
|
+
.cdr-accordion__content-container_11-3-2.open {
|
|
75
67
|
transition-duration: 0.3s; }
|
|
76
|
-
.cdr-accordion__content_11-3-
|
|
68
|
+
.cdr-accordion__content_11-3-2 {
|
|
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-
|
|
80
|
+
.cdr-accordion__content_11-3-2 > * {
|
|
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-
|
|
87
|
+
.cdr-accordion__content_11-3-2.open {
|
|
96
88
|
opacity: 1; }
|
|
97
|
-
.cdr-accordion__content_11-3-
|
|
89
|
+
.cdr-accordion__content_11-3-2.closed {
|
|
98
90
|
visibility: hidden; }
|
|
99
|
-
.cdr-accordion--unwrap_11-3-
|
|
91
|
+
.cdr-accordion--unwrap_11-3-2 {
|
|
100
92
|
padding: 0; }
|
|
101
|
-
.cdr-accordion--border-aligned_11-3-
|
|
93
|
+
.cdr-accordion--border-aligned_11-3-2 {
|
|
102
94
|
margin: 0 1.6rem; }
|
|
103
|
-
.cdr-accordion--border-aligned_11-3-
|
|
95
|
+
.cdr-accordion--border-aligned_11-3-2 .cdr-accordion__button_11-3-2 {
|
|
104
96
|
margin-left: -1.6rem;
|
|
105
97
|
width: calc(100% + 3.2rem); }
|
|
106
|
-
.cdr-accordion--border-aligned_11-3-
|
|
98
|
+
.cdr-accordion--border-aligned_11-3-2 .cdr-accordion__content_11-3-2 {
|
|
107
99
|
padding: 0.8rem 0 1.6rem; }
|
|
108
|
-
.cdr-accordion--no-spacing_11-3-
|
|
100
|
+
.cdr-accordion--no-spacing_11-3-2 .cdr-accordion__content_11-3-2 {
|
|
109
101
|
padding: 0; }
|
|
110
|
-
.cdr-accordion--compact_11-3-
|
|
102
|
+
.cdr-accordion--compact_11-3-2 .cdr-accordion__button_11-3-2 {
|
|
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-
|
|
110
|
+
.cdr-accordion--compact_11-3-2 .cdr-accordion__content_11-3-2 {
|
|
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-
|
|
118
|
+
.cdr-accordion--compact_11-3-2 .cdr-accordion__content_11-3-2 > * {
|
|
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-
|
|
125
|
+
.cdr-accordion--compact_11-3-2.cdr-accordion--border-aligned_11-3-2 .cdr-accordion__button_11-3-2 {
|
|
134
126
|
margin-left: -1.2rem;
|
|
135
127
|
width: calc(100% + 2.4rem); }
|
|
136
|
-
.cdr-accordion--compact_11-3-
|
|
128
|
+
.cdr-accordion--compact_11-3-2.cdr-accordion--border-aligned_11-3-2 .cdr-accordion__content_11-3-2 {
|
|
137
129
|
padding: 0.4rem 0 1.2rem; }
|
|
138
|
-
.cdr-accordion--focused_11-3-
|
|
130
|
+
.cdr-accordion--focused_11-3-2 {
|
|
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,139 @@
|
|
|
143
135
|
*/
|
|
144
136
|
z-index: 10; }
|
|
145
137
|
|
|
146
|
-
.cdr-
|
|
138
|
+
.cdr-accordion-group_11-3-2 {
|
|
139
|
+
display: block;
|
|
140
|
+
list-style: none;
|
|
141
|
+
padding: 0;
|
|
142
|
+
margin: 0; }
|
|
143
|
+
.cdr-accordion-group_11-3-2 li + li > .cdr-accordion_11-3-2 {
|
|
144
|
+
border-top: none; }
|
|
145
|
+
|
|
146
|
+
.cdr-banner_11-3-2 {
|
|
147
|
+
position: relative;
|
|
148
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
149
|
+
font-style: normal;
|
|
150
|
+
font-weight: 400;
|
|
151
|
+
letter-spacing: -0.016rem;
|
|
152
|
+
font-size: 1.4rem;
|
|
153
|
+
line-height: 1.8rem;
|
|
154
|
+
display: grid;
|
|
155
|
+
grid-template-columns: 1fr auto;
|
|
156
|
+
grid-template-areas: "main info-action" "message-body info-action"; }
|
|
157
|
+
.cdr-banner__wrapper--prominence_11-3-2 {
|
|
158
|
+
box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
159
|
+
.cdr-banner__main_11-3-2 {
|
|
160
|
+
grid-area: main;
|
|
161
|
+
display: grid;
|
|
162
|
+
grid-template-columns: auto 1fr auto;
|
|
163
|
+
grid-template-areas: "icon-left message icon-right"; }
|
|
164
|
+
.cdr-banner__icon-left_11-3-2 {
|
|
165
|
+
grid-area: icon-left;
|
|
166
|
+
display: inherit;
|
|
167
|
+
align-items: center;
|
|
168
|
+
justify-items: center; }
|
|
169
|
+
.cdr-banner__icon-left_11-3-2 svg {
|
|
170
|
+
max-height: 2.2rem;
|
|
171
|
+
max-width: 2.2rem;
|
|
172
|
+
stroke: white;
|
|
173
|
+
stroke-width: 0.4rem;
|
|
174
|
+
paint-order: stroke fill;
|
|
175
|
+
margin: 0.4rem; }
|
|
176
|
+
.cdr-banner__message_11-3-2 {
|
|
177
|
+
display: inherit;
|
|
178
|
+
grid-area: message;
|
|
179
|
+
padding: 0 0.8rem;
|
|
180
|
+
align-items: center; }
|
|
181
|
+
.cdr-banner__message-body_11-3-2 {
|
|
182
|
+
grid-area: message-body;
|
|
183
|
+
background-color: #ffffff;
|
|
184
|
+
padding: 0.8rem; }
|
|
185
|
+
.cdr-banner__icon-right_11-3-2 {
|
|
186
|
+
display: inherit;
|
|
187
|
+
align-items: center;
|
|
188
|
+
grid-area: icon-right; }
|
|
189
|
+
.cdr-banner__icon-right_11-3-2 svg {
|
|
190
|
+
max-height: 2rem;
|
|
191
|
+
max-width: 2rem;
|
|
192
|
+
fill: rgba(3, 3, 1, 0.9) !important; }
|
|
193
|
+
.cdr-banner__info-action_11-3-2 {
|
|
194
|
+
display: inherit;
|
|
195
|
+
grid-area: info-action;
|
|
196
|
+
align-content: center;
|
|
197
|
+
justify-content: center;
|
|
198
|
+
max-height: 3.2rem;
|
|
199
|
+
width: 4rem; }
|
|
200
|
+
.cdr-banner__info-action_11-3-2 svg {
|
|
201
|
+
max-height: 2.2rem;
|
|
202
|
+
max-width: 2.2rem;
|
|
203
|
+
fill: #406eb5 !important; }
|
|
204
|
+
.cdr-banner--default_11-3-2 .cdr-banner__main_11-3-2 {
|
|
205
|
+
background-color: #f9f8f6;
|
|
206
|
+
border-top: 0.1rem solid;
|
|
207
|
+
border-right: 0.1rem solid;
|
|
208
|
+
border-bottom: 0.1rem solid;
|
|
209
|
+
border-color: #e8e0ce; }
|
|
210
|
+
.cdr-banner--default_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 {
|
|
211
|
+
background-color: #e8e0ce; }
|
|
212
|
+
.cdr-banner--default_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 svg {
|
|
213
|
+
fill: #726d64; }
|
|
214
|
+
.cdr-banner--default_11-3-2 .cdr-banner__wrapper_11-3-2 {
|
|
215
|
+
border-left: 0.4rem solid;
|
|
216
|
+
border-left-color: #726d64; }
|
|
217
|
+
.cdr-banner--info_11-3-2 .cdr-banner__main_11-3-2 {
|
|
218
|
+
background-color: #edf4f5;
|
|
219
|
+
border-top: 0.1rem solid;
|
|
220
|
+
border-right: 0.1rem solid;
|
|
221
|
+
border-bottom: 0.1rem solid;
|
|
222
|
+
border-color: #c2d8db; }
|
|
223
|
+
.cdr-banner--info_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 {
|
|
224
|
+
background-color: #c2d8db; }
|
|
225
|
+
.cdr-banner--info_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 svg {
|
|
226
|
+
fill: #408e86; }
|
|
227
|
+
.cdr-banner--info_11-3-2 .cdr-banner__wrapper_11-3-2 {
|
|
228
|
+
border-left: 0.4rem solid;
|
|
229
|
+
border-left-color: #408e86; }
|
|
230
|
+
.cdr-banner--warning_11-3-2 .cdr-banner__main_11-3-2 {
|
|
231
|
+
background-color: #fefcf1;
|
|
232
|
+
border-top: 0.1rem solid;
|
|
233
|
+
border-right: 0.1rem solid;
|
|
234
|
+
border-bottom: 0.1rem solid;
|
|
235
|
+
border-color: #f5e9b7; }
|
|
236
|
+
.cdr-banner--warning_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 {
|
|
237
|
+
background-color: #f5e9b7; }
|
|
238
|
+
.cdr-banner--warning_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 svg {
|
|
239
|
+
fill: #b68b37; }
|
|
240
|
+
.cdr-banner--warning_11-3-2 .cdr-banner__wrapper_11-3-2 {
|
|
241
|
+
border-left: 0.4rem solid;
|
|
242
|
+
border-left-color: #b68b37; }
|
|
243
|
+
.cdr-banner--success_11-3-2 .cdr-banner__main_11-3-2 {
|
|
244
|
+
background-color: #f4fbf5;
|
|
245
|
+
border-top: 0.1rem solid;
|
|
246
|
+
border-right: 0.1rem solid;
|
|
247
|
+
border-bottom: 0.1rem solid;
|
|
248
|
+
border-color: #d5e6cb; }
|
|
249
|
+
.cdr-banner--success_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 {
|
|
250
|
+
background-color: #d5e6cb; }
|
|
251
|
+
.cdr-banner--success_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 svg {
|
|
252
|
+
fill: #3b8349; }
|
|
253
|
+
.cdr-banner--success_11-3-2 .cdr-banner__wrapper_11-3-2 {
|
|
254
|
+
border-left: 0.4rem solid;
|
|
255
|
+
border-left-color: #3b8349; }
|
|
256
|
+
.cdr-banner--error_11-3-2 .cdr-banner__main_11-3-2 {
|
|
257
|
+
background-color: #fdf7f7;
|
|
258
|
+
border-top: 0.1rem solid;
|
|
259
|
+
border-right: 0.1rem solid;
|
|
260
|
+
border-bottom: 0.1rem solid;
|
|
261
|
+
border-color: #eecbc1; }
|
|
262
|
+
.cdr-banner--error_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 {
|
|
263
|
+
background-color: #eecbc1; }
|
|
264
|
+
.cdr-banner--error_11-3-2 .cdr-banner__main_11-3-2 .cdr-banner__icon-left_11-3-2 svg {
|
|
265
|
+
fill: #bb4045; }
|
|
266
|
+
.cdr-banner--error_11-3-2 .cdr-banner__wrapper_11-3-2 {
|
|
267
|
+
border-left: 0.4rem solid;
|
|
268
|
+
border-left-color: #bb4045; }
|
|
269
|
+
|
|
270
|
+
.cdr-breadcrumb_11-3-2 {
|
|
147
271
|
line-height: 1;
|
|
148
272
|
/* List
|
|
149
273
|
========== */
|
|
@@ -155,28 +279,28 @@
|
|
|
155
279
|
========== */
|
|
156
280
|
/* Ellipses
|
|
157
281
|
========== */ }
|
|
158
|
-
.cdr-breadcrumb__list_11-3-
|
|
282
|
+
.cdr-breadcrumb__list_11-3-2 {
|
|
159
283
|
display: inline-flex;
|
|
160
284
|
flex-wrap: wrap;
|
|
161
285
|
padding: 0;
|
|
162
286
|
margin: 0; }
|
|
163
|
-
.cdr-breadcrumb__item_11-3-
|
|
287
|
+
.cdr-breadcrumb__item_11-3-2 {
|
|
164
288
|
display: inline-flex;
|
|
165
289
|
flex: none;
|
|
166
290
|
padding: 0;
|
|
167
291
|
color: rgba(66, 59, 47, 0.75); }
|
|
168
|
-
.cdr-breadcrumb__link_11-3-
|
|
292
|
+
.cdr-breadcrumb__link_11-3-2 {
|
|
169
293
|
text-decoration: none;
|
|
170
294
|
color: inherit; }
|
|
171
|
-
.cdr-breadcrumb__link_11-3-
|
|
295
|
+
.cdr-breadcrumb__link_11-3-2:hover, .cdr-breadcrumb__link_11-3-2:active, .cdr-breadcrumb__link_11-3-2:focus {
|
|
172
296
|
color: #406eb5; }
|
|
173
|
-
.cdr-breadcrumb__link_11-3-
|
|
297
|
+
.cdr-breadcrumb__link_11-3-2:hover, .cdr-breadcrumb__link_11-3-2:active, .cdr-breadcrumb__link_11-3-2:focus {
|
|
174
298
|
color: #406eb5;
|
|
175
299
|
text-decoration: underline; }
|
|
176
|
-
.cdr-breadcrumb__delimiter_11-3-
|
|
300
|
+
.cdr-breadcrumb__delimiter_11-3-2 {
|
|
177
301
|
color: inherit;
|
|
178
302
|
padding: 0 0.8rem; }
|
|
179
|
-
.cdr-breadcrumb__ellipses_11-3-
|
|
303
|
+
.cdr-breadcrumb__ellipses_11-3-2 {
|
|
180
304
|
font-family: inherit;
|
|
181
305
|
font-size: inherit;
|
|
182
306
|
line-height: inherit;
|
|
@@ -189,14 +313,14 @@
|
|
|
189
313
|
padding: 0;
|
|
190
314
|
/* Ellipses Icon
|
|
191
315
|
========== */ }
|
|
192
|
-
.cdr-breadcrumb__ellipses_11-3-
|
|
316
|
+
.cdr-breadcrumb__ellipses_11-3-2 .cdr-breadcrumb__ellipses-icon_11-3-2 {
|
|
193
317
|
color: rgba(66, 59, 47, 0.75);
|
|
194
318
|
border-bottom: 0.1rem solid transparent;
|
|
195
319
|
fill: inherit; }
|
|
196
|
-
.cdr-breadcrumb__ellipses_11-3-
|
|
320
|
+
.cdr-breadcrumb__ellipses_11-3-2:hover .cdr-breadcrumb__ellipses-icon_11-3-2, .cdr-breadcrumb__ellipses_11-3-2:active .cdr-breadcrumb__ellipses-icon_11-3-2, .cdr-breadcrumb__ellipses_11-3-2:focus .cdr-breadcrumb__ellipses-icon_11-3-2 {
|
|
197
321
|
color: #406eb5;
|
|
198
322
|
text-decoration: underline; }
|
|
199
|
-
.cdr-breadcrumb__link_11-3-
|
|
323
|
+
.cdr-breadcrumb__link_11-3-2, .cdr-breadcrumb__delimiter_11-3-2, .cdr-breadcrumb__ellipses_11-3-2 {
|
|
200
324
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
201
325
|
font-style: normal;
|
|
202
326
|
font-weight: 400;
|
|
@@ -204,7 +328,7 @@
|
|
|
204
328
|
font-size: 1.2rem;
|
|
205
329
|
line-height: 1.6rem; }
|
|
206
330
|
@media (min-width: 992px) {
|
|
207
|
-
.cdr-breadcrumb__link_11-3-
|
|
331
|
+
.cdr-breadcrumb__link_11-3-2, .cdr-breadcrumb__delimiter_11-3-2, .cdr-breadcrumb__ellipses_11-3-2 {
|
|
208
332
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
209
333
|
font-style: normal;
|
|
210
334
|
font-weight: 400;
|
|
@@ -212,42 +336,7 @@
|
|
|
212
336
|
font-size: 1.4rem;
|
|
213
337
|
line-height: 1.8rem; } }
|
|
214
338
|
|
|
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 {
|
|
339
|
+
.cdr-card_11-3-2 {
|
|
251
340
|
position: relative;
|
|
252
341
|
background-color: #ffffff;
|
|
253
342
|
border-radius: 0.4rem;
|
|
@@ -257,7 +346,7 @@
|
|
|
257
346
|
transition: box-shadow 0.2s cubic-bezier(0.15, 0, 0.15, 0);
|
|
258
347
|
cursor: pointer;
|
|
259
348
|
overflow: hidden; }
|
|
260
|
-
.cdr-card_11-3-
|
|
349
|
+
.cdr-card_11-3-2:active, .cdr-card_11-3-2:hover {
|
|
261
350
|
box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
|
|
262
351
|
transform: translateY(-0.2rem);
|
|
263
352
|
transition: 0.2s; }
|
|
@@ -279,103 +368,7 @@
|
|
|
279
368
|
top: 0;
|
|
280
369
|
background-color: transparent; }
|
|
281
370
|
|
|
282
|
-
.cdr-
|
|
283
|
-
display: inline-flex;
|
|
284
|
-
align-items: center;
|
|
285
|
-
position: relative;
|
|
286
|
-
width: -webkit-max-content;
|
|
287
|
-
width: -moz-max-content;
|
|
288
|
-
width: max-content;
|
|
289
|
-
padding: 0.8rem 1.2rem;
|
|
290
|
-
border-radius: 3rem;
|
|
291
|
-
border: 0;
|
|
292
|
-
color: #4e4d49;
|
|
293
|
-
fill: #4e4d49;
|
|
294
|
-
background-color: #ffffff;
|
|
295
|
-
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
296
|
-
cursor: pointer;
|
|
297
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
298
|
-
font-size: 1.4rem;
|
|
299
|
-
line-height: 1.5rem;
|
|
300
|
-
font-weight: 400;
|
|
301
|
-
letter-spacing: -0.008rem;
|
|
302
|
-
transition: color 0.1s cubic-bezier(0.15, 0, 0.15, 0), fill 0.1s cubic-bezier(0.15, 0, 0.15, 0), background-color 0.1s cubic-bezier(0.15, 0, 0.15, 0), box-shadow 0.1s cubic-bezier(0.15, 0, 0.15, 0); }
|
|
303
|
-
.cdr-chip_11-3-1:disabled, .cdr-chip_11-3-1:disabled:hover, .cdr-chip_11-3-1:disabled:focus {
|
|
304
|
-
cursor: not-allowed !important;
|
|
305
|
-
background-color: #ffffff !important;
|
|
306
|
-
box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
|
|
307
|
-
color: #d1cbbd !important; }
|
|
308
|
-
.cdr-chip_11-3-1:hover {
|
|
309
|
-
background-color: #f9f8f6;
|
|
310
|
-
box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
311
|
-
.cdr-chip_11-3-1:focus {
|
|
312
|
-
outline: none;
|
|
313
|
-
outline-offset: 0;
|
|
314
|
-
background-color: #ffffff;
|
|
315
|
-
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
316
|
-
.cdr-chip_11-3-1:active {
|
|
317
|
-
background-color: #edeae3;
|
|
318
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
319
|
-
.cdr-chip_11-3-1[aria-pressed="true"], .cdr-chip_11-3-1[aria-checked="true"] {
|
|
320
|
-
text-shadow: 0 0 0.1rem currentColor;
|
|
321
|
-
background-color: #edeae3;
|
|
322
|
-
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
323
|
-
.cdr-chip_11-3-1[aria-pressed="true"]:hover, .cdr-chip_11-3-1[aria-checked="true"]:hover {
|
|
324
|
-
background-color: #edeae3;
|
|
325
|
-
box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
326
|
-
.cdr-chip_11-3-1[aria-pressed="true"]:focus, .cdr-chip_11-3-1[aria-checked="true"]:focus {
|
|
327
|
-
background-color: #edeae3;
|
|
328
|
-
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
329
|
-
.cdr-chip__icon-left_11-3-1 {
|
|
330
|
-
position: absolute;
|
|
331
|
-
left: 0.8rem; }
|
|
332
|
-
.cdr-chip__icon-right_11-3-1 {
|
|
333
|
-
position: absolute;
|
|
334
|
-
right: 0.8rem; }
|
|
335
|
-
.cdr-chip__icon-left_11-3-1 ~ .cdr-chip__content_11-3-1 {
|
|
336
|
-
margin-left: 1.6rem; }
|
|
337
|
-
.cdr-chip__icon-right_11-3-1 ~ .cdr-chip__content_11-3-1 {
|
|
338
|
-
margin-right: 1.6rem; }
|
|
339
|
-
|
|
340
|
-
.cdr-chip-group_11-3-1 {
|
|
341
|
-
border: none;
|
|
342
|
-
-webkit-margin-start: 0;
|
|
343
|
-
margin-inline-start: 0;
|
|
344
|
-
-webkit-margin-end: 0;
|
|
345
|
-
margin-inline-end: 0;
|
|
346
|
-
-webkit-padding-before: 0;
|
|
347
|
-
padding-block-start: 0;
|
|
348
|
-
-webkit-padding-start: 0;
|
|
349
|
-
padding-inline-start: 0;
|
|
350
|
-
-webkit-padding-end: 0;
|
|
351
|
-
padding-inline-end: 0;
|
|
352
|
-
-webkit-padding-after: 0;
|
|
353
|
-
padding-block-end: 0; }
|
|
354
|
-
.cdr-chip-group_11-3-1 legend {
|
|
355
|
-
-webkit-padding-start: 0;
|
|
356
|
-
padding-inline-start: 0;
|
|
357
|
-
margin-bottom: 0.8rem; }
|
|
358
|
-
.cdr-chip-group__content_11-3-1 > button:not(:last-child) {
|
|
359
|
-
margin-right: 0.8rem;
|
|
360
|
-
margin-bottom: 0.8rem; }
|
|
361
|
-
.cdr-chip-group__legend--hidden_11-3-1 {
|
|
362
|
-
position: absolute;
|
|
363
|
-
width: 0.1rem;
|
|
364
|
-
height: 0.1rem;
|
|
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; }
|
|
377
|
-
|
|
378
|
-
.cdr-button_11-3-1 {
|
|
371
|
+
.cdr-button_11-3-2 {
|
|
379
372
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
380
373
|
font-style: normal;
|
|
381
374
|
font-weight: 500;
|
|
@@ -423,138 +416,138 @@
|
|
|
423
416
|
/* @lg
|
|
424
417
|
1200px and up
|
|
425
418
|
========== */ }
|
|
426
|
-
.cdr-button_11-3-
|
|
419
|
+
.cdr-button_11-3-2:hover, .cdr-button_11-3-2:active, .cdr-button_11-3-2:focus {
|
|
427
420
|
outline: none;
|
|
428
421
|
outline-offset: 0;
|
|
429
422
|
text-decoration: none; }
|
|
430
|
-
.cdr-button_11-3-
|
|
423
|
+
.cdr-button_11-3-2[disabled] {
|
|
431
424
|
cursor: not-allowed; }
|
|
432
|
-
.cdr-button_11-3-
|
|
425
|
+
.cdr-button_11-3-2 svg {
|
|
433
426
|
align-self: center;
|
|
434
427
|
fill: inherit; }
|
|
435
|
-
.cdr-button_11-3-
|
|
428
|
+
.cdr-button_11-3-2.cdr-button--has-icon-left_11-3-2 svg {
|
|
436
429
|
margin-right: 0.4rem; }
|
|
437
|
-
.cdr-button_11-3-
|
|
430
|
+
.cdr-button_11-3-2.cdr-button--has-icon-right_11-3-2 svg {
|
|
438
431
|
margin-left: 0.4rem; }
|
|
439
|
-
.cdr-button--primary_11-3-
|
|
432
|
+
.cdr-button--primary_11-3-2 {
|
|
440
433
|
background-color: #1f513f;
|
|
441
434
|
box-shadow: inset 0 0 0 0.1rem #1f513f;
|
|
442
435
|
color: #f9f8f6;
|
|
443
436
|
fill: #f9f8f6; }
|
|
444
|
-
.cdr-button--primary_11-3-
|
|
437
|
+
.cdr-button--primary_11-3-2:hover, .cdr-button--primary_11-3-2:focus {
|
|
445
438
|
color: #1f513f;
|
|
446
439
|
fill: #1f513f;
|
|
447
440
|
background-color: #f4f2ed;
|
|
448
441
|
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-
|
|
442
|
+
.cdr-button--primary_11-3-2:active {
|
|
450
443
|
color: #f9f8f6;
|
|
451
444
|
fill: #f9f8f6;
|
|
452
445
|
background-color: #1f513f;
|
|
453
446
|
box-shadow: inset 0 0 0 0.3rem #1f513f, inset 0 0 0 0.5rem #f4f2ed; }
|
|
454
|
-
.cdr-button--primary_11-3-
|
|
447
|
+
.cdr-button--primary_11-3-2[disabled] {
|
|
455
448
|
background-color: #dcd6cb;
|
|
456
449
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
457
450
|
color: #ffffff;
|
|
458
451
|
fill: #ffffff; }
|
|
459
|
-
.cdr-button--primary_11-3-
|
|
452
|
+
.cdr-button--primary_11-3-2.cdr-button--elevated_11-3-2 {
|
|
460
453
|
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-
|
|
454
|
+
.cdr-button--primary_11-3-2.cdr-button--elevated_11-3-2:hover, .cdr-button--primary_11-3-2.cdr-button--elevated_11-3-2:focus {
|
|
462
455
|
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-
|
|
456
|
+
.cdr-button--primary_11-3-2.cdr-button--elevated_11-3-2:active {
|
|
464
457
|
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-
|
|
458
|
+
.cdr-button--secondary_11-3-2 {
|
|
466
459
|
background-color: #f9f8f6;
|
|
467
460
|
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
468
461
|
color: #4e4d49;
|
|
469
462
|
fill: #928b80; }
|
|
470
|
-
.cdr-button--secondary_11-3-
|
|
463
|
+
.cdr-button--secondary_11-3-2:hover, .cdr-button--secondary_11-3-2:focus {
|
|
471
464
|
color: #4e4d49;
|
|
472
465
|
fill: #4e4d49;
|
|
473
466
|
background-color: #f4f2ed;
|
|
474
467
|
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-
|
|
468
|
+
.cdr-button--secondary_11-3-2:active {
|
|
476
469
|
color: #f9f8f6;
|
|
477
470
|
fill: #f9f8f6;
|
|
478
471
|
background-color: #928b80;
|
|
479
472
|
box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
|
|
480
|
-
.cdr-button--secondary_11-3-
|
|
473
|
+
.cdr-button--secondary_11-3-2[disabled] {
|
|
481
474
|
background-color: #f9f8f6;
|
|
482
475
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
483
476
|
color: #d1cbbd;
|
|
484
477
|
fill: #d1cbbd; }
|
|
485
|
-
.cdr-button--secondary_11-3-
|
|
478
|
+
.cdr-button--secondary_11-3-2.cdr-button--elevated_11-3-2 {
|
|
486
479
|
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-
|
|
480
|
+
.cdr-button--secondary_11-3-2.cdr-button--elevated_11-3-2:hover, .cdr-button--secondary_11-3-2.cdr-button--elevated_11-3-2:focus {
|
|
488
481
|
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-
|
|
482
|
+
.cdr-button--secondary_11-3-2.cdr-button--elevated_11-3-2:active {
|
|
490
483
|
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-
|
|
484
|
+
.cdr-button--dark_11-3-2 {
|
|
492
485
|
background-color: #4e4d49;
|
|
493
486
|
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
494
487
|
color: #f9f8f6;
|
|
495
488
|
fill: #f9f8f6; }
|
|
496
|
-
.cdr-button--dark_11-3-
|
|
489
|
+
.cdr-button--dark_11-3-2:hover, .cdr-button--dark_11-3-2:focus {
|
|
497
490
|
color: #4e4d49;
|
|
498
491
|
fill: #4e4d49;
|
|
499
492
|
background-color: #edeae3;
|
|
500
493
|
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-
|
|
494
|
+
.cdr-button--dark_11-3-2:active {
|
|
502
495
|
color: #f9f8f6;
|
|
503
496
|
fill: #f9f8f6;
|
|
504
497
|
background-color: #4e4d49;
|
|
505
498
|
box-shadow: inset 0 0 0 0.3rem #4e4d49, inset 0 0 0 0.5rem #edeae3; }
|
|
506
|
-
.cdr-button--dark_11-3-
|
|
499
|
+
.cdr-button--dark_11-3-2[disabled] {
|
|
507
500
|
background-color: #dcd6cb;
|
|
508
501
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
509
502
|
color: #ffffff;
|
|
510
503
|
fill: #ffffff; }
|
|
511
|
-
.cdr-button--dark_11-3-
|
|
504
|
+
.cdr-button--dark_11-3-2.cdr-button--elevated_11-3-2 {
|
|
512
505
|
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-
|
|
506
|
+
.cdr-button--dark_11-3-2.cdr-button--elevated_11-3-2:hover, .cdr-button--dark_11-3-2.cdr-button--elevated_11-3-2:focus {
|
|
514
507
|
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-
|
|
508
|
+
.cdr-button--dark_11-3-2.cdr-button--elevated_11-3-2:active {
|
|
516
509
|
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-
|
|
510
|
+
.cdr-button--sale_11-3-2 {
|
|
518
511
|
background-color: #c7370f;
|
|
519
512
|
box-shadow: inset 0 0 0 0.1rem #c7370f;
|
|
520
513
|
color: #ffffff;
|
|
521
514
|
fill: #ffffff; }
|
|
522
|
-
.cdr-button--sale_11-3-
|
|
515
|
+
.cdr-button--sale_11-3-2:hover, .cdr-button--sale_11-3-2:focus {
|
|
523
516
|
color: #c7370f;
|
|
524
517
|
fill: #c7370f;
|
|
525
518
|
background-color: #f4f2ed;
|
|
526
519
|
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-
|
|
520
|
+
.cdr-button--sale_11-3-2:active {
|
|
528
521
|
color: #ffffff;
|
|
529
522
|
fill: #ffffff;
|
|
530
523
|
background-color: #c7370f;
|
|
531
524
|
box-shadow: inset 0 0 0 0.3rem #c7370f, inset 0 0 0 0.5rem #f4f2ed; }
|
|
532
|
-
.cdr-button--sale_11-3-
|
|
525
|
+
.cdr-button--sale_11-3-2[disabled] {
|
|
533
526
|
background-color: #dcd6cb;
|
|
534
527
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
535
528
|
color: #ffffff;
|
|
536
529
|
fill: #ffffff; }
|
|
537
|
-
.cdr-button--sale_11-3-
|
|
530
|
+
.cdr-button--sale_11-3-2.cdr-button--elevated_11-3-2 {
|
|
538
531
|
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-
|
|
532
|
+
.cdr-button--sale_11-3-2.cdr-button--elevated_11-3-2:hover, .cdr-button--sale_11-3-2.cdr-button--elevated_11-3-2:focus {
|
|
540
533
|
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-
|
|
534
|
+
.cdr-button--sale_11-3-2.cdr-button--elevated_11-3-2:active {
|
|
542
535
|
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-
|
|
536
|
+
.cdr-button--link_11-3-2 {
|
|
544
537
|
color: #406eb5;
|
|
545
538
|
fill: #406eb5;
|
|
546
539
|
background-color: transparent;
|
|
547
540
|
text-decoration: underline; }
|
|
548
|
-
.cdr-button--link_11-3-
|
|
541
|
+
.cdr-button--link_11-3-2:active, .cdr-button--link_11-3-2:focus {
|
|
549
542
|
color: #0b2d60; }
|
|
550
|
-
.cdr-button--link_11-3-
|
|
543
|
+
.cdr-button--link_11-3-2:hover {
|
|
551
544
|
color: #406eb5;
|
|
552
545
|
text-decoration: none; }
|
|
553
|
-
.cdr-button--link_11-3-
|
|
546
|
+
.cdr-button--link_11-3-2:focus {
|
|
554
547
|
outline: 0.2rem solid Highlight;
|
|
555
548
|
outline-color: -webkit-focus-ring-color;
|
|
556
549
|
outline-offset: 0; }
|
|
557
|
-
.cdr-button--large_11-3-
|
|
550
|
+
.cdr-button--large_11-3-2 {
|
|
558
551
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
559
552
|
font-style: normal;
|
|
560
553
|
font-weight: 500;
|
|
@@ -563,15 +556,15 @@
|
|
|
563
556
|
line-height: 2.2rem;
|
|
564
557
|
padding: 1.2rem 2.4rem;
|
|
565
558
|
width: auto; }
|
|
566
|
-
.cdr-button--large_11-3-
|
|
559
|
+
.cdr-button--large_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
567
560
|
padding-left: 2rem; }
|
|
568
|
-
.cdr-button--large_11-3-
|
|
561
|
+
.cdr-button--large_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
569
562
|
padding-right: 2rem; }
|
|
570
|
-
.cdr-button--large_11-3-
|
|
563
|
+
.cdr-button--large_11-3-2 svg {
|
|
571
564
|
/* This is to correct icon size vs line height */
|
|
572
565
|
width: 2.4rem;
|
|
573
566
|
height: 2.4rem; }
|
|
574
|
-
.cdr-button--medium_11-3-
|
|
567
|
+
.cdr-button--medium_11-3-2 {
|
|
575
568
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
576
569
|
font-style: normal;
|
|
577
570
|
font-weight: 500;
|
|
@@ -580,15 +573,15 @@
|
|
|
580
573
|
line-height: 2.2rem;
|
|
581
574
|
padding: 0.8rem 1.6rem;
|
|
582
575
|
width: auto; }
|
|
583
|
-
.cdr-button--medium_11-3-
|
|
576
|
+
.cdr-button--medium_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
584
577
|
padding-left: 1.2rem; }
|
|
585
|
-
.cdr-button--medium_11-3-
|
|
578
|
+
.cdr-button--medium_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
586
579
|
padding-right: 1.2rem; }
|
|
587
|
-
.cdr-button--medium_11-3-
|
|
580
|
+
.cdr-button--medium_11-3-2 svg {
|
|
588
581
|
/* This is to correct icon size vs line height */
|
|
589
582
|
width: 2.4rem;
|
|
590
583
|
height: 2.4rem; }
|
|
591
|
-
.cdr-button--small_11-3-
|
|
584
|
+
.cdr-button--small_11-3-2 {
|
|
592
585
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
593
586
|
font-style: normal;
|
|
594
587
|
font-weight: 500;
|
|
@@ -597,15 +590,15 @@
|
|
|
597
590
|
line-height: 1.8rem;
|
|
598
591
|
padding: 0.6rem 1.2rem;
|
|
599
592
|
width: auto; }
|
|
600
|
-
.cdr-button--small_11-3-
|
|
593
|
+
.cdr-button--small_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
601
594
|
padding-left: 0.8rem; }
|
|
602
|
-
.cdr-button--small_11-3-
|
|
595
|
+
.cdr-button--small_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
603
596
|
padding-right: 0.8rem; }
|
|
604
|
-
.cdr-button--small_11-3-
|
|
597
|
+
.cdr-button--small_11-3-2 svg {
|
|
605
598
|
/* This is to correct icon size vs line height */
|
|
606
599
|
width: 2rem;
|
|
607
600
|
height: 2rem; }
|
|
608
|
-
.cdr-button--icon-only_11-3-
|
|
601
|
+
.cdr-button--icon-only_11-3-2 {
|
|
609
602
|
background: none;
|
|
610
603
|
border: none;
|
|
611
604
|
border-radius: 0.2rem;
|
|
@@ -614,55 +607,55 @@
|
|
|
614
607
|
line-height: normal;
|
|
615
608
|
padding: 0.8rem;
|
|
616
609
|
fill: #928b80; }
|
|
617
|
-
.cdr-button--icon-only_11-3-
|
|
610
|
+
.cdr-button--icon-only_11-3-2:hover {
|
|
618
611
|
background: none;
|
|
619
612
|
box-shadow: none;
|
|
620
613
|
border: none;
|
|
621
614
|
fill: #928b80; }
|
|
622
|
-
.cdr-button--icon-only_11-3-
|
|
615
|
+
.cdr-button--icon-only_11-3-2:active, .cdr-button--icon-only_11-3-2:focus {
|
|
623
616
|
background: none;
|
|
624
617
|
outline: none;
|
|
625
618
|
border: none;
|
|
626
619
|
box-shadow: none;
|
|
627
620
|
fill: #928b80; }
|
|
628
|
-
.cdr-button--icon-only_11-3-
|
|
621
|
+
.cdr-button--icon-only_11-3-2:active svg, .cdr-button--icon-only_11-3-2:focus svg {
|
|
629
622
|
box-shadow: inset 0 0 0 0.1rem #928b80; }
|
|
630
|
-
.cdr-button--icon-only_11-3-
|
|
623
|
+
.cdr-button--icon-only_11-3-2[disabled] {
|
|
631
624
|
background: transparent;
|
|
632
625
|
box-shadow: none;
|
|
633
626
|
border: none;
|
|
634
627
|
fill: #dcd6cb; }
|
|
635
|
-
.cdr-button--icon-only_11-3-
|
|
628
|
+
.cdr-button--icon-only_11-3-2 > svg {
|
|
636
629
|
margin: 0; }
|
|
637
|
-
.cdr-button--icon-only-large_11-3-
|
|
630
|
+
.cdr-button--icon-only-large_11-3-2 {
|
|
638
631
|
padding: 1.2rem; }
|
|
639
|
-
.cdr-button--with-background_11-3-
|
|
632
|
+
.cdr-button--with-background_11-3-2 {
|
|
640
633
|
border-radius: 50%;
|
|
641
634
|
fill: #928b80;
|
|
642
635
|
background-color: #f9f8f6;
|
|
643
636
|
box-shadow: inset 0 0 0 0.1rem #928b80; }
|
|
644
|
-
.cdr-button--with-background_11-3-
|
|
637
|
+
.cdr-button--with-background_11-3-2:hover, .cdr-button--with-background_11-3-2:focus {
|
|
645
638
|
fill: #928b80;
|
|
646
639
|
background-color: #f4f2ed;
|
|
647
640
|
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-
|
|
641
|
+
.cdr-button--with-background_11-3-2:hover svg, .cdr-button--with-background_11-3-2:focus svg {
|
|
649
642
|
box-shadow: none; }
|
|
650
|
-
.cdr-button--with-background_11-3-
|
|
643
|
+
.cdr-button--with-background_11-3-2:active {
|
|
651
644
|
color: #f9f8f6;
|
|
652
645
|
fill: #f9f8f6;
|
|
653
646
|
background-color: #928b80;
|
|
654
647
|
box-shadow: inset 0 0 0 0.3rem #928b80, inset 0 0 0 0.5rem #f4f2ed; }
|
|
655
|
-
.cdr-button--with-background_11-3-
|
|
648
|
+
.cdr-button--with-background_11-3-2:active svg {
|
|
656
649
|
box-shadow: none; }
|
|
657
|
-
.cdr-button--with-background_11-3-
|
|
650
|
+
.cdr-button--with-background_11-3-2[disabled] {
|
|
658
651
|
background-color: #f9f8f6;
|
|
659
652
|
box-shadow: inset 0 0 0 0.1rem #dcd6cb;
|
|
660
653
|
fill: #d1cbbd; }
|
|
661
|
-
.cdr-button--full-width_11-3-
|
|
654
|
+
.cdr-button--full-width_11-3-2 {
|
|
662
655
|
width: 100% !important;
|
|
663
656
|
justify-content: center; }
|
|
664
657
|
@media (min-width: 0) and (max-width: 767px) {
|
|
665
|
-
.cdr-button--small\@xs_11-3-
|
|
658
|
+
.cdr-button--small\@xs_11-3-2 {
|
|
666
659
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
667
660
|
font-style: normal;
|
|
668
661
|
font-weight: 500;
|
|
@@ -671,15 +664,15 @@
|
|
|
671
664
|
line-height: 1.8rem;
|
|
672
665
|
padding: 0.6rem 1.2rem;
|
|
673
666
|
width: auto; }
|
|
674
|
-
.cdr-button--small\@xs_11-3-
|
|
667
|
+
.cdr-button--small\@xs_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
675
668
|
padding-left: 0.8rem; }
|
|
676
|
-
.cdr-button--small\@xs_11-3-
|
|
669
|
+
.cdr-button--small\@xs_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
677
670
|
padding-right: 0.8rem; }
|
|
678
|
-
.cdr-button--small\@xs_11-3-
|
|
671
|
+
.cdr-button--small\@xs_11-3-2 svg {
|
|
679
672
|
/* This is to correct icon size vs line height */
|
|
680
673
|
width: 2rem;
|
|
681
674
|
height: 2rem; }
|
|
682
|
-
.cdr-button--medium\@xs_11-3-
|
|
675
|
+
.cdr-button--medium\@xs_11-3-2 {
|
|
683
676
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
684
677
|
font-style: normal;
|
|
685
678
|
font-weight: 500;
|
|
@@ -688,15 +681,15 @@
|
|
|
688
681
|
line-height: 2.2rem;
|
|
689
682
|
padding: 0.8rem 1.6rem;
|
|
690
683
|
width: auto; }
|
|
691
|
-
.cdr-button--medium\@xs_11-3-
|
|
684
|
+
.cdr-button--medium\@xs_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
692
685
|
padding-left: 1.2rem; }
|
|
693
|
-
.cdr-button--medium\@xs_11-3-
|
|
686
|
+
.cdr-button--medium\@xs_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
694
687
|
padding-right: 1.2rem; }
|
|
695
|
-
.cdr-button--medium\@xs_11-3-
|
|
688
|
+
.cdr-button--medium\@xs_11-3-2 svg {
|
|
696
689
|
/* This is to correct icon size vs line height */
|
|
697
690
|
width: 2.4rem;
|
|
698
691
|
height: 2.4rem; }
|
|
699
|
-
.cdr-button--large\@xs_11-3-
|
|
692
|
+
.cdr-button--large\@xs_11-3-2 {
|
|
700
693
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
701
694
|
font-style: normal;
|
|
702
695
|
font-weight: 500;
|
|
@@ -705,19 +698,19 @@
|
|
|
705
698
|
line-height: 2.2rem;
|
|
706
699
|
padding: 1.2rem 2.4rem;
|
|
707
700
|
width: auto; }
|
|
708
|
-
.cdr-button--large\@xs_11-3-
|
|
701
|
+
.cdr-button--large\@xs_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
709
702
|
padding-left: 2rem; }
|
|
710
|
-
.cdr-button--large\@xs_11-3-
|
|
703
|
+
.cdr-button--large\@xs_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
711
704
|
padding-right: 2rem; }
|
|
712
|
-
.cdr-button--large\@xs_11-3-
|
|
705
|
+
.cdr-button--large\@xs_11-3-2 svg {
|
|
713
706
|
/* This is to correct icon size vs line height */
|
|
714
707
|
width: 2.4rem;
|
|
715
708
|
height: 2.4rem; }
|
|
716
|
-
.cdr-button--fullWidth\@xs_11-3-
|
|
709
|
+
.cdr-button--fullWidth\@xs_11-3-2 {
|
|
717
710
|
width: 100% !important;
|
|
718
711
|
justify-content: center; } }
|
|
719
712
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
720
|
-
.cdr-button--small\@sm_11-3-
|
|
713
|
+
.cdr-button--small\@sm_11-3-2 {
|
|
721
714
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
722
715
|
font-style: normal;
|
|
723
716
|
font-weight: 500;
|
|
@@ -726,15 +719,15 @@
|
|
|
726
719
|
line-height: 1.8rem;
|
|
727
720
|
padding: 0.6rem 1.2rem;
|
|
728
721
|
width: auto; }
|
|
729
|
-
.cdr-button--small\@sm_11-3-
|
|
722
|
+
.cdr-button--small\@sm_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
730
723
|
padding-left: 0.8rem; }
|
|
731
|
-
.cdr-button--small\@sm_11-3-
|
|
724
|
+
.cdr-button--small\@sm_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
732
725
|
padding-right: 0.8rem; }
|
|
733
|
-
.cdr-button--small\@sm_11-3-
|
|
726
|
+
.cdr-button--small\@sm_11-3-2 svg {
|
|
734
727
|
/* This is to correct icon size vs line height */
|
|
735
728
|
width: 2rem;
|
|
736
729
|
height: 2rem; }
|
|
737
|
-
.cdr-button--medium\@sm_11-3-
|
|
730
|
+
.cdr-button--medium\@sm_11-3-2 {
|
|
738
731
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
739
732
|
font-style: normal;
|
|
740
733
|
font-weight: 500;
|
|
@@ -743,15 +736,15 @@
|
|
|
743
736
|
line-height: 2.2rem;
|
|
744
737
|
padding: 0.8rem 1.6rem;
|
|
745
738
|
width: auto; }
|
|
746
|
-
.cdr-button--medium\@sm_11-3-
|
|
739
|
+
.cdr-button--medium\@sm_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
747
740
|
padding-left: 1.2rem; }
|
|
748
|
-
.cdr-button--medium\@sm_11-3-
|
|
741
|
+
.cdr-button--medium\@sm_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
749
742
|
padding-right: 1.2rem; }
|
|
750
|
-
.cdr-button--medium\@sm_11-3-
|
|
743
|
+
.cdr-button--medium\@sm_11-3-2 svg {
|
|
751
744
|
/* This is to correct icon size vs line height */
|
|
752
745
|
width: 2.4rem;
|
|
753
746
|
height: 2.4rem; }
|
|
754
|
-
.cdr-button--large\@sm_11-3-
|
|
747
|
+
.cdr-button--large\@sm_11-3-2 {
|
|
755
748
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
756
749
|
font-style: normal;
|
|
757
750
|
font-weight: 500;
|
|
@@ -760,19 +753,19 @@
|
|
|
760
753
|
line-height: 2.2rem;
|
|
761
754
|
padding: 1.2rem 2.4rem;
|
|
762
755
|
width: auto; }
|
|
763
|
-
.cdr-button--large\@sm_11-3-
|
|
756
|
+
.cdr-button--large\@sm_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
764
757
|
padding-left: 2rem; }
|
|
765
|
-
.cdr-button--large\@sm_11-3-
|
|
758
|
+
.cdr-button--large\@sm_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
766
759
|
padding-right: 2rem; }
|
|
767
|
-
.cdr-button--large\@sm_11-3-
|
|
760
|
+
.cdr-button--large\@sm_11-3-2 svg {
|
|
768
761
|
/* This is to correct icon size vs line height */
|
|
769
762
|
width: 2.4rem;
|
|
770
763
|
height: 2.4rem; }
|
|
771
|
-
.cdr-button--fullWidth\@sm_11-3-
|
|
764
|
+
.cdr-button--fullWidth\@sm_11-3-2 {
|
|
772
765
|
width: 100% !important;
|
|
773
766
|
justify-content: center; } }
|
|
774
767
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
775
|
-
.cdr-button--small\@md_11-3-
|
|
768
|
+
.cdr-button--small\@md_11-3-2 {
|
|
776
769
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
777
770
|
font-style: normal;
|
|
778
771
|
font-weight: 500;
|
|
@@ -781,15 +774,15 @@
|
|
|
781
774
|
line-height: 1.8rem;
|
|
782
775
|
padding: 0.6rem 1.2rem;
|
|
783
776
|
width: auto; }
|
|
784
|
-
.cdr-button--small\@md_11-3-
|
|
777
|
+
.cdr-button--small\@md_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
785
778
|
padding-left: 0.8rem; }
|
|
786
|
-
.cdr-button--small\@md_11-3-
|
|
779
|
+
.cdr-button--small\@md_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
787
780
|
padding-right: 0.8rem; }
|
|
788
|
-
.cdr-button--small\@md_11-3-
|
|
781
|
+
.cdr-button--small\@md_11-3-2 svg {
|
|
789
782
|
/* This is to correct icon size vs line height */
|
|
790
783
|
width: 2rem;
|
|
791
784
|
height: 2rem; }
|
|
792
|
-
.cdr-button--medium\@md_11-3-
|
|
785
|
+
.cdr-button--medium\@md_11-3-2 {
|
|
793
786
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
794
787
|
font-style: normal;
|
|
795
788
|
font-weight: 500;
|
|
@@ -798,15 +791,15 @@
|
|
|
798
791
|
line-height: 2.2rem;
|
|
799
792
|
padding: 0.8rem 1.6rem;
|
|
800
793
|
width: auto; }
|
|
801
|
-
.cdr-button--medium\@md_11-3-
|
|
794
|
+
.cdr-button--medium\@md_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
802
795
|
padding-left: 1.2rem; }
|
|
803
|
-
.cdr-button--medium\@md_11-3-
|
|
796
|
+
.cdr-button--medium\@md_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
804
797
|
padding-right: 1.2rem; }
|
|
805
|
-
.cdr-button--medium\@md_11-3-
|
|
798
|
+
.cdr-button--medium\@md_11-3-2 svg {
|
|
806
799
|
/* This is to correct icon size vs line height */
|
|
807
800
|
width: 2.4rem;
|
|
808
801
|
height: 2.4rem; }
|
|
809
|
-
.cdr-button--large\@md_11-3-
|
|
802
|
+
.cdr-button--large\@md_11-3-2 {
|
|
810
803
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
811
804
|
font-style: normal;
|
|
812
805
|
font-weight: 500;
|
|
@@ -815,19 +808,19 @@
|
|
|
815
808
|
line-height: 2.2rem;
|
|
816
809
|
padding: 1.2rem 2.4rem;
|
|
817
810
|
width: auto; }
|
|
818
|
-
.cdr-button--large\@md_11-3-
|
|
811
|
+
.cdr-button--large\@md_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
819
812
|
padding-left: 2rem; }
|
|
820
|
-
.cdr-button--large\@md_11-3-
|
|
813
|
+
.cdr-button--large\@md_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
821
814
|
padding-right: 2rem; }
|
|
822
|
-
.cdr-button--large\@md_11-3-
|
|
815
|
+
.cdr-button--large\@md_11-3-2 svg {
|
|
823
816
|
/* This is to correct icon size vs line height */
|
|
824
817
|
width: 2.4rem;
|
|
825
818
|
height: 2.4rem; }
|
|
826
|
-
.cdr-button--fullWidth\@md_11-3-
|
|
819
|
+
.cdr-button--fullWidth\@md_11-3-2 {
|
|
827
820
|
width: 100% !important;
|
|
828
821
|
justify-content: center; } }
|
|
829
822
|
@media (min-width: 1232px) {
|
|
830
|
-
.cdr-button--small\@lg_11-3-
|
|
823
|
+
.cdr-button--small\@lg_11-3-2 {
|
|
831
824
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
832
825
|
font-style: normal;
|
|
833
826
|
font-weight: 500;
|
|
@@ -836,15 +829,15 @@
|
|
|
836
829
|
line-height: 1.8rem;
|
|
837
830
|
padding: 0.6rem 1.2rem;
|
|
838
831
|
width: auto; }
|
|
839
|
-
.cdr-button--small\@lg_11-3-
|
|
832
|
+
.cdr-button--small\@lg_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
840
833
|
padding-left: 0.8rem; }
|
|
841
|
-
.cdr-button--small\@lg_11-3-
|
|
834
|
+
.cdr-button--small\@lg_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
842
835
|
padding-right: 0.8rem; }
|
|
843
|
-
.cdr-button--small\@lg_11-3-
|
|
836
|
+
.cdr-button--small\@lg_11-3-2 svg {
|
|
844
837
|
/* This is to correct icon size vs line height */
|
|
845
838
|
width: 2rem;
|
|
846
839
|
height: 2rem; }
|
|
847
|
-
.cdr-button--medium\@lg_11-3-
|
|
840
|
+
.cdr-button--medium\@lg_11-3-2 {
|
|
848
841
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
849
842
|
font-style: normal;
|
|
850
843
|
font-weight: 500;
|
|
@@ -853,15 +846,15 @@
|
|
|
853
846
|
line-height: 2.2rem;
|
|
854
847
|
padding: 0.8rem 1.6rem;
|
|
855
848
|
width: auto; }
|
|
856
|
-
.cdr-button--medium\@lg_11-3-
|
|
849
|
+
.cdr-button--medium\@lg_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
857
850
|
padding-left: 1.2rem; }
|
|
858
|
-
.cdr-button--medium\@lg_11-3-
|
|
851
|
+
.cdr-button--medium\@lg_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
859
852
|
padding-right: 1.2rem; }
|
|
860
|
-
.cdr-button--medium\@lg_11-3-
|
|
853
|
+
.cdr-button--medium\@lg_11-3-2 svg {
|
|
861
854
|
/* This is to correct icon size vs line height */
|
|
862
855
|
width: 2.4rem;
|
|
863
856
|
height: 2.4rem; }
|
|
864
|
-
.cdr-button--large\@lg_11-3-
|
|
857
|
+
.cdr-button--large\@lg_11-3-2 {
|
|
865
858
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
866
859
|
font-style: normal;
|
|
867
860
|
font-weight: 500;
|
|
@@ -870,163 +863,20 @@
|
|
|
870
863
|
line-height: 2.2rem;
|
|
871
864
|
padding: 1.2rem 2.4rem;
|
|
872
865
|
width: auto; }
|
|
873
|
-
.cdr-button--large\@lg_11-3-
|
|
866
|
+
.cdr-button--large\@lg_11-3-2.cdr-button--has-icon-left_11-3-2 {
|
|
874
867
|
padding-left: 2rem; }
|
|
875
|
-
.cdr-button--large\@lg_11-3-
|
|
868
|
+
.cdr-button--large\@lg_11-3-2.cdr-button--has-icon-right_11-3-2 {
|
|
876
869
|
padding-right: 2rem; }
|
|
877
|
-
.cdr-button--large\@lg_11-3-
|
|
870
|
+
.cdr-button--large\@lg_11-3-2 svg {
|
|
878
871
|
/* This is to correct icon size vs line height */
|
|
879
872
|
width: 2.4rem;
|
|
880
873
|
height: 2.4rem; }
|
|
881
|
-
.cdr-button--fullWidth\@lg_11-3-
|
|
874
|
+
.cdr-button--fullWidth\@lg_11-3-2 {
|
|
882
875
|
width: 100% !important;
|
|
883
876
|
justify-content: center; } }
|
|
884
877
|
|
|
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; }
|
|
903
|
-
|
|
904
|
-
.cdr-banner_11-3-1 {
|
|
905
|
-
position: relative;
|
|
906
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
907
|
-
font-style: normal;
|
|
908
|
-
font-weight: 400;
|
|
909
|
-
letter-spacing: -0.016rem;
|
|
910
|
-
font-size: 1.4rem;
|
|
911
|
-
line-height: 1.8rem;
|
|
912
|
-
display: grid;
|
|
913
|
-
grid-template-columns: 1fr auto;
|
|
914
|
-
grid-template-areas: "main info-action" "message-body info-action"; }
|
|
915
|
-
.cdr-banner__wrapper--prominence_11-3-1 {
|
|
916
|
-
box-shadow: 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2); }
|
|
917
|
-
.cdr-banner__main_11-3-1 {
|
|
918
|
-
grid-area: main;
|
|
919
|
-
display: grid;
|
|
920
|
-
grid-template-columns: auto 1fr auto;
|
|
921
|
-
grid-template-areas: "icon-left message icon-right"; }
|
|
922
|
-
.cdr-banner__icon-left_11-3-1 {
|
|
923
|
-
grid-area: icon-left;
|
|
924
|
-
display: inherit;
|
|
925
|
-
align-items: center;
|
|
926
|
-
justify-items: center; }
|
|
927
|
-
.cdr-banner__icon-left_11-3-1 svg {
|
|
928
|
-
max-height: 2.2rem;
|
|
929
|
-
max-width: 2.2rem;
|
|
930
|
-
stroke: white;
|
|
931
|
-
stroke-width: 0.4rem;
|
|
932
|
-
paint-order: stroke fill;
|
|
933
|
-
margin: 0.4rem; }
|
|
934
|
-
.cdr-banner__message_11-3-1 {
|
|
935
|
-
display: inherit;
|
|
936
|
-
grid-area: message;
|
|
937
|
-
padding: 0 0.8rem;
|
|
938
|
-
align-items: center; }
|
|
939
|
-
.cdr-banner__message-body_11-3-1 {
|
|
940
|
-
grid-area: message-body;
|
|
941
|
-
background-color: #ffffff;
|
|
942
|
-
padding: 0.8rem; }
|
|
943
|
-
.cdr-banner__icon-right_11-3-1 {
|
|
944
|
-
display: inherit;
|
|
945
|
-
align-items: center;
|
|
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 {
|
|
963
|
-
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; }
|
|
1027
|
-
|
|
1028
878
|
/* intentionally empty */
|
|
1029
|
-
.cdr-checkbox_11-3-
|
|
879
|
+
.cdr-checkbox_11-3-2 {
|
|
1030
880
|
/* Checked
|
|
1031
881
|
========== */
|
|
1032
882
|
/* Disabled
|
|
@@ -1035,14 +885,14 @@
|
|
|
1035
885
|
========== */
|
|
1036
886
|
/* Focus
|
|
1037
887
|
========== */ }
|
|
1038
|
-
.cdr-checkbox__input_11-3-
|
|
888
|
+
.cdr-checkbox__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1039
889
|
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
1040
890
|
background-color: #4e4d49;
|
|
1041
891
|
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
892
|
background-repeat: no-repeat; }
|
|
1043
|
-
.cdr-checkbox__input_11-3-
|
|
893
|
+
.cdr-checkbox__input_11-3-2[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1044
894
|
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
1045
|
-
.cdr-checkbox__input_11-3-
|
|
895
|
+
.cdr-checkbox__input_11-3-2[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1046
896
|
content: '';
|
|
1047
897
|
position: absolute;
|
|
1048
898
|
left: 50%;
|
|
@@ -1052,50 +902,295 @@
|
|
|
1052
902
|
height: 0.2rem;
|
|
1053
903
|
background-color: #4e4d49;
|
|
1054
904
|
border-radius: 0.2rem; }
|
|
1055
|
-
.cdr-checkbox_11-3-
|
|
905
|
+
.cdr-checkbox_11-3-2:hover .cdr-label-wrapper__figure_11-3-2 {
|
|
1056
906
|
cursor: pointer;
|
|
1057
907
|
box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
|
|
1058
908
|
background-color: #f9f8f6; }
|
|
1059
|
-
.cdr-checkbox_11-3-
|
|
909
|
+
.cdr-checkbox_11-3-2:hover .cdr-checkbox__input_11-3-2 {
|
|
1060
910
|
/* Hover + Checked
|
|
1061
911
|
========== */
|
|
1062
912
|
/* Hover + Indeterminate
|
|
1063
913
|
========== */ }
|
|
1064
|
-
.cdr-checkbox_11-3-
|
|
914
|
+
.cdr-checkbox_11-3-2:hover .cdr-checkbox__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1065
915
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1066
916
|
background-color: #928b80;
|
|
1067
917
|
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-
|
|
918
|
+
.cdr-checkbox_11-3-2:hover .cdr-checkbox__input_11-3-2[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1069
919
|
box-shadow: inset 0 0 0 0.2rem #4e4d49; }
|
|
1070
|
-
.cdr-checkbox_11-3-
|
|
920
|
+
.cdr-checkbox_11-3-2:hover .cdr-checkbox__input_11-3-2[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1071
921
|
background-color: #ffffff; }
|
|
1072
|
-
.cdr-checkbox__input_11-3-
|
|
922
|
+
.cdr-checkbox__input_11-3-2:disabled {
|
|
1073
923
|
/* Disabled + Checked
|
|
1074
924
|
========== */
|
|
1075
925
|
/* Disabled + Indeterminate
|
|
1076
926
|
========== */ }
|
|
1077
|
-
.cdr-checkbox__input_11-3-
|
|
927
|
+
.cdr-checkbox__input_11-3-2:disabled ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1078
928
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
|
|
1079
929
|
background-color: #f9f8f6 !important;
|
|
1080
930
|
background-image: none !important; }
|
|
1081
|
-
.cdr-checkbox__input_11-3-
|
|
931
|
+
.cdr-checkbox__input_11-3-2:disabled:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1082
932
|
background-color: #f9f8f6 !important; }
|
|
1083
|
-
.cdr-checkbox__input_11-3-
|
|
933
|
+
.cdr-checkbox__input_11-3-2:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1084
934
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important; }
|
|
1085
|
-
.cdr-checkbox__input_11-3-
|
|
935
|
+
.cdr-checkbox__input_11-3-2:disabled[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1086
936
|
background-color: #f9f8f6 !important; }
|
|
1087
|
-
.cdr-checkbox_11-3-
|
|
937
|
+
.cdr-checkbox_11-3-2:active .cdr-label-wrapper__figure_11-3-2, .cdr-checkbox_11-3-2:active .cdr-checkbox__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1088
938
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1089
939
|
background-color: #f9f8f6;
|
|
1090
940
|
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-
|
|
941
|
+
.cdr-checkbox_11-3-2:active .cdr-checkbox__input_11-3-2[indeterminate] ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1092
942
|
content: none; }
|
|
1093
|
-
.cdr-checkbox__input_11-3-
|
|
943
|
+
.cdr-checkbox__input_11-3-2:focus ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1094
944
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1095
945
|
background-color: #f9f8f6; }
|
|
1096
|
-
.cdr-checkbox__input_11-3-
|
|
946
|
+
.cdr-checkbox__input_11-3-2:focus:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1097
947
|
background-color: #928b80; }
|
|
1098
948
|
|
|
949
|
+
/* ==========================================================================
|
|
950
|
+
# CdrCaption
|
|
951
|
+
|
|
952
|
+
All values should map to variables in
|
|
953
|
+
vars/CdrCaption.vars.pcss
|
|
954
|
+
in order to allow for theming
|
|
955
|
+
|
|
956
|
+
TOC:
|
|
957
|
+
|
|
958
|
+
:Base - CdrCaption
|
|
959
|
+
========================================================================== */
|
|
960
|
+
.cdr-caption_11-3-2 {
|
|
961
|
+
max-width: 53rem;
|
|
962
|
+
line-height: 1;
|
|
963
|
+
padding: 0.8rem 0; }
|
|
964
|
+
.cdr-caption_11-3-2 cite {
|
|
965
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
966
|
+
font-size: 1.2rem;
|
|
967
|
+
font-weight: 400;
|
|
968
|
+
letter-spacing: 0.016rem;
|
|
969
|
+
line-height: 1.8rem;
|
|
970
|
+
color: rgba(66, 59, 47, 0.75);
|
|
971
|
+
font-style: normal; }
|
|
972
|
+
.cdr-caption__summary_11-3-2 {
|
|
973
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
974
|
+
font-size: 1.4rem;
|
|
975
|
+
font-weight: 400;
|
|
976
|
+
letter-spacing: 0.008rem;
|
|
977
|
+
line-height: 2.2rem;
|
|
978
|
+
margin: 0;
|
|
979
|
+
color: rgba(12, 11, 8, 0.75); }
|
|
980
|
+
.cdr-caption__summary_11-3-2 + cite {
|
|
981
|
+
display: inline-block;
|
|
982
|
+
margin-top: 0.8rem; }
|
|
983
|
+
|
|
984
|
+
.cdr-container_11-3-2 {
|
|
985
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
986
|
+
font-style: normal;
|
|
987
|
+
font-weight: 400;
|
|
988
|
+
letter-spacing: -0.016rem;
|
|
989
|
+
font-size: 1.6rem;
|
|
990
|
+
line-height: 2.2rem;
|
|
991
|
+
padding-left: 1.6rem;
|
|
992
|
+
padding-right: 1.6rem;
|
|
993
|
+
width: 100%; }
|
|
994
|
+
@media (min-width: 992px) {
|
|
995
|
+
.cdr-container_11-3-2 {
|
|
996
|
+
padding-left: 3.2rem;
|
|
997
|
+
padding-right: 3.2rem; } }
|
|
998
|
+
.cdr-container--static_11-3-2 {
|
|
999
|
+
margin-left: auto;
|
|
1000
|
+
margin-right: auto;
|
|
1001
|
+
max-width: 123.2rem; }
|
|
1002
|
+
|
|
1003
|
+
.cdr-chip-group_11-3-2 {
|
|
1004
|
+
border: none;
|
|
1005
|
+
-webkit-margin-start: 0;
|
|
1006
|
+
margin-inline-start: 0;
|
|
1007
|
+
-webkit-margin-end: 0;
|
|
1008
|
+
margin-inline-end: 0;
|
|
1009
|
+
-webkit-padding-before: 0;
|
|
1010
|
+
padding-block-start: 0;
|
|
1011
|
+
-webkit-padding-start: 0;
|
|
1012
|
+
padding-inline-start: 0;
|
|
1013
|
+
-webkit-padding-end: 0;
|
|
1014
|
+
padding-inline-end: 0;
|
|
1015
|
+
-webkit-padding-after: 0;
|
|
1016
|
+
padding-block-end: 0; }
|
|
1017
|
+
.cdr-chip-group_11-3-2 legend {
|
|
1018
|
+
-webkit-padding-start: 0;
|
|
1019
|
+
padding-inline-start: 0;
|
|
1020
|
+
margin-bottom: 0.8rem; }
|
|
1021
|
+
.cdr-chip-group__content_11-3-2 > button:not(:last-child) {
|
|
1022
|
+
margin-right: 0.8rem;
|
|
1023
|
+
margin-bottom: 0.8rem; }
|
|
1024
|
+
.cdr-chip-group__legend--hidden_11-3-2 {
|
|
1025
|
+
position: absolute;
|
|
1026
|
+
width: 0.1rem;
|
|
1027
|
+
height: 0.1rem;
|
|
1028
|
+
padding: 0;
|
|
1029
|
+
margin: -0.1rem;
|
|
1030
|
+
overflow: hidden;
|
|
1031
|
+
clip: rect(0, 0, 0, 0);
|
|
1032
|
+
border: 0; }
|
|
1033
|
+
.cdr-chip-group__legend_11-3-2 {
|
|
1034
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1035
|
+
font-style: normal;
|
|
1036
|
+
font-weight: 500;
|
|
1037
|
+
letter-spacing: 0;
|
|
1038
|
+
font-size: 1.6rem;
|
|
1039
|
+
line-height: 2rem; }
|
|
1040
|
+
|
|
1041
|
+
.cdr-chip_11-3-2 {
|
|
1042
|
+
display: inline-flex;
|
|
1043
|
+
align-items: center;
|
|
1044
|
+
position: relative;
|
|
1045
|
+
width: -webkit-max-content;
|
|
1046
|
+
width: -moz-max-content;
|
|
1047
|
+
width: max-content;
|
|
1048
|
+
padding: 0.8rem 1.2rem;
|
|
1049
|
+
border-radius: 3rem;
|
|
1050
|
+
border: 0;
|
|
1051
|
+
color: #4e4d49;
|
|
1052
|
+
fill: #4e4d49;
|
|
1053
|
+
background-color: #ffffff;
|
|
1054
|
+
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
1055
|
+
cursor: pointer;
|
|
1056
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1057
|
+
font-size: 1.4rem;
|
|
1058
|
+
line-height: 1.5rem;
|
|
1059
|
+
font-weight: 400;
|
|
1060
|
+
letter-spacing: -0.008rem;
|
|
1061
|
+
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); }
|
|
1062
|
+
.cdr-chip_11-3-2:disabled, .cdr-chip_11-3-2:disabled:hover, .cdr-chip_11-3-2:disabled:focus {
|
|
1063
|
+
cursor: not-allowed !important;
|
|
1064
|
+
background-color: #ffffff !important;
|
|
1065
|
+
box-shadow: inset 0 0 0 0.1rem #dcd6cb !important;
|
|
1066
|
+
color: #d1cbbd !important; }
|
|
1067
|
+
.cdr-chip_11-3-2:hover {
|
|
1068
|
+
background-color: #f9f8f6;
|
|
1069
|
+
box-shadow: inset 0 0 0 0.1rem #928b80, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1070
|
+
.cdr-chip_11-3-2:focus {
|
|
1071
|
+
outline: none;
|
|
1072
|
+
outline-offset: 0;
|
|
1073
|
+
background-color: #ffffff;
|
|
1074
|
+
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
1075
|
+
.cdr-chip_11-3-2:active {
|
|
1076
|
+
background-color: #edeae3;
|
|
1077
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1078
|
+
.cdr-chip_11-3-2[aria-pressed="true"], .cdr-chip_11-3-2[aria-checked="true"] {
|
|
1079
|
+
text-shadow: 0 0 0.1rem currentColor;
|
|
1080
|
+
background-color: #edeae3;
|
|
1081
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49; }
|
|
1082
|
+
.cdr-chip_11-3-2[aria-pressed="true"]:hover, .cdr-chip_11-3-2[aria-checked="true"]:hover {
|
|
1083
|
+
background-color: #edeae3;
|
|
1084
|
+
box-shadow: inset 0 0 0 0.2rem #726d64, 0 0.4rem 0.4rem 0 rgba(12, 11, 8, 0.2); }
|
|
1085
|
+
.cdr-chip_11-3-2[aria-pressed="true"]:focus, .cdr-chip_11-3-2[aria-checked="true"]:focus {
|
|
1086
|
+
background-color: #edeae3;
|
|
1087
|
+
box-shadow: inset 0 0 0 0.3rem #4e4d49; }
|
|
1088
|
+
.cdr-chip__icon-left_11-3-2 {
|
|
1089
|
+
position: absolute;
|
|
1090
|
+
left: 0.8rem; }
|
|
1091
|
+
.cdr-chip__icon-right_11-3-2 {
|
|
1092
|
+
position: absolute;
|
|
1093
|
+
right: 0.8rem; }
|
|
1094
|
+
.cdr-chip__icon-left_11-3-2 ~ .cdr-chip__content_11-3-2 {
|
|
1095
|
+
margin-left: 1.6rem; }
|
|
1096
|
+
.cdr-chip__icon-right_11-3-2 ~ .cdr-chip__content_11-3-2 {
|
|
1097
|
+
margin-right: 1.6rem; }
|
|
1098
|
+
|
|
1099
|
+
/* intentionally empty */
|
|
1100
|
+
.cdr-form-group_11-3-2 {
|
|
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_11-3-2 legend {
|
|
1121
|
+
-webkit-padding-start: 0;
|
|
1122
|
+
padding-inline-start: 0;
|
|
1123
|
+
margin-bottom: 0.8rem; }
|
|
1124
|
+
.cdr-form-group--error_11-3-2 {
|
|
1125
|
+
box-shadow: inset 0 0 0 0.1rem #b33322;
|
|
1126
|
+
background-color: rgba(255, 242, 242, 0.75); }
|
|
1127
|
+
.cdr-form-group--error_11-3-2:hover {
|
|
1128
|
+
background-color: transparent; }
|
|
1129
|
+
.cdr-form-group--disabled_11-3-2 {
|
|
1130
|
+
cursor: not-allowed;
|
|
1131
|
+
color: #d1cbbd; }
|
|
1132
|
+
.cdr-form-group--disabled_11-3-2 .cdr-form-group__optional_11-3-2, .cdr-form-group--disabled_11-3-2 .cdr-form-group__required_11-3-2 {
|
|
1133
|
+
color: #d1cbbd; }
|
|
1134
|
+
.cdr-form-group__wrapper_11-3-2 {
|
|
1135
|
+
border-radius: 0.4rem;
|
|
1136
|
+
display: flex;
|
|
1137
|
+
flex-direction: column; }
|
|
1138
|
+
.cdr-form-group__wrapper_11-3-2 > * {
|
|
1139
|
+
flex: 1 1 0; }
|
|
1140
|
+
.cdr-form-group__optional_11-3-2 {
|
|
1141
|
+
color: rgba(66, 59, 47, 0.75); }
|
|
1142
|
+
|
|
1143
|
+
.cdr-grid_11-3-2 {
|
|
1144
|
+
display: grid;
|
|
1145
|
+
list-style: none;
|
|
1146
|
+
margin: 0;
|
|
1147
|
+
padding: 0;
|
|
1148
|
+
gap: 1.6rem 1.6rem; }
|
|
1149
|
+
.cdr-grid--gutter-none_11-3-2 {
|
|
1150
|
+
gap: 0 0; }
|
|
1151
|
+
.cdr-grid--gutter-small_11-3-2 {
|
|
1152
|
+
gap: 0.2rem 0.2rem; }
|
|
1153
|
+
.cdr-grid--gutter-medium_11-3-2 {
|
|
1154
|
+
gap: 1.6rem 1.6rem; }
|
|
1155
|
+
.cdr-grid--gutter-large_11-3-2 {
|
|
1156
|
+
gap: 3.2rem 3.2rem; }
|
|
1157
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
1158
|
+
.cdr-grid--gutter-none\@xs_11-3-2 {
|
|
1159
|
+
gap: 0 0; }
|
|
1160
|
+
.cdr-grid--gutter-small\@xs_11-3-2 {
|
|
1161
|
+
gap: 0.2rem 0.2rem; }
|
|
1162
|
+
.cdr-grid--gutter-medium\@xs_11-3-2 {
|
|
1163
|
+
gap: 1.6rem 1.6rem; }
|
|
1164
|
+
.cdr-grid--gutter-large\@xs_11-3-2 {
|
|
1165
|
+
gap: 3.2rem 3.2rem; } }
|
|
1166
|
+
@media (min-width: 768px) and (max-width: 991px) {
|
|
1167
|
+
.cdr-grid--gutter-none\@sm_11-3-2 {
|
|
1168
|
+
gap: 0 0; }
|
|
1169
|
+
.cdr-grid--gutter-small\@sm_11-3-2 {
|
|
1170
|
+
gap: 0.2rem 0.2rem; }
|
|
1171
|
+
.cdr-grid--gutter-medium\@sm_11-3-2 {
|
|
1172
|
+
gap: 1.6rem 1.6rem; }
|
|
1173
|
+
.cdr-grid--gutter-large\@sm_11-3-2 {
|
|
1174
|
+
gap: 3.2rem 3.2rem; } }
|
|
1175
|
+
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1176
|
+
.cdr-grid--gutter-none\@md_11-3-2 {
|
|
1177
|
+
gap: 0 0; }
|
|
1178
|
+
.cdr-grid--gutter-small\@md_11-3-2 {
|
|
1179
|
+
gap: 0.2rem 0.2rem; }
|
|
1180
|
+
.cdr-grid--gutter-medium\@md_11-3-2 {
|
|
1181
|
+
gap: 1.6rem 1.6rem; }
|
|
1182
|
+
.cdr-grid--gutter-large\@md_11-3-2 {
|
|
1183
|
+
gap: 3.2rem 3.2rem; } }
|
|
1184
|
+
@media (min-width: 1232px) {
|
|
1185
|
+
.cdr-grid--gutter-none\@lg_11-3-2 {
|
|
1186
|
+
gap: 0 0; }
|
|
1187
|
+
.cdr-grid--gutter-small\@lg_11-3-2 {
|
|
1188
|
+
gap: 0.2rem 0.2rem; }
|
|
1189
|
+
.cdr-grid--gutter-medium\@lg_11-3-2 {
|
|
1190
|
+
gap: 1.6rem 1.6rem; }
|
|
1191
|
+
.cdr-grid--gutter-large\@lg_11-3-2 {
|
|
1192
|
+
gap: 3.2rem 3.2rem; } }
|
|
1193
|
+
|
|
1099
1194
|
/* intentionally empty */
|
|
1100
1195
|
/* ==========================================================================
|
|
1101
1196
|
# INPUT LABEL
|
|
@@ -1131,7 +1226,7 @@
|
|
|
1131
1226
|
/* ==========================================================================
|
|
1132
1227
|
# INPUT
|
|
1133
1228
|
========================================================================== */
|
|
1134
|
-
.cdr-input_11-3-
|
|
1229
|
+
.cdr-input_11-3-2 {
|
|
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-
|
|
1270
|
+
.cdr-input_11-3-2[type=number]::-webkit-inner-spin-button, .cdr-input_11-3-2[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-
|
|
1275
|
+
.cdr-input_11-3-2:active, .cdr-input_11-3-2: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-
|
|
1278
|
+
.cdr-input_11-3-2::-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-
|
|
1286
|
+
.cdr-input_11-3-2:-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-
|
|
1294
|
+
.cdr-input_11-3-2::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-
|
|
1302
|
+
.cdr-input_11-3-2[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-
|
|
1306
|
+
.cdr-input_11-3-2[disabled]:hover {
|
|
1212
1307
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd;
|
|
1213
1308
|
cursor: not-allowed; }
|
|
1214
|
-
.cdr-input_11-3-
|
|
1309
|
+
.cdr-input_11-3-2[disabled]::-moz-placeholder {
|
|
1215
1310
|
color: #d1cbbd; }
|
|
1216
|
-
.cdr-input_11-3-
|
|
1311
|
+
.cdr-input_11-3-2[disabled]:-ms-input-placeholder {
|
|
1217
1312
|
color: #d1cbbd; }
|
|
1218
|
-
.cdr-input_11-3-
|
|
1313
|
+
.cdr-input_11-3-2[disabled]::placeholder {
|
|
1219
1314
|
color: #d1cbbd; }
|
|
1220
|
-
.cdr-input--focus_11-3-
|
|
1315
|
+
.cdr-input--focus_11-3-2 svg {
|
|
1221
1316
|
fill: rgba(12, 11, 8, 0.75) !important; }
|
|
1222
|
-
.cdr-input--multiline_11-3-
|
|
1317
|
+
.cdr-input--multiline_11-3-2 {
|
|
1223
1318
|
height: auto; }
|
|
1224
|
-
.cdr-input--preicon_11-3-
|
|
1319
|
+
.cdr-input--preicon_11-3-2 {
|
|
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-
|
|
1323
|
+
.cdr-input--posticon_11-3-2 {
|
|
1229
1324
|
padding-right: 4.5rem; }
|
|
1230
|
-
.cdr-input--posticons_11-3-
|
|
1325
|
+
.cdr-input--posticons_11-3-2 {
|
|
1231
1326
|
padding-right: 9rem; }
|
|
1232
|
-
.cdr-input--primary_11-3-
|
|
1327
|
+
.cdr-input--primary_11-3-2 {
|
|
1233
1328
|
background-color: rgba(244, 242, 237, 0.15); }
|
|
1234
|
-
.cdr-input--primary_11-3-
|
|
1329
|
+
.cdr-input--primary_11-3-2:active, .cdr-input--primary_11-3-2:focus {
|
|
1235
1330
|
background-color: #f9f8f6; }
|
|
1236
|
-
.cdr-input--secondary_11-3-
|
|
1331
|
+
.cdr-input--secondary_11-3-2 {
|
|
1237
1332
|
background-color: rgba(255, 255, 255, 0.85); }
|
|
1238
|
-
.cdr-input--secondary_11-3-
|
|
1333
|
+
.cdr-input--secondary_11-3-2:active, .cdr-input--secondary_11-3-2:focus {
|
|
1239
1334
|
background-color: #ffffff; }
|
|
1240
|
-
.cdr-input--error_11-3-
|
|
1335
|
+
.cdr-input--error_11-3-2 {
|
|
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-
|
|
1338
|
+
.cdr-input--large_11-3-2 {
|
|
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-
|
|
1348
|
+
.cdr-input--large_11-3-2::-moz-placeholder {
|
|
1254
1349
|
line-height: 3.2rem; }
|
|
1255
|
-
.cdr-input--large_11-3-
|
|
1350
|
+
.cdr-input--large_11-3-2:-ms-input-placeholder {
|
|
1256
1351
|
line-height: 3.2rem; }
|
|
1257
|
-
.cdr-input--large_11-3-
|
|
1352
|
+
.cdr-input--large_11-3-2::placeholder {
|
|
1258
1353
|
line-height: 3.2rem; }
|
|
1259
1354
|
@media (min-width: 0) and (max-width: 767px) {
|
|
1260
|
-
.cdr-input--large\@xs_11-3-
|
|
1355
|
+
.cdr-input--large\@xs_11-3-2 {
|
|
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-
|
|
1365
|
+
.cdr-input--large\@xs_11-3-2::-moz-placeholder {
|
|
1271
1366
|
line-height: 3.2rem; }
|
|
1272
|
-
.cdr-input--large\@xs_11-3-
|
|
1367
|
+
.cdr-input--large\@xs_11-3-2:-ms-input-placeholder {
|
|
1273
1368
|
line-height: 3.2rem; }
|
|
1274
|
-
.cdr-input--large\@xs_11-3-
|
|
1369
|
+
.cdr-input--large\@xs_11-3-2::placeholder {
|
|
1275
1370
|
line-height: 3.2rem; } }
|
|
1276
1371
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
1277
|
-
.cdr-input--large\@sm_11-3-
|
|
1372
|
+
.cdr-input--large\@sm_11-3-2 {
|
|
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-
|
|
1382
|
+
.cdr-input--large\@sm_11-3-2::-moz-placeholder {
|
|
1288
1383
|
line-height: 3.2rem; }
|
|
1289
|
-
.cdr-input--large\@sm_11-3-
|
|
1384
|
+
.cdr-input--large\@sm_11-3-2:-ms-input-placeholder {
|
|
1290
1385
|
line-height: 3.2rem; }
|
|
1291
|
-
.cdr-input--large\@sm_11-3-
|
|
1386
|
+
.cdr-input--large\@sm_11-3-2::placeholder {
|
|
1292
1387
|
line-height: 3.2rem; } }
|
|
1293
1388
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1294
|
-
.cdr-input--large\@md_11-3-
|
|
1389
|
+
.cdr-input--large\@md_11-3-2 {
|
|
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-
|
|
1399
|
+
.cdr-input--large\@md_11-3-2::-moz-placeholder {
|
|
1305
1400
|
line-height: 3.2rem; }
|
|
1306
|
-
.cdr-input--large\@md_11-3-
|
|
1401
|
+
.cdr-input--large\@md_11-3-2:-ms-input-placeholder {
|
|
1307
1402
|
line-height: 3.2rem; }
|
|
1308
|
-
.cdr-input--large\@md_11-3-
|
|
1403
|
+
.cdr-input--large\@md_11-3-2::placeholder {
|
|
1309
1404
|
line-height: 3.2rem; } }
|
|
1310
1405
|
@media (min-width: 1232px) {
|
|
1311
|
-
.cdr-input--large\@lg_11-3-
|
|
1406
|
+
.cdr-input--large\@lg_11-3-2 {
|
|
1312
1407
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1313
1408
|
font-style: normal;
|
|
1314
1409
|
font-weight: 400;
|
|
@@ -1318,135 +1413,40 @@
|
|
|
1318
1413
|
line-height: 3.2rem;
|
|
1319
1414
|
padding-left: 0.8rem;
|
|
1320
1415
|
height: 4.8rem; }
|
|
1321
|
-
.cdr-input--large\@lg_11-3-
|
|
1416
|
+
.cdr-input--large\@lg_11-3-2::-moz-placeholder {
|
|
1322
1417
|
line-height: 3.2rem; }
|
|
1323
|
-
.cdr-input--large\@lg_11-3-
|
|
1418
|
+
.cdr-input--large\@lg_11-3-2:-ms-input-placeholder {
|
|
1324
1419
|
line-height: 3.2rem; }
|
|
1325
|
-
.cdr-input--large\@lg_11-3-
|
|
1420
|
+
.cdr-input--large\@lg_11-3-2::placeholder {
|
|
1326
1421
|
line-height: 3.2rem; } }
|
|
1327
|
-
.cdr-input__pre-icon_11-3-
|
|
1422
|
+
.cdr-input__pre-icon_11-3-2 {
|
|
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-
|
|
1333
|
-
display: block;
|
|
1334
|
-
position: absolute;
|
|
1335
|
-
top: 50%;
|
|
1336
|
-
right: 0.8rem;
|
|
1337
|
-
transform: translateY(-50%); }
|
|
1338
|
-
.cdr-input__helper-text_11-3-
|
|
1339
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1340
|
-
font-style: normal;
|
|
1341
|
-
font-weight: 400;
|
|
1342
|
-
letter-spacing: -0.016rem;
|
|
1343
|
-
font-size: 1.4rem;
|
|
1344
|
-
line-height: 1.8rem;
|
|
1345
|
-
color: rgba(66, 59, 47, 0.75);
|
|
1346
|
-
display: inline-block;
|
|
1347
|
-
margin-top: 0.4rem; }
|
|
1348
|
-
/* ==========================================================================
|
|
1349
|
-
# INPUT WRAPPER
|
|
1350
|
-
========================================================================== */
|
|
1351
|
-
.cdr-input-wrap_11-3-
|
|
1352
|
-
position: relative;
|
|
1353
|
-
flex-grow: 1;
|
|
1354
|
-
fill: #928b80; }
|
|
1355
|
-
|
|
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); }
|
|
1427
|
+
.cdr-input__post-icon_11-3-2 {
|
|
1428
|
+
display: block;
|
|
1429
|
+
position: absolute;
|
|
1430
|
+
top: 50%;
|
|
1431
|
+
right: 0.8rem;
|
|
1432
|
+
transform: translateY(-50%); }
|
|
1433
|
+
.cdr-input__helper-text_11-3-2 {
|
|
1434
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1435
|
+
font-style: normal;
|
|
1436
|
+
font-weight: 400;
|
|
1437
|
+
letter-spacing: -0.016rem;
|
|
1438
|
+
font-size: 1.4rem;
|
|
1439
|
+
line-height: 1.8rem;
|
|
1440
|
+
color: rgba(66, 59, 47, 0.75);
|
|
1441
|
+
display: inline-block;
|
|
1442
|
+
margin-top: 0.4rem; }
|
|
1443
|
+
/* ==========================================================================
|
|
1444
|
+
# INPUT WRAPPER
|
|
1445
|
+
========================================================================== */
|
|
1446
|
+
.cdr-input-wrap_11-3-2 {
|
|
1447
|
+
position: relative;
|
|
1448
|
+
flex-grow: 1;
|
|
1449
|
+
fill: #928b80; }
|
|
1450
1450
|
|
|
1451
1451
|
/* ==========================================================================
|
|
1452
1452
|
# CdrLink
|
|
@@ -1459,7 +1459,7 @@
|
|
|
1459
1459
|
:Style variants
|
|
1460
1460
|
:Standalone
|
|
1461
1461
|
========================================================================== */
|
|
1462
|
-
.cdr-link_11-3-
|
|
1462
|
+
.cdr-link_11-3-2 {
|
|
1463
1463
|
font-family: inherit;
|
|
1464
1464
|
font-size: inherit;
|
|
1465
1465
|
line-height: inherit;
|
|
@@ -1475,29 +1475,75 @@
|
|
|
1475
1475
|
padding: 0;
|
|
1476
1476
|
text-decoration: underline;
|
|
1477
1477
|
vertical-align: top; }
|
|
1478
|
-
.cdr-link_11-3-
|
|
1478
|
+
.cdr-link_11-3-2:active, .cdr-link_11-3-2:focus {
|
|
1479
1479
|
color: #0b2d60; }
|
|
1480
|
-
.cdr-link_11-3-
|
|
1480
|
+
.cdr-link_11-3-2:hover {
|
|
1481
1481
|
color: #406eb5;
|
|
1482
1482
|
text-decoration: none; }
|
|
1483
|
-
.cdr-link_11-3-
|
|
1483
|
+
.cdr-link_11-3-2: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-
|
|
1489
|
+
.cdr-link--standalone_11-3-2 {
|
|
1490
1490
|
text-decoration: none; }
|
|
1491
|
-
.cdr-link--standalone_11-3-
|
|
1491
|
+
.cdr-link--standalone_11-3-2:hover, .cdr-link--standalone_11-3-2:active, .cdr-link--standalone_11-3-2:focus, .cdr-link--standalone_11-3-2:visited {
|
|
1492
1492
|
text-decoration: underline; }
|
|
1493
|
-
.cdr-link--inherit-color_11-3-
|
|
1493
|
+
.cdr-link--inherit-color_11-3-2 {
|
|
1494
1494
|
fill: inherit;
|
|
1495
1495
|
color: inherit; }
|
|
1496
|
-
.cdr-link--inherit-color_11-3-
|
|
1496
|
+
.cdr-link--inherit-color_11-3-2:active, .cdr-link--inherit-color_11-3-2:hover, .cdr-link--inherit-color_11-3-2:focus {
|
|
1497
1497
|
color: inherit;
|
|
1498
1498
|
fill: inherit; }
|
|
1499
1499
|
|
|
1500
|
-
.cdr-
|
|
1500
|
+
.cdr-image_11-3-2 {
|
|
1501
|
+
max-width: 100%;
|
|
1502
|
+
vertical-align: middle;
|
|
1503
|
+
border-style: none;
|
|
1504
|
+
/* Style variants
|
|
1505
|
+
========================================================================== */
|
|
1506
|
+
/* responsive
|
|
1507
|
+
========== */
|
|
1508
|
+
/* rounded
|
|
1509
|
+
========== */
|
|
1510
|
+
/* circle
|
|
1511
|
+
========== */ }
|
|
1512
|
+
.cdr-image--responsive_11-3-2 {
|
|
1513
|
+
display: block;
|
|
1514
|
+
height: auto;
|
|
1515
|
+
width: 100%; }
|
|
1516
|
+
.cdr-image--rounded_11-3-2 {
|
|
1517
|
+
border-radius: 0.4rem; }
|
|
1518
|
+
.cdr-image--circle_11-3-2 {
|
|
1519
|
+
border-radius: 999.9rem; }
|
|
1520
|
+
/* ==========================================================================
|
|
1521
|
+
# MEDIA FRAME
|
|
1522
|
+
========================================================================== */
|
|
1523
|
+
.cdr-image-ratio_11-3-2 {
|
|
1524
|
+
position: relative;
|
|
1525
|
+
overflow: hidden; }
|
|
1526
|
+
.cdr-image-ratio_11-3-2::before {
|
|
1527
|
+
content: '';
|
|
1528
|
+
height: 0;
|
|
1529
|
+
display: block;
|
|
1530
|
+
padding-bottom: var(--ratio); }
|
|
1531
|
+
.cdr-image-ratio__cover_11-3-2 {
|
|
1532
|
+
position: absolute;
|
|
1533
|
+
top: 0;
|
|
1534
|
+
left: 0;
|
|
1535
|
+
height: 100%;
|
|
1536
|
+
width: 100%;
|
|
1537
|
+
-o-object-fit: contain;
|
|
1538
|
+
object-fit: contain; }
|
|
1539
|
+
.cdr-image-ratio__cover--crop_11-3-2 {
|
|
1540
|
+
-o-object-fit: none;
|
|
1541
|
+
object-fit: none; }
|
|
1542
|
+
.cdr-image-ratio__cover--cover_11-3-2 {
|
|
1543
|
+
-o-object-fit: cover;
|
|
1544
|
+
object-fit: cover; }
|
|
1545
|
+
|
|
1546
|
+
.cdr-list_11-3-2 {
|
|
1501
1547
|
list-style-type: none;
|
|
1502
1548
|
padding: 0;
|
|
1503
1549
|
margin: 0;
|
|
@@ -1513,59 +1559,59 @@
|
|
|
1513
1559
|
========== */
|
|
1514
1560
|
/* Inline
|
|
1515
1561
|
========== */ }
|
|
1516
|
-
.cdr-list_11-3-
|
|
1562
|
+
.cdr-list_11-3-2 > li + li {
|
|
1517
1563
|
margin-top: 0.8rem; }
|
|
1518
|
-
.cdr-list_11-3-
|
|
1564
|
+
.cdr-list_11-3-2 li > .cdr-list_11-3-2 {
|
|
1519
1565
|
margin-top: 0.8rem;
|
|
1520
1566
|
padding-left: 1em;
|
|
1521
1567
|
list-style-type: none; }
|
|
1522
|
-
.cdr-list--compact_11-3-
|
|
1568
|
+
.cdr-list--compact_11-3-2 {
|
|
1523
1569
|
/* nesting
|
|
1524
1570
|
---------- */ }
|
|
1525
|
-
.cdr-list--compact_11-3-
|
|
1571
|
+
.cdr-list--compact_11-3-2 > li + li {
|
|
1526
1572
|
margin-top: 0.4rem; }
|
|
1527
|
-
.cdr-list--compact_11-3-
|
|
1573
|
+
.cdr-list--compact_11-3-2 li > .cdr-list_11-3-2 {
|
|
1528
1574
|
margin-top: 0.4rem; }
|
|
1529
|
-
.cdr-list--ordered_11-3-
|
|
1575
|
+
.cdr-list--ordered_11-3-2 {
|
|
1530
1576
|
list-style-type: decimal;
|
|
1531
1577
|
padding-left: 1.5em;
|
|
1532
1578
|
list-style-position: outside; }
|
|
1533
|
-
.cdr-list--ordered_11-3-
|
|
1579
|
+
.cdr-list--ordered_11-3-2 li {
|
|
1534
1580
|
padding: 0 0 0 0.4rem; }
|
|
1535
|
-
.cdr-list--ordered_11-3-
|
|
1581
|
+
.cdr-list--ordered_11-3-2 li {
|
|
1536
1582
|
/* nesting
|
|
1537
1583
|
---------- */ }
|
|
1538
|
-
.cdr-list--ordered_11-3-
|
|
1584
|
+
.cdr-list--ordered_11-3-2 li > .cdr-list_11-3-2 {
|
|
1539
1585
|
position: relative;
|
|
1540
1586
|
padding-left: 1em; }
|
|
1541
|
-
.cdr-list--ordered_11-3-
|
|
1587
|
+
.cdr-list--ordered_11-3-2 li > .cdr-list_11-3-2 > li {
|
|
1542
1588
|
padding-left: 0; }
|
|
1543
|
-
.cdr-list--ordered_11-3-
|
|
1589
|
+
.cdr-list--ordered_11-3-2 li > .cdr-list_11-3-2 > li::before {
|
|
1544
1590
|
content: '\2013';
|
|
1545
1591
|
position: absolute;
|
|
1546
1592
|
color: rgba(66, 59, 47, 0.75);
|
|
1547
1593
|
left: 0; }
|
|
1548
|
-
.cdr-list--unordered_11-3-
|
|
1594
|
+
.cdr-list--unordered_11-3-2 {
|
|
1549
1595
|
position: relative;
|
|
1550
1596
|
padding-left: 1em;
|
|
1551
1597
|
/* nesting
|
|
1552
1598
|
---------- */ }
|
|
1553
|
-
.cdr-list--unordered_11-3-
|
|
1599
|
+
.cdr-list--unordered_11-3-2 > li::before {
|
|
1554
1600
|
content: '\2022';
|
|
1555
1601
|
position: relative;
|
|
1556
1602
|
margin-left: -1em;
|
|
1557
1603
|
padding-right: 0.8rem;
|
|
1558
1604
|
color: rgba(66, 59, 47, 0.75); }
|
|
1559
|
-
.cdr-list--unordered_11-3-
|
|
1605
|
+
.cdr-list--unordered_11-3-2 li > .cdr-list_11-3-2 {
|
|
1560
1606
|
position: relative;
|
|
1561
1607
|
padding-left: 1em; }
|
|
1562
|
-
.cdr-list--unordered_11-3-
|
|
1608
|
+
.cdr-list--unordered_11-3-2 li > .cdr-list_11-3-2 > li::before {
|
|
1563
1609
|
content: '\2013';
|
|
1564
1610
|
position: relative;
|
|
1565
1611
|
margin-left: -1em;
|
|
1566
1612
|
padding-right: 0.8rem;
|
|
1567
1613
|
color: rgba(66, 59, 47, 0.75); }
|
|
1568
|
-
.cdr-list--inline_11-3-
|
|
1614
|
+
.cdr-list--inline_11-3-2 {
|
|
1569
1615
|
display: flex;
|
|
1570
1616
|
flex-wrap: wrap;
|
|
1571
1617
|
list-style-type: none;
|
|
@@ -1574,24 +1620,24 @@
|
|
|
1574
1620
|
---------- */
|
|
1575
1621
|
/* inline - unordered
|
|
1576
1622
|
---------- */ }
|
|
1577
|
-
.cdr-list--inline_11-3-
|
|
1623
|
+
.cdr-list--inline_11-3-2 > li {
|
|
1578
1624
|
display: block; }
|
|
1579
|
-
.cdr-list--inline_11-3-
|
|
1625
|
+
.cdr-list--inline_11-3-2 > li + li {
|
|
1580
1626
|
margin-top: 0;
|
|
1581
1627
|
padding-left: 1em; }
|
|
1582
|
-
.cdr-list--inline_11-3-
|
|
1628
|
+
.cdr-list--inline_11-3-2.cdr-list--compact_11-3-2 > li + li {
|
|
1583
1629
|
padding-left: 0.5em; }
|
|
1584
|
-
.cdr-list--inline_11-3-
|
|
1630
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2 {
|
|
1585
1631
|
left: 0;
|
|
1586
1632
|
/* inline - unordered - compact
|
|
1587
1633
|
---------- */ }
|
|
1588
|
-
.cdr-list--inline_11-3-
|
|
1634
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2 > li {
|
|
1589
1635
|
position: relative; }
|
|
1590
|
-
.cdr-list--inline_11-3-
|
|
1636
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2 > li + li {
|
|
1591
1637
|
padding-left: 1.5em; }
|
|
1592
|
-
.cdr-list--inline_11-3-
|
|
1638
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2 > li:first-of-type::before {
|
|
1593
1639
|
display: none; }
|
|
1594
|
-
.cdr-list--inline_11-3-
|
|
1640
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2 > li::before {
|
|
1595
1641
|
content: '\2022';
|
|
1596
1642
|
color: rgba(66, 59, 47, 0.75);
|
|
1597
1643
|
display: block;
|
|
@@ -1604,73 +1650,54 @@
|
|
|
1604
1650
|
left: 0;
|
|
1605
1651
|
padding: 0;
|
|
1606
1652
|
margin: 0; }
|
|
1607
|
-
.cdr-list--inline_11-3-
|
|
1653
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2.cdr-list--compact_11-3-2 > li + li {
|
|
1608
1654
|
padding-left: 1em; }
|
|
1609
|
-
.cdr-list--inline_11-3-
|
|
1655
|
+
.cdr-list--inline_11-3-2.cdr-list--unordered_11-3-2.cdr-list--compact_11-3-2 > li + li::before {
|
|
1610
1656
|
transform: translate(100%, -50%); }
|
|
1611
1657
|
|
|
1612
1658
|
/* intentionally empty */
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
.cdr-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
.cdr-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
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; }
|
|
1659
|
+
.cdr-popover--position_11-3-2 {
|
|
1660
|
+
position: relative; }
|
|
1661
|
+
.cdr-popover--wrapper_11-3-2 {
|
|
1662
|
+
width: -webkit-max-content;
|
|
1663
|
+
width: -moz-max-content;
|
|
1664
|
+
width: max-content;
|
|
1665
|
+
height: -webkit-max-content;
|
|
1666
|
+
height: -moz-max-content;
|
|
1667
|
+
height: max-content; }
|
|
1668
|
+
.cdr-popover--wrapper_11-3-2 .cdr-popup--closed_11-3-2 {
|
|
1669
|
+
display: none; }
|
|
1670
|
+
.cdr-popover__title_11-3-2 {
|
|
1671
|
+
font-family: Stuart, Georgia, serif;
|
|
1672
|
+
font-style: normal;
|
|
1673
|
+
font-weight: 500;
|
|
1674
|
+
letter-spacing: 0;
|
|
1675
|
+
font-size: 1.8rem;
|
|
1676
|
+
line-height: 2.4rem;
|
|
1677
|
+
margin-bottom: 0.8rem;
|
|
1678
|
+
margin-right: 0.8rem; }
|
|
1679
|
+
.cdr-popover__container_11-3-2 {
|
|
1680
|
+
padding: 0.8rem;
|
|
1681
|
+
padding-left: 1.6rem;
|
|
1682
|
+
display: flex; }
|
|
1683
|
+
.cdr-popover__content_11-3-2 {
|
|
1684
|
+
flex: auto; }
|
|
1685
|
+
.cdr-popover__close-button_11-3-2 {
|
|
1686
|
+
align-self: flex-start;
|
|
1687
|
+
flex: none;
|
|
1688
|
+
padding: 0; }
|
|
1662
1689
|
|
|
1663
1690
|
/* intentionally empty */
|
|
1664
|
-
.cdr-radio_11-3-
|
|
1691
|
+
.cdr-radio_11-3-2 {
|
|
1665
1692
|
/* Figure
|
|
1666
1693
|
========== */
|
|
1667
1694
|
/* States
|
|
1668
1695
|
========================================================================== */
|
|
1669
1696
|
/* Checked
|
|
1670
1697
|
========== */ }
|
|
1671
|
-
.cdr-radio_11-3-
|
|
1698
|
+
.cdr-radio_11-3-2 .cdr-label-wrapper__figure_11-3-2 {
|
|
1672
1699
|
border-radius: 100%; }
|
|
1673
|
-
.cdr-radio_11-3-
|
|
1700
|
+
.cdr-radio_11-3-2 .cdr-label-wrapper__figure_11-3-2::after {
|
|
1674
1701
|
content: '';
|
|
1675
1702
|
position: absolute;
|
|
1676
1703
|
width: 0.4rem;
|
|
@@ -1679,233 +1706,264 @@
|
|
|
1679
1706
|
top: 50%;
|
|
1680
1707
|
transform: translate(-50%, -50%);
|
|
1681
1708
|
border-radius: 999.9rem; }
|
|
1682
|
-
.cdr-radio__input_11-3-
|
|
1709
|
+
.cdr-radio__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1683
1710
|
box-shadow: inset 0 0 0 0.1rem #4e4d49;
|
|
1684
1711
|
background-color: #4e4d49; }
|
|
1685
|
-
.cdr-radio__input_11-3-
|
|
1712
|
+
.cdr-radio__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1686
1713
|
background-color: #ffffff; }
|
|
1687
|
-
.cdr-radio_11-3-
|
|
1714
|
+
.cdr-radio_11-3-2:hover .cdr-label-wrapper__figure_11-3-2 {
|
|
1688
1715
|
cursor: pointer;
|
|
1689
1716
|
box-shadow: inset 0 0 0 0.1rem #20201d, 0 0 0 0.1rem #20201d;
|
|
1690
1717
|
background-color: #f9f8f6; }
|
|
1691
|
-
.cdr-radio_11-3-
|
|
1718
|
+
.cdr-radio_11-3-2:hover .cdr-radio__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1692
1719
|
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1693
1720
|
background-color: #928b80; }
|
|
1694
|
-
.cdr-radio__input_11-3-
|
|
1721
|
+
.cdr-radio__input_11-3-2:disabled {
|
|
1695
1722
|
/* Disabled + Checked
|
|
1696
1723
|
========== */ }
|
|
1697
|
-
.cdr-radio__input_11-3-
|
|
1724
|
+
.cdr-radio__input_11-3-2:disabled ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1698
1725
|
cursor: not-allowed !important;
|
|
1699
1726
|
box-shadow: inset 0 0 0 0.1rem #d1cbbd !important;
|
|
1700
1727
|
background-color: #f9f8f6 !important; }
|
|
1701
|
-
.cdr-radio__input_11-3-
|
|
1728
|
+
.cdr-radio__input_11-3-2:disabled ~ .cdr-label-wrapper__figure_11-3-2:after {
|
|
1702
1729
|
background-color: #f9f8f6 !important; }
|
|
1703
|
-
.cdr-radio__input_11-3-
|
|
1730
|
+
.cdr-radio__input_11-3-2:disabled:checked ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1704
1731
|
background-color: #f9f8f6 !important; }
|
|
1705
|
-
.cdr-radio__input_11-3-
|
|
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-
|
|
1709
|
-
background-color: #928b80; }
|
|
1710
|
-
.cdr-radio_11-3-
|
|
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-
|
|
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; } }
|
|
1732
|
+
.cdr-radio__input_11-3-2:focus ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1733
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1734
|
+
background-color: #f9f8f6; }
|
|
1735
|
+
.cdr-radio__input_11-3-2:focus:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1736
|
+
background-color: #928b80; }
|
|
1737
|
+
.cdr-radio_11-3-2:active .cdr-label-wrapper__figure_11-3-2, .cdr-radio_11-3-2:active .cdr-radio__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2 {
|
|
1738
|
+
box-shadow: inset 0 0 0 0.1rem #4e4d49, 0 0 0 0.1rem #4e4d49;
|
|
1739
|
+
background-color: #f9f8f6; }
|
|
1740
|
+
.cdr-radio_11-3-2:active .cdr-label-wrapper__figure_11-3-2::after, .cdr-radio_11-3-2:active .cdr-radio__input_11-3-2:checked ~ .cdr-label-wrapper__figure_11-3-2::after {
|
|
1741
|
+
background-color: #4e4d49; }
|
|
1862
1742
|
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
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); }
|
|
1743
|
+
/* intentionally empty */
|
|
1744
|
+
/* ==========================================================================
|
|
1745
|
+
# Cdrquote
|
|
1868
1746
|
|
|
1869
|
-
|
|
1870
|
-
-webkit-animation-name: enter-left;
|
|
1871
|
-
animation-name: enter-left; }
|
|
1747
|
+
TOC:
|
|
1872
1748
|
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1749
|
+
:Base - Cdrquote
|
|
1750
|
+
========================================================================== */
|
|
1751
|
+
.cdr-quote_11-3-2 {
|
|
1752
|
+
margin: 0;
|
|
1753
|
+
padding: 2.4rem 1.6rem;
|
|
1754
|
+
line-height: 1; }
|
|
1755
|
+
.cdr-quote_11-3-2 cite {
|
|
1756
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1757
|
+
font-style: normal;
|
|
1758
|
+
font-weight: 400;
|
|
1759
|
+
letter-spacing: -0.008rem;
|
|
1760
|
+
font-size: 1.2rem;
|
|
1761
|
+
line-height: 1.6rem;
|
|
1762
|
+
color: rgba(66, 59, 47, 0.75);
|
|
1763
|
+
display: block; }
|
|
1764
|
+
.cdr-quote__summary_11-3-2 {
|
|
1765
|
+
font-family: Stuart, Georgia, serif;
|
|
1766
|
+
font-weight: 400;
|
|
1767
|
+
font-size: 2.4rem;
|
|
1768
|
+
line-height: 3.6rem;
|
|
1769
|
+
letter-spacing: -.08rem;
|
|
1770
|
+
color: rgba(12, 11, 8, 0.75);
|
|
1771
|
+
margin: 0; }
|
|
1772
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
1773
|
+
.cdr-quote__summary_11-3-2 {
|
|
1774
|
+
font-size: 1.8rem;
|
|
1775
|
+
line-height: 2.8rem; } }
|
|
1776
|
+
.cdr-quote__summary_11-3-2 + cite {
|
|
1777
|
+
padding-top: 1.6rem; }
|
|
1778
|
+
.cdr-quote--pull_11-3-2 {
|
|
1779
|
+
border-style: solid;
|
|
1780
|
+
border-color: #dcd6cb; }
|
|
1781
|
+
@media (min-width: 0) {
|
|
1782
|
+
.cdr-quote--pull_11-3-2 {
|
|
1783
|
+
border-width: 0 0 0.1rem 0;
|
|
1784
|
+
padding: 2.4rem 1.6rem;
|
|
1785
|
+
margin: 0 0 1.6rem; } }
|
|
1786
|
+
@media (min-width: 768px) {
|
|
1787
|
+
.cdr-quote--pull_11-3-2 {
|
|
1788
|
+
border-width: 0 0 0 0.1rem;
|
|
1789
|
+
padding: 0.8rem 1.6rem 0.8rem 3.2rem;
|
|
1790
|
+
margin: 1.6rem 0; } }
|
|
1791
|
+
.cdr-quote--pull_11-3-2 .cdr-quote__summary_11-3-2 {
|
|
1792
|
+
font-weight: 600; }
|
|
1878
1793
|
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1794
|
+
/* intentionally empty */
|
|
1795
|
+
/* ==========================================================================
|
|
1796
|
+
# CdrSelect
|
|
1882
1797
|
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
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); }
|
|
1798
|
+
All values should map to variables in
|
|
1799
|
+
vars/CdrSelect.vars.pcss
|
|
1800
|
+
in order to allow for theming
|
|
1888
1801
|
|
|
1889
|
-
|
|
1890
|
-
-webkit-animation-name: exit-left;
|
|
1891
|
-
animation-name: exit-left; }
|
|
1802
|
+
TOC:
|
|
1892
1803
|
|
|
1893
|
-
|
|
1894
|
-
|
|
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); }
|
|
1804
|
+
:Base - Select
|
|
1805
|
+
:States
|
|
1898
1806
|
|
|
1899
|
-
|
|
1900
|
-
|
|
1901
|
-
|
|
1807
|
+
/* Style variants
|
|
1808
|
+
========================================================================== */
|
|
1809
|
+
.cdr-select_11-3-2 {
|
|
1810
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1811
|
+
font-style: normal;
|
|
1812
|
+
font-weight: 400;
|
|
1813
|
+
letter-spacing: -0.016rem;
|
|
1814
|
+
font-size: 1.6rem;
|
|
1815
|
+
line-height: 2.2rem;
|
|
1816
|
+
font-weight: 500;
|
|
1817
|
+
background: rgba(244, 242, 237, 0.15);
|
|
1818
|
+
color: #20201d;
|
|
1819
|
+
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
1820
|
+
border: 0;
|
|
1821
|
+
border-radius: 0.4rem;
|
|
1822
|
+
padding-left: 0.8rem;
|
|
1823
|
+
padding-right: 3.2rem;
|
|
1824
|
+
height: 4rem;
|
|
1825
|
+
display: block;
|
|
1826
|
+
width: 100%;
|
|
1827
|
+
overflow: auto;
|
|
1828
|
+
margin: 0;
|
|
1829
|
+
/* Hide Browser Styled Drowpdown Arrow */
|
|
1830
|
+
-webkit-appearance: none;
|
|
1831
|
+
-moz-appearance: none;
|
|
1832
|
+
appearance: none;
|
|
1833
|
+
/* @xs
|
|
1834
|
+
0px - 767px
|
|
1835
|
+
========== */
|
|
1836
|
+
/* Size variants
|
|
1837
|
+
========================================================================== */
|
|
1838
|
+
/* @sm
|
|
1839
|
+
768px - 991px
|
|
1840
|
+
========== */
|
|
1841
|
+
/* @md
|
|
1842
|
+
992px - 1199px
|
|
1843
|
+
========== */
|
|
1844
|
+
/* @lg
|
|
1845
|
+
1200px and up
|
|
1846
|
+
========== */ }
|
|
1847
|
+
.cdr-select_11-3-2[disabled] {
|
|
1848
|
+
background-color: #f9f8f6;
|
|
1849
|
+
color: #d1cbbd;
|
|
1850
|
+
box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
|
|
1851
|
+
.cdr-select_11-3-2[disabled]:hover {
|
|
1852
|
+
box-shadow: inset 0 0 0 0.1rem #d1cbbd;
|
|
1853
|
+
cursor: not-allowed; }
|
|
1854
|
+
.cdr-select_11-3-2:active, .cdr-select_11-3-2:focus {
|
|
1855
|
+
box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
|
|
1856
|
+
outline: none; }
|
|
1857
|
+
.cdr-select_11-3-2::-ms-expand {
|
|
1858
|
+
display: none; }
|
|
1859
|
+
.cdr-select--primary_11-3-2 {
|
|
1860
|
+
background-color: rgba(244, 242, 237, 0.15); }
|
|
1861
|
+
.cdr-select--primary_11-3-2:active, .cdr-select--primary_11-3-2:focus {
|
|
1862
|
+
background-color: #f9f8f6; }
|
|
1863
|
+
.cdr-select--secondary_11-3-2 {
|
|
1864
|
+
background-color: rgba(255, 255, 255, 0.85); }
|
|
1865
|
+
.cdr-select--secondary_11-3-2:active, .cdr-select--secondary_11-3-2:focus {
|
|
1866
|
+
background-color: #ffffff; }
|
|
1867
|
+
.cdr-select--error_11-3-2 {
|
|
1868
|
+
background-color: rgba(255, 242, 242, 0.75);
|
|
1869
|
+
box-shadow: inset 0 0 0 0.1rem #b33322; }
|
|
1870
|
+
.cdr-select--preicon_11-3-2 {
|
|
1871
|
+
/* $input-pre-icon-default-width = 25px with the expectation that
|
|
1872
|
+
slot provided icon is close to that width */
|
|
1873
|
+
padding-left: 3.7rem; }
|
|
1874
|
+
.cdr-select__prompt_11-3-2 {
|
|
1875
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1876
|
+
font-style: normal;
|
|
1877
|
+
font-weight: 400;
|
|
1878
|
+
letter-spacing: -0.016rem;
|
|
1879
|
+
font-size: 1.6rem;
|
|
1880
|
+
line-height: 2.2rem;
|
|
1881
|
+
font-style: normal;
|
|
1882
|
+
color: rgba(12, 11, 8, 0.75); }
|
|
1883
|
+
.cdr-select__prompt_11-3-2[disabled] {
|
|
1884
|
+
color: #d1cbbd; }
|
|
1885
|
+
.cdr-select__caret_11-3-2 {
|
|
1886
|
+
fill: rgba(12, 11, 8, 0.75);
|
|
1887
|
+
position: absolute;
|
|
1888
|
+
top: 50%;
|
|
1889
|
+
right: 0.8rem;
|
|
1890
|
+
transform: translateY(-50%);
|
|
1891
|
+
pointer-events: none; }
|
|
1892
|
+
.cdr-select__caret--disabled_11-3-2 {
|
|
1893
|
+
fill: #dcd6cb; }
|
|
1894
|
+
.cdr-select__pre-icon_11-3-2 {
|
|
1895
|
+
position: absolute;
|
|
1896
|
+
top: 50%;
|
|
1897
|
+
left: 0.8rem;
|
|
1898
|
+
transform: translateY(-50%); }
|
|
1899
|
+
.cdr-select--multiple_11-3-2 {
|
|
1900
|
+
height: auto;
|
|
1901
|
+
padding: 0.8rem; }
|
|
1902
|
+
.cdr-select--multiple_11-3-2 + .cdr-select__caret_11-3-2 {
|
|
1903
|
+
display: none; }
|
|
1904
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
1905
|
+
.cdr-select--large\@xs_11-3-2 {
|
|
1906
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1907
|
+
font-style: normal;
|
|
1908
|
+
font-weight: 400;
|
|
1909
|
+
letter-spacing: -0.016rem;
|
|
1910
|
+
font-size: 1.8rem;
|
|
1911
|
+
line-height: 2.4rem;
|
|
1912
|
+
height: 4.8rem;
|
|
1913
|
+
padding-left: 0.8rem; } }
|
|
1914
|
+
.cdr-select--large_11-3-2 {
|
|
1915
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1916
|
+
font-style: normal;
|
|
1917
|
+
font-weight: 400;
|
|
1918
|
+
letter-spacing: -0.016rem;
|
|
1919
|
+
font-size: 1.8rem;
|
|
1920
|
+
line-height: 2.4rem;
|
|
1921
|
+
height: 4.8rem;
|
|
1922
|
+
padding-left: 0.8rem; }
|
|
1923
|
+
@media (min-width: 768px) and (max-width: 991px) {
|
|
1924
|
+
.cdr-select--large\@sm_11-3-2 {
|
|
1925
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1926
|
+
font-style: normal;
|
|
1927
|
+
font-weight: 400;
|
|
1928
|
+
letter-spacing: -0.016rem;
|
|
1929
|
+
font-size: 1.8rem;
|
|
1930
|
+
line-height: 2.4rem;
|
|
1931
|
+
height: 4.8rem;
|
|
1932
|
+
padding-left: 0.8rem; } }
|
|
1933
|
+
@media (min-width: 992px) and (max-width: 1231px) {
|
|
1934
|
+
.cdr-select--large\@md_11-3-2 {
|
|
1935
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1936
|
+
font-style: normal;
|
|
1937
|
+
font-weight: 400;
|
|
1938
|
+
letter-spacing: -0.016rem;
|
|
1939
|
+
font-size: 1.8rem;
|
|
1940
|
+
line-height: 2.4rem;
|
|
1941
|
+
height: 4.8rem;
|
|
1942
|
+
padding-left: 0.8rem; } }
|
|
1943
|
+
@media (min-width: 1232px) {
|
|
1944
|
+
.cdr-select--large\@lg_11-3-2 {
|
|
1945
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1946
|
+
font-style: normal;
|
|
1947
|
+
font-weight: 400;
|
|
1948
|
+
letter-spacing: -0.016rem;
|
|
1949
|
+
font-size: 1.8rem;
|
|
1950
|
+
line-height: 2.4rem;
|
|
1951
|
+
height: 4.8rem;
|
|
1952
|
+
padding-left: 0.8rem; } }
|
|
1953
|
+
/* ==========================================================================
|
|
1954
|
+
# SELECT WRAPPER
|
|
1955
|
+
========================================================================== */
|
|
1956
|
+
/* Sets new origin for relative positioning of Select and Caret */
|
|
1957
|
+
.cdr-select-wrap_11-3-2 {
|
|
1958
|
+
position: relative;
|
|
1959
|
+
flex: 1; }
|
|
1902
1960
|
|
|
1903
1961
|
@charset "UTF-8";
|
|
1904
|
-
.cdr-rating__icon_11-3-
|
|
1962
|
+
.cdr-rating__icon_11-3-2 {
|
|
1905
1963
|
width: 2.4rem;
|
|
1906
1964
|
height: 2.4rem;
|
|
1907
1965
|
font-size: 2.4rem; }
|
|
1908
|
-
.cdr-rating__count_11-3-
|
|
1966
|
+
.cdr-rating__count_11-3-2 {
|
|
1909
1967
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
1910
1968
|
font-style: normal;
|
|
1911
1969
|
font-weight: 400;
|
|
@@ -1913,7 +1971,7 @@
|
|
|
1913
1971
|
font-size: 1.4rem;
|
|
1914
1972
|
line-height: 1.8rem;
|
|
1915
1973
|
margin-left: 0.8rem; }
|
|
1916
|
-
.cdr-rating_11-3-
|
|
1974
|
+
.cdr-rating_11-3-2 {
|
|
1917
1975
|
display: flex;
|
|
1918
1976
|
align-items: center;
|
|
1919
1977
|
position: relative;
|
|
@@ -1935,14 +1993,14 @@
|
|
|
1935
1993
|
========== */
|
|
1936
1994
|
/* Small
|
|
1937
1995
|
========== */ }
|
|
1938
|
-
.cdr-rating__number_11-3-
|
|
1996
|
+
.cdr-rating__number_11-3-2 {
|
|
1939
1997
|
font-weight: 600; }
|
|
1940
|
-
.cdr-rating__ratings_11-3-
|
|
1998
|
+
.cdr-rating__ratings_11-3-2 {
|
|
1941
1999
|
display: flex; }
|
|
1942
|
-
.cdr-rating__icon_11-3-
|
|
2000
|
+
.cdr-rating__icon_11-3-2 {
|
|
1943
2001
|
position: relative;
|
|
1944
2002
|
z-index: 1; }
|
|
1945
|
-
.cdr-rating__caption-sr_11-3-
|
|
2003
|
+
.cdr-rating__caption-sr_11-3-2 {
|
|
1946
2004
|
position: absolute;
|
|
1947
2005
|
width: 0.1rem;
|
|
1948
2006
|
height: 0.1rem;
|
|
@@ -1951,16 +2009,16 @@
|
|
|
1951
2009
|
overflow: hidden;
|
|
1952
2010
|
clip: rect(0, 0, 0, 0);
|
|
1953
2011
|
border: 0; }
|
|
1954
|
-
.cdr-rating__placeholder_11-3-
|
|
2012
|
+
.cdr-rating__placeholder_11-3-2::after {
|
|
1955
2013
|
content: '';
|
|
1956
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
2014
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.1702 17.7643L11.9688 17.6359L11.7673 17.7643L6.37635 21.1984L7.81044 14.6842L7.85695 14.473L7.69738 14.3269L2.8485 9.88945L9.21759 9.31204L9.44623 9.29131L9.53174 9.07825L11.9688 3.00672L14.4058 9.07825L14.4913 9.29131L14.7199 9.31204L21.089 9.88945L16.2401 14.3269L16.0806 14.473L16.1271 14.6842L17.5612 21.1984L12.1702 17.7643Z' fill='%23F9F8F6' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3C/svg%3E");
|
|
1957
2015
|
background-repeat: no-repeat;
|
|
1958
2016
|
position: absolute;
|
|
1959
2017
|
top: 0;
|
|
1960
2018
|
left: 0;
|
|
1961
2019
|
width: 100%;
|
|
1962
2020
|
height: 100%; }
|
|
1963
|
-
.cdr-rating__placeholder_11-3-
|
|
2021
|
+
.cdr-rating__placeholder_11-3-2::before {
|
|
1964
2022
|
content: "☆";
|
|
1965
2023
|
display: block;
|
|
1966
2024
|
position: absolute;
|
|
@@ -1971,7 +2029,7 @@
|
|
|
1971
2029
|
color: #BD7B2D;
|
|
1972
2030
|
width: auto;
|
|
1973
2031
|
overflow: hidden; }
|
|
1974
|
-
.cdr-rating__placeholder--no-reviews_11-3-
|
|
2032
|
+
.cdr-rating__placeholder--no-reviews_11-3-2::after {
|
|
1975
2033
|
content: '';
|
|
1976
2034
|
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
2035
|
background-repeat: no-repeat;
|
|
@@ -1980,7 +2038,7 @@
|
|
|
1980
2038
|
left: 0;
|
|
1981
2039
|
width: 100%;
|
|
1982
2040
|
height: 100%; }
|
|
1983
|
-
.cdr-rating__placeholder--no-reviews_11-3-
|
|
2041
|
+
.cdr-rating__placeholder--no-reviews_11-3-2::before {
|
|
1984
2042
|
content: "☆";
|
|
1985
2043
|
display: block;
|
|
1986
2044
|
position: absolute;
|
|
@@ -1991,16 +2049,16 @@
|
|
|
1991
2049
|
color: #BD7B2D;
|
|
1992
2050
|
width: auto;
|
|
1993
2051
|
overflow: hidden; }
|
|
1994
|
-
.cdr-rating__100_11-3-
|
|
2052
|
+
.cdr-rating__100_11-3-2::after {
|
|
1995
2053
|
content: '';
|
|
1996
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
2054
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.4389 17.3426L11.9688 17.0431L11.4986 17.3426L7.12363 20.1295L8.29875 14.7917L8.40726 14.2988L8.03494 13.9581L4.02151 10.2852L9.26273 9.80999L9.79622 9.76163L9.99576 9.2645L11.9688 4.34901L13.9417 9.2645L14.1413 9.76163L14.6748 9.80999L19.916 10.2852L15.9026 13.9581L15.5302 14.2988L15.6388 14.7917L16.8139 20.1295L12.4389 17.3426Z' fill='%23FFD280' stroke='%23BD7B2D' stroke-width='1.75'/%3E %3C/svg%3E");
|
|
1997
2055
|
background-repeat: no-repeat;
|
|
1998
2056
|
position: absolute;
|
|
1999
2057
|
top: 0;
|
|
2000
2058
|
left: 0;
|
|
2001
2059
|
width: 100%;
|
|
2002
2060
|
height: 100%; }
|
|
2003
|
-
.cdr-rating__100_11-3-
|
|
2061
|
+
.cdr-rating__100_11-3-2::before {
|
|
2004
2062
|
content: "★";
|
|
2005
2063
|
display: block;
|
|
2006
2064
|
position: absolute;
|
|
@@ -2011,16 +2069,16 @@
|
|
|
2011
2069
|
color: #BD7B2D;
|
|
2012
2070
|
width: auto;
|
|
2013
2071
|
overflow: hidden; }
|
|
2014
|
-
.cdr-rating__75_11-3-
|
|
2072
|
+
.cdr-rating__75_11-3-2::after {
|
|
2015
2073
|
content: '';
|
|
2016
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
2074
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.1744 17.7643L11.9729 17.6359L11.7714 17.7643L6.3805 21.1984L7.81459 14.6842L7.86109 14.4729L7.70153 14.3269L2.85265 9.88945L9.22174 9.31203L9.45038 9.29131L9.53589 9.07825L11.9729 3.00672L14.4099 9.07825L14.4954 9.29131L14.7241 9.31203L21.0931 9.88945L16.2443 14.3269L16.0847 14.4729L16.1312 14.6842L17.5653 21.1984L12.1744 17.7643Z' fill='%23F9F8F6' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M8.23125 14.3532L3.64978 10.1568L9.68773 9.60764L11.9729 3.91833L14.258 9.6103V18.7978L11.9757 17.2303L6.88225 20.5089L8.23125 14.3532Z' fill='%23FFD280'/%3E %3Cpath d='M14.0201 9.18207L14.0201 19.0141' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M14.3948 9.37474H13.9952L11.97 4.3423L9.79589 9.76077L4.01172 10.2823L8.40741 14.292L7.12052 20.1371L11.97 17.0486L13.8259 18.2204' stroke='%23BD7B2D' stroke-width='1.75'/%3E %3C/svg%3E");
|
|
2017
2075
|
background-repeat: no-repeat;
|
|
2018
2076
|
position: absolute;
|
|
2019
2077
|
top: 0;
|
|
2020
2078
|
left: 0;
|
|
2021
2079
|
width: 100%;
|
|
2022
2080
|
height: 100%; }
|
|
2023
|
-
.cdr-rating__75_11-3-
|
|
2081
|
+
.cdr-rating__75_11-3-2::before {
|
|
2024
2082
|
content: "★";
|
|
2025
2083
|
display: block;
|
|
2026
2084
|
position: absolute;
|
|
@@ -2031,16 +2089,16 @@
|
|
|
2031
2089
|
color: #BD7B2D;
|
|
2032
2090
|
width: 0.75em;
|
|
2033
2091
|
overflow: hidden; }
|
|
2034
|
-
.cdr-rating__50_11-3-
|
|
2092
|
+
.cdr-rating__50_11-3-2::after {
|
|
2035
2093
|
content: '';
|
|
2036
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
2094
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.1744 17.7643L11.9729 17.6359L11.7714 17.7643L6.3805 21.1984L7.81459 14.6842L7.8611 14.473L7.70153 14.3269L2.85265 9.88945L9.22174 9.31204L9.45038 9.29131L9.53589 9.07825L11.9729 3.00672L14.4099 9.07825L14.4954 9.29131L14.7241 9.31204L21.0931 9.88945L16.2443 14.3269L16.0847 14.473L16.1312 14.6842L17.5653 21.1984L12.1744 17.7643Z' fill='%23F9F8F6' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M3.64978 10.1548L9.3118 9.65756L11.9821 3.92165V17.2275L6.88225 20.5069L8.23125 14.3512L3.64978 10.1548Z' fill='%23FFD280'/%3E %3Cpath d='M11.9822 3.92163L11.9831 17.6424' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M11.3498 5.89038L9.79225 9.76097L4.01752 10.2828L8.406 14.2935L7.12489 20.1383L12.0741 16.9881' stroke='%23BD7B2D' stroke-width='1.75'/%3E %3Cpath d='M11.9208 4.59326L11.3589 6.31024' stroke='%23BD7B2D'/%3E %3C/svg%3E");
|
|
2037
2095
|
background-repeat: no-repeat;
|
|
2038
2096
|
position: absolute;
|
|
2039
2097
|
top: 0;
|
|
2040
2098
|
left: 0;
|
|
2041
2099
|
width: 100%;
|
|
2042
2100
|
height: 100%; }
|
|
2043
|
-
.cdr-rating__50_11-3-
|
|
2101
|
+
.cdr-rating__50_11-3-2::before {
|
|
2044
2102
|
content: "★";
|
|
2045
2103
|
display: block;
|
|
2046
2104
|
position: absolute;
|
|
@@ -2051,16 +2109,16 @@
|
|
|
2051
2109
|
color: #BD7B2D;
|
|
2052
2110
|
width: 0.5em;
|
|
2053
2111
|
overflow: hidden; }
|
|
2054
|
-
.cdr-rating__25_11-3-
|
|
2112
|
+
.cdr-rating__25_11-3-2::after {
|
|
2055
2113
|
content: '';
|
|
2056
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
|
|
2114
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12.1699 17.7643L11.9684 17.6359L11.767 17.7643L6.37604 21.1984L7.81014 14.6842L7.85664 14.473L7.69707 14.3269L2.8482 9.88945L9.21728 9.31204L9.44592 9.29131L9.53144 9.07825L11.9684 3.00672L14.4055 9.07825L14.491 9.29131L14.7196 9.31204L21.0887 9.88945L16.2398 14.3269L16.0803 14.473L16.1268 14.6842L17.5608 21.1984L12.1699 17.7643Z' fill='%23F9F8F6' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M3.64532 10.1547L9.30735 9.65746V18.9355L6.87779 20.5068L8.2268 14.3511L3.64532 10.1547Z' fill='%23FFD280'/%3E %3Cpath d='M9.60486 8.97247L9.60551 19.1315' stroke='%23BD7B2D' stroke-width='0.75'/%3E %3Cpath d='M9.44125 9.79321L4.01843 10.2804L8.40374 14.2981L7.11705 20.1342L9.78234 18.4339' stroke='%23BD7B2D' stroke-width='1.75'/%3E %3C/svg%3E");
|
|
2057
2115
|
background-repeat: no-repeat;
|
|
2058
2116
|
position: absolute;
|
|
2059
2117
|
top: 0;
|
|
2060
2118
|
left: 0;
|
|
2061
2119
|
width: 100%;
|
|
2062
2120
|
height: 100%; }
|
|
2063
|
-
.cdr-rating__25_11-3-
|
|
2121
|
+
.cdr-rating__25_11-3-2::before {
|
|
2064
2122
|
content: "★";
|
|
2065
2123
|
display: block;
|
|
2066
2124
|
position: absolute;
|
|
@@ -2071,32 +2129,32 @@
|
|
|
2071
2129
|
color: #BD7B2D;
|
|
2072
2130
|
width: 0.33em;
|
|
2073
2131
|
overflow: hidden; }
|
|
2074
|
-
.cdr-rating--linked_11-3-
|
|
2132
|
+
.cdr-rating--linked_11-3-2 {
|
|
2075
2133
|
display: inline-flex;
|
|
2076
2134
|
text-decoration: none; }
|
|
2077
|
-
.cdr-rating--linked_11-3-
|
|
2135
|
+
.cdr-rating--linked_11-3-2 .cdr-rating__count_11-3-2:hover, .cdr-rating--linked_11-3-2 .cdr-rating__count_11-3-2:active, .cdr-rating--linked_11-3-2 .cdr-rating__count_11-3-2:focus {
|
|
2078
2136
|
color: #406eb5;
|
|
2079
2137
|
text-decoration: underline; }
|
|
2080
|
-
.cdr-rating--linked_11-3-
|
|
2138
|
+
.cdr-rating--linked_11-3-2 .cdr-rating__count_11-3-2 > .cdr-rating__number_11-3-2 {
|
|
2081
2139
|
border-right: 0.1rem solid #b2ab9f;
|
|
2082
2140
|
padding: 0 0.6rem;
|
|
2083
2141
|
margin-right: 0.6rem; }
|
|
2084
|
-
.cdr-rating--large_11-3-
|
|
2142
|
+
.cdr-rating--large_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2085
2143
|
width: 3.2rem;
|
|
2086
2144
|
height: 3.2rem;
|
|
2087
2145
|
font-size: 3.2rem; }
|
|
2088
|
-
.cdr-rating--large_11-3-
|
|
2146
|
+
.cdr-rating--large_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2089
2147
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2090
2148
|
font-style: normal;
|
|
2091
2149
|
font-weight: 400;
|
|
2092
2150
|
letter-spacing: -0.016rem;
|
|
2093
2151
|
font-size: 1.6rem;
|
|
2094
2152
|
line-height: 2.2rem; }
|
|
2095
|
-
.cdr-rating--medium_11-3-
|
|
2153
|
+
.cdr-rating--medium_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2096
2154
|
width: 2.4rem;
|
|
2097
2155
|
height: 2.4rem;
|
|
2098
2156
|
font-size: 2.4rem; }
|
|
2099
|
-
.cdr-rating--medium_11-3-
|
|
2157
|
+
.cdr-rating--medium_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2100
2158
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2101
2159
|
font-style: normal;
|
|
2102
2160
|
font-weight: 400;
|
|
@@ -2104,11 +2162,11 @@
|
|
|
2104
2162
|
font-size: 1.4rem;
|
|
2105
2163
|
line-height: 1.8rem;
|
|
2106
2164
|
margin-left: 0.8rem; }
|
|
2107
|
-
.cdr-rating--small_11-3-
|
|
2165
|
+
.cdr-rating--small_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2108
2166
|
width: 1.6rem;
|
|
2109
2167
|
height: 1.6rem;
|
|
2110
2168
|
font-size: 1.6rem; }
|
|
2111
|
-
.cdr-rating--small_11-3-
|
|
2169
|
+
.cdr-rating--small_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2112
2170
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2113
2171
|
font-style: normal;
|
|
2114
2172
|
font-weight: 400;
|
|
@@ -2117,11 +2175,11 @@
|
|
|
2117
2175
|
line-height: 1.6rem;
|
|
2118
2176
|
margin-left: 0.4rem; }
|
|
2119
2177
|
@media (min-width: 0) and (max-width: 767px) {
|
|
2120
|
-
.cdr-rating--small\@xs_11-3-
|
|
2178
|
+
.cdr-rating--small\@xs_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2121
2179
|
width: 1.6rem;
|
|
2122
2180
|
height: 1.6rem;
|
|
2123
2181
|
font-size: 1.6rem; }
|
|
2124
|
-
.cdr-rating--small\@xs_11-3-
|
|
2182
|
+
.cdr-rating--small\@xs_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2125
2183
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2126
2184
|
font-style: normal;
|
|
2127
2185
|
font-weight: 400;
|
|
@@ -2129,11 +2187,11 @@
|
|
|
2129
2187
|
font-size: 1.2rem;
|
|
2130
2188
|
line-height: 1.6rem;
|
|
2131
2189
|
margin-left: 0.4rem; }
|
|
2132
|
-
.cdr-rating--medium\@xs_11-3-
|
|
2190
|
+
.cdr-rating--medium\@xs_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2133
2191
|
width: 2.4rem;
|
|
2134
2192
|
height: 2.4rem;
|
|
2135
2193
|
font-size: 2.4rem; }
|
|
2136
|
-
.cdr-rating--medium\@xs_11-3-
|
|
2194
|
+
.cdr-rating--medium\@xs_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2137
2195
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2138
2196
|
font-style: normal;
|
|
2139
2197
|
font-weight: 400;
|
|
@@ -2141,11 +2199,11 @@
|
|
|
2141
2199
|
font-size: 1.4rem;
|
|
2142
2200
|
line-height: 1.8rem;
|
|
2143
2201
|
margin-left: 0.8rem; }
|
|
2144
|
-
.cdr-rating--large\@xs_11-3-
|
|
2202
|
+
.cdr-rating--large\@xs_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2145
2203
|
width: 3.2rem;
|
|
2146
2204
|
height: 3.2rem;
|
|
2147
2205
|
font-size: 3.2rem; }
|
|
2148
|
-
.cdr-rating--large\@xs_11-3-
|
|
2206
|
+
.cdr-rating--large\@xs_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2149
2207
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2150
2208
|
font-style: normal;
|
|
2151
2209
|
font-weight: 400;
|
|
@@ -2153,11 +2211,11 @@
|
|
|
2153
2211
|
font-size: 1.6rem;
|
|
2154
2212
|
line-height: 2.2rem; } }
|
|
2155
2213
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
2156
|
-
.cdr-rating--small\@sm_11-3-
|
|
2214
|
+
.cdr-rating--small\@sm_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2157
2215
|
width: 1.6rem;
|
|
2158
2216
|
height: 1.6rem;
|
|
2159
2217
|
font-size: 1.6rem; }
|
|
2160
|
-
.cdr-rating--small\@sm_11-3-
|
|
2218
|
+
.cdr-rating--small\@sm_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2161
2219
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2162
2220
|
font-style: normal;
|
|
2163
2221
|
font-weight: 400;
|
|
@@ -2165,11 +2223,11 @@
|
|
|
2165
2223
|
font-size: 1.2rem;
|
|
2166
2224
|
line-height: 1.6rem;
|
|
2167
2225
|
margin-left: 0.4rem; }
|
|
2168
|
-
.cdr-rating--medium\@sm_11-3-
|
|
2226
|
+
.cdr-rating--medium\@sm_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2169
2227
|
width: 2.4rem;
|
|
2170
2228
|
height: 2.4rem;
|
|
2171
2229
|
font-size: 2.4rem; }
|
|
2172
|
-
.cdr-rating--medium\@sm_11-3-
|
|
2230
|
+
.cdr-rating--medium\@sm_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2173
2231
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2174
2232
|
font-style: normal;
|
|
2175
2233
|
font-weight: 400;
|
|
@@ -2177,11 +2235,11 @@
|
|
|
2177
2235
|
font-size: 1.4rem;
|
|
2178
2236
|
line-height: 1.8rem;
|
|
2179
2237
|
margin-left: 0.8rem; }
|
|
2180
|
-
.cdr-rating--large\@sm_11-3-
|
|
2238
|
+
.cdr-rating--large\@sm_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2181
2239
|
width: 3.2rem;
|
|
2182
2240
|
height: 3.2rem;
|
|
2183
2241
|
font-size: 3.2rem; }
|
|
2184
|
-
.cdr-rating--large\@sm_11-3-
|
|
2242
|
+
.cdr-rating--large\@sm_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2185
2243
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2186
2244
|
font-style: normal;
|
|
2187
2245
|
font-weight: 400;
|
|
@@ -2189,11 +2247,11 @@
|
|
|
2189
2247
|
font-size: 1.6rem;
|
|
2190
2248
|
line-height: 2.2rem; } }
|
|
2191
2249
|
@media (min-width: 992px) and (max-width: 1231px) {
|
|
2192
|
-
.cdr-rating--small\@md_11-3-
|
|
2250
|
+
.cdr-rating--small\@md_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2193
2251
|
width: 1.6rem;
|
|
2194
2252
|
height: 1.6rem;
|
|
2195
2253
|
font-size: 1.6rem; }
|
|
2196
|
-
.cdr-rating--small\@md_11-3-
|
|
2254
|
+
.cdr-rating--small\@md_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2197
2255
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2198
2256
|
font-style: normal;
|
|
2199
2257
|
font-weight: 400;
|
|
@@ -2201,11 +2259,11 @@
|
|
|
2201
2259
|
font-size: 1.2rem;
|
|
2202
2260
|
line-height: 1.6rem;
|
|
2203
2261
|
margin-left: 0.4rem; }
|
|
2204
|
-
.cdr-rating--medium\@md_11-3-
|
|
2262
|
+
.cdr-rating--medium\@md_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2205
2263
|
width: 2.4rem;
|
|
2206
2264
|
height: 2.4rem;
|
|
2207
2265
|
font-size: 2.4rem; }
|
|
2208
|
-
.cdr-rating--medium\@md_11-3-
|
|
2266
|
+
.cdr-rating--medium\@md_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2209
2267
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2210
2268
|
font-style: normal;
|
|
2211
2269
|
font-weight: 400;
|
|
@@ -2213,11 +2271,11 @@
|
|
|
2213
2271
|
font-size: 1.4rem;
|
|
2214
2272
|
line-height: 1.8rem;
|
|
2215
2273
|
margin-left: 0.8rem; }
|
|
2216
|
-
.cdr-rating--large\@md_11-3-
|
|
2274
|
+
.cdr-rating--large\@md_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2217
2275
|
width: 3.2rem;
|
|
2218
2276
|
height: 3.2rem;
|
|
2219
2277
|
font-size: 3.2rem; }
|
|
2220
|
-
.cdr-rating--large\@md_11-3-
|
|
2278
|
+
.cdr-rating--large\@md_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2221
2279
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2222
2280
|
font-style: normal;
|
|
2223
2281
|
font-weight: 400;
|
|
@@ -2225,11 +2283,11 @@
|
|
|
2225
2283
|
font-size: 1.6rem;
|
|
2226
2284
|
line-height: 2.2rem; } }
|
|
2227
2285
|
@media (min-width: 1232px) {
|
|
2228
|
-
.cdr-rating--small\@lg_11-3-
|
|
2286
|
+
.cdr-rating--small\@lg_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2229
2287
|
width: 1.6rem;
|
|
2230
2288
|
height: 1.6rem;
|
|
2231
2289
|
font-size: 1.6rem; }
|
|
2232
|
-
.cdr-rating--small\@lg_11-3-
|
|
2290
|
+
.cdr-rating--small\@lg_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2233
2291
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2234
2292
|
font-style: normal;
|
|
2235
2293
|
font-weight: 400;
|
|
@@ -2237,11 +2295,11 @@
|
|
|
2237
2295
|
font-size: 1.2rem;
|
|
2238
2296
|
line-height: 1.6rem;
|
|
2239
2297
|
margin-left: 0.4rem; }
|
|
2240
|
-
.cdr-rating--medium\@lg_11-3-
|
|
2298
|
+
.cdr-rating--medium\@lg_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2241
2299
|
width: 2.4rem;
|
|
2242
2300
|
height: 2.4rem;
|
|
2243
2301
|
font-size: 2.4rem; }
|
|
2244
|
-
.cdr-rating--medium\@lg_11-3-
|
|
2302
|
+
.cdr-rating--medium\@lg_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2245
2303
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2246
2304
|
font-style: normal;
|
|
2247
2305
|
font-weight: 400;
|
|
@@ -2249,11 +2307,11 @@
|
|
|
2249
2307
|
font-size: 1.4rem;
|
|
2250
2308
|
line-height: 1.8rem;
|
|
2251
2309
|
margin-left: 0.8rem; }
|
|
2252
|
-
.cdr-rating--large\@lg_11-3-
|
|
2310
|
+
.cdr-rating--large\@lg_11-3-2 .cdr-rating__icon_11-3-2 {
|
|
2253
2311
|
width: 3.2rem;
|
|
2254
2312
|
height: 3.2rem;
|
|
2255
2313
|
font-size: 3.2rem; }
|
|
2256
|
-
.cdr-rating--large\@lg_11-3-
|
|
2314
|
+
.cdr-rating--large\@lg_11-3-2 .cdr-rating__count_11-3-2 {
|
|
2257
2315
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2258
2316
|
font-style: normal;
|
|
2259
2317
|
font-weight: 400;
|
|
@@ -2261,88 +2319,117 @@
|
|
|
2261
2319
|
font-size: 1.6rem;
|
|
2262
2320
|
line-height: 2.2rem; } }
|
|
2263
2321
|
|
|
2264
|
-
.cdr-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2317
|
-
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2322
|
+
.cdr-tab-panel_11-3-2 {
|
|
2323
|
+
width: 100%;
|
|
2324
|
+
height: 100%;
|
|
2325
|
+
padding-top: 0.2rem; }
|
|
2326
|
+
|
|
2327
|
+
@-webkit-keyframes exit-left {
|
|
2328
|
+
from {
|
|
2329
|
+
transform: translateX(0);
|
|
2330
|
+
opacity: 1; }
|
|
2331
|
+
to {
|
|
2332
|
+
transform: translateX(-1rem);
|
|
2333
|
+
opacity: 0; } }
|
|
2334
|
+
|
|
2335
|
+
@keyframes exit-left {
|
|
2336
|
+
from {
|
|
2337
|
+
transform: translateX(0);
|
|
2338
|
+
opacity: 1; }
|
|
2339
|
+
to {
|
|
2340
|
+
transform: translateX(-1rem);
|
|
2341
|
+
opacity: 0; } }
|
|
2342
|
+
|
|
2343
|
+
@-webkit-keyframes exit-right {
|
|
2344
|
+
from {
|
|
2345
|
+
transform: translateX(0);
|
|
2346
|
+
opacity: 1; }
|
|
2347
|
+
to {
|
|
2348
|
+
transform: translateX(1rem);
|
|
2349
|
+
opacity: 0; } }
|
|
2350
|
+
|
|
2351
|
+
@keyframes exit-right {
|
|
2352
|
+
from {
|
|
2353
|
+
transform: translateX(0);
|
|
2354
|
+
opacity: 1; }
|
|
2355
|
+
to {
|
|
2356
|
+
transform: translateX(1rem);
|
|
2357
|
+
opacity: 0; } }
|
|
2358
|
+
|
|
2359
|
+
@-webkit-keyframes enter-left {
|
|
2360
|
+
from {
|
|
2361
|
+
transform: translateX(-1rem);
|
|
2362
|
+
opacity: 0; }
|
|
2363
|
+
to {
|
|
2364
|
+
transform: translateX(0);
|
|
2365
|
+
opacity: 1; } }
|
|
2366
|
+
|
|
2367
|
+
@keyframes enter-left {
|
|
2368
|
+
from {
|
|
2369
|
+
transform: translateX(-1rem);
|
|
2370
|
+
opacity: 0; }
|
|
2371
|
+
to {
|
|
2372
|
+
transform: translateX(0);
|
|
2373
|
+
opacity: 1; } }
|
|
2374
|
+
|
|
2375
|
+
@-webkit-keyframes enter-right {
|
|
2376
|
+
from {
|
|
2377
|
+
transform: translateX(1rem);
|
|
2378
|
+
opacity: 0; }
|
|
2379
|
+
to {
|
|
2380
|
+
transform: translateX(0);
|
|
2381
|
+
opacity: 1; } }
|
|
2382
|
+
|
|
2383
|
+
@keyframes enter-right {
|
|
2384
|
+
from {
|
|
2385
|
+
transform: translateX(1rem);
|
|
2386
|
+
opacity: 0; }
|
|
2387
|
+
to {
|
|
2388
|
+
transform: translateX(0);
|
|
2389
|
+
opacity: 1; } }
|
|
2390
|
+
|
|
2391
|
+
.cdr-tab-panel-enter-left_11-3-2 {
|
|
2392
|
+
-webkit-animation-duration: 0.2s;
|
|
2393
|
+
animation-duration: 0.2s;
|
|
2394
|
+
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2395
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2396
|
+
|
|
2397
|
+
.cdr-tab-panel-enter-left_11-3-2 {
|
|
2398
|
+
-webkit-animation-name: enter-left;
|
|
2399
|
+
animation-name: enter-left; }
|
|
2400
|
+
|
|
2401
|
+
.cdr-tab-panel-enter-right_11-3-2 {
|
|
2402
|
+
-webkit-animation-duration: 0.2s;
|
|
2403
|
+
animation-duration: 0.2s;
|
|
2404
|
+
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2405
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2406
|
+
|
|
2407
|
+
.cdr-tab-panel-enter-right_11-3-2 {
|
|
2408
|
+
-webkit-animation-name: enter-right;
|
|
2409
|
+
animation-name: enter-right; }
|
|
2410
|
+
|
|
2411
|
+
.cdr-tab-panel-exit-left_11-3-2 {
|
|
2412
|
+
-webkit-animation-duration: 0.2s;
|
|
2413
|
+
animation-duration: 0.2s;
|
|
2414
|
+
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2415
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2416
|
+
|
|
2417
|
+
.cdr-tab-panel-exit-left_11-3-2 {
|
|
2418
|
+
-webkit-animation-name: exit-left;
|
|
2419
|
+
animation-name: exit-left; }
|
|
2420
|
+
|
|
2421
|
+
.cdr-tab-panel-exit-right_11-3-2 {
|
|
2422
|
+
-webkit-animation-duration: 0.2s;
|
|
2423
|
+
animation-duration: 0.2s;
|
|
2424
|
+
-webkit-animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1);
|
|
2425
|
+
animation-timing-function: cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2426
|
+
|
|
2427
|
+
.cdr-tab-panel-exit-right_11-3-2 {
|
|
2428
|
+
-webkit-animation-name: exit-right;
|
|
2429
|
+
animation-name: exit-right; }
|
|
2343
2430
|
|
|
2344
2431
|
/* intentionally empty */
|
|
2345
|
-
.cdr-tabs_11-3-
|
|
2432
|
+
.cdr-tabs_11-3-2 {
|
|
2346
2433
|
/* overflow-x: auto; */
|
|
2347
2434
|
display: flex;
|
|
2348
2435
|
flex-flow: column;
|
|
@@ -2356,24 +2443,24 @@
|
|
|
2356
2443
|
========== */
|
|
2357
2444
|
/* Centered
|
|
2358
2445
|
========== */ }
|
|
2359
|
-
.cdr-tabs_11-3-
|
|
2446
|
+
.cdr-tabs_11-3-2 ::-webkit-scrollbar {
|
|
2360
2447
|
-webkit-appearance: none;
|
|
2361
2448
|
width: 0.7rem; }
|
|
2362
|
-
.cdr-tabs_11-3-
|
|
2449
|
+
.cdr-tabs_11-3-2 ::-webkit-scrollbar-thumb {
|
|
2363
2450
|
border-radius: 0.4rem;
|
|
2364
2451
|
background-color: rgba(0, 0, 0, 0.5);
|
|
2365
2452
|
-webkit-box-shadow: 0 0 0.1rem rgba(255, 255, 255, 0.5); }
|
|
2366
|
-
.cdr-tabs__header-container_11-3-
|
|
2453
|
+
.cdr-tabs__header-container_11-3-2 {
|
|
2367
2454
|
overflow-x: auto;
|
|
2368
2455
|
border-bottom: 0.1rem solid #928b80;
|
|
2369
2456
|
-webkit-overflow-scrolling: touch;
|
|
2370
2457
|
-ms-overflow-style: -ms-autohiding-scrollbar; }
|
|
2371
|
-
.cdr-tabs__header-container_11-3-
|
|
2458
|
+
.cdr-tabs__header-container_11-3-2::-webkit-scrollbar {
|
|
2372
2459
|
width: 0 !important;
|
|
2373
2460
|
height: 0 !important; }
|
|
2374
|
-
.cdr-tabs__gradient-container_11-3-
|
|
2461
|
+
.cdr-tabs__gradient-container_11-3-2 {
|
|
2375
2462
|
position: relative; }
|
|
2376
|
-
.cdr-tabs__gradient_11-3-
|
|
2463
|
+
.cdr-tabs__gradient_11-3-2 {
|
|
2377
2464
|
transition: opacity 0.2s ease;
|
|
2378
2465
|
-webkit-transition: opacity 0.2s ease;
|
|
2379
2466
|
position: absolute;
|
|
@@ -2383,19 +2470,19 @@
|
|
|
2383
2470
|
width: 4.8rem;
|
|
2384
2471
|
pointer-events: none;
|
|
2385
2472
|
opacity: 0; }
|
|
2386
|
-
.cdr-tabs__gradient--left_11-3-
|
|
2473
|
+
.cdr-tabs__gradient--left_11-3-2 {
|
|
2387
2474
|
left: 0; }
|
|
2388
|
-
.cdr-tabs__gradient--right_11-3-
|
|
2475
|
+
.cdr-tabs__gradient--right_11-3-2 {
|
|
2389
2476
|
right: 0; }
|
|
2390
|
-
.cdr-tabs__gradient--active_11-3-
|
|
2477
|
+
.cdr-tabs__gradient--active_11-3-2 {
|
|
2391
2478
|
opacity: 1; }
|
|
2392
|
-
.cdr-tabs__header_11-3-
|
|
2479
|
+
.cdr-tabs__header_11-3-2 {
|
|
2393
2480
|
display: flex;
|
|
2394
2481
|
width: 100%;
|
|
2395
2482
|
margin: 0;
|
|
2396
2483
|
padding: 0;
|
|
2397
2484
|
position: relative; }
|
|
2398
|
-
.cdr-tabs__header-item_11-3-
|
|
2485
|
+
.cdr-tabs__header-item_11-3-2 {
|
|
2399
2486
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2400
2487
|
font-style: normal;
|
|
2401
2488
|
font-weight: inherit;
|
|
@@ -2411,29 +2498,29 @@
|
|
|
2411
2498
|
padding: 1.2rem 0.8rem;
|
|
2412
2499
|
white-space: nowrap;
|
|
2413
2500
|
outline-offset: -0.3rem; }
|
|
2414
|
-
.cdr-tabs__header-item_11-3-
|
|
2501
|
+
.cdr-tabs__header-item_11-3-2 + .cdr-tabs__header-item_11-3-2 {
|
|
2415
2502
|
margin-left: 1.6rem; }
|
|
2416
|
-
.cdr-tabs__header-item-active_11-3-
|
|
2503
|
+
.cdr-tabs__header-item-active_11-3-2 {
|
|
2417
2504
|
color: rgba(12, 11, 8, 0.75);
|
|
2418
2505
|
font-weight: 500; }
|
|
2419
|
-
.cdr-tabs__header-item_11-3-
|
|
2506
|
+
.cdr-tabs__header-item_11-3-2::before {
|
|
2420
2507
|
display: block;
|
|
2421
2508
|
content: attr(js-name);
|
|
2422
2509
|
font-weight: 500;
|
|
2423
2510
|
height: 0;
|
|
2424
2511
|
overflow: hidden;
|
|
2425
2512
|
visibility: hidden; }
|
|
2426
|
-
.cdr-tabs__header-item_11-3-
|
|
2513
|
+
.cdr-tabs__header-item_11-3-2:active, .cdr-tabs__header-item_11-3-2:hover, .cdr-tabs__header-item_11-3-2:focus {
|
|
2427
2514
|
text-decoration: none;
|
|
2428
2515
|
color: #406eb5; }
|
|
2429
|
-
.cdr-tabs__header-item--disabled_11-3-
|
|
2516
|
+
.cdr-tabs__header-item--disabled_11-3-2 {
|
|
2430
2517
|
border: none;
|
|
2431
2518
|
background-color: transparent;
|
|
2432
2519
|
color: #d1cbbd; }
|
|
2433
|
-
.cdr-tabs__header-item--disabled_11-3-
|
|
2520
|
+
.cdr-tabs__header-item--disabled_11-3-2:active, .cdr-tabs__header-item--disabled_11-3-2:hover, .cdr-tabs__header-item--disabled_11-3-2:focus {
|
|
2434
2521
|
color: #d1cbbd;
|
|
2435
2522
|
cursor: not-allowed; }
|
|
2436
|
-
.cdr-tabs__underline_11-3-
|
|
2523
|
+
.cdr-tabs__underline_11-3-2 {
|
|
2437
2524
|
z-index: 1;
|
|
2438
2525
|
position: absolute;
|
|
2439
2526
|
width: 3rem;
|
|
@@ -2444,205 +2531,38 @@
|
|
|
2444
2531
|
border: none;
|
|
2445
2532
|
background-color: #406eb5;
|
|
2446
2533
|
transition: 0.4s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2447
|
-
.cdr-tabs__content-container_11-3-
|
|
2534
|
+
.cdr-tabs__content-container_11-3-2 {
|
|
2448
2535
|
position: relative;
|
|
2449
2536
|
flex: 1 1 auto;
|
|
2450
2537
|
overflow-x: hidden;
|
|
2451
2538
|
overflow-y: auto; }
|
|
2452
|
-
.cdr-tabs_11-3-
|
|
2453
|
-
.cdr-tabs_11-3-
|
|
2539
|
+
.cdr-tabs_11-3-2 .fade-enter-active_11-3-2,
|
|
2540
|
+
.cdr-tabs_11-3-2 .fade-leave-active_11-3-2 {
|
|
2454
2541
|
opacity: 0.5s; }
|
|
2455
|
-
.cdr-tabs_11-3-
|
|
2456
|
-
.cdr-tabs_11-3-
|
|
2542
|
+
.cdr-tabs_11-3-2 .fade-enter_11-3-2,
|
|
2543
|
+
.cdr-tabs_11-3-2 .fade-leave-to_11-3-2 {
|
|
2457
2544
|
opacity: 0; }
|
|
2458
|
-
.cdr-tabs--compact_11-3-
|
|
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 {
|
|
2494
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2495
|
-
font-style: normal;
|
|
2496
|
-
font-weight: 400;
|
|
2497
|
-
letter-spacing: -0.016rem;
|
|
2498
|
-
font-size: 1.6rem;
|
|
2499
|
-
line-height: 2.2rem;
|
|
2500
|
-
font-weight: 500;
|
|
2501
|
-
background: rgba(244, 242, 237, 0.15);
|
|
2502
|
-
color: #20201d;
|
|
2503
|
-
box-shadow: inset 0 0 0 0.1rem #928b80;
|
|
2504
|
-
border: 0;
|
|
2505
|
-
border-radius: 0.4rem;
|
|
2506
|
-
padding-left: 0.8rem;
|
|
2507
|
-
padding-right: 3.2rem;
|
|
2508
|
-
height: 4rem;
|
|
2509
|
-
display: block;
|
|
2510
|
-
width: 100%;
|
|
2511
|
-
overflow: auto;
|
|
2512
|
-
margin: 0;
|
|
2513
|
-
/* Hide Browser Styled Drowpdown Arrow */
|
|
2514
|
-
-webkit-appearance: none;
|
|
2515
|
-
-moz-appearance: none;
|
|
2516
|
-
appearance: none;
|
|
2517
|
-
/* @xs
|
|
2518
|
-
0px - 767px
|
|
2519
|
-
========== */
|
|
2520
|
-
/* Size variants
|
|
2521
|
-
========================================================================== */
|
|
2522
|
-
/* @sm
|
|
2523
|
-
768px - 991px
|
|
2524
|
-
========== */
|
|
2525
|
-
/* @md
|
|
2526
|
-
992px - 1199px
|
|
2527
|
-
========== */
|
|
2528
|
-
/* @lg
|
|
2529
|
-
1200px and up
|
|
2530
|
-
========== */ }
|
|
2531
|
-
.cdr-select_11-3-1[disabled] {
|
|
2532
|
-
background-color: #f9f8f6;
|
|
2533
|
-
color: #d1cbbd;
|
|
2534
|
-
box-shadow: inset 0 0 0 0.1rem #d1cbbd; }
|
|
2535
|
-
.cdr-select_11-3-1[disabled]:hover {
|
|
2536
|
-
box-shadow: inset 0 0 0 0.1rem #d1cbbd;
|
|
2537
|
-
cursor: not-allowed; }
|
|
2538
|
-
.cdr-select_11-3-1:active, .cdr-select_11-3-1:focus {
|
|
2539
|
-
box-shadow: inset 0 0 0 0.2rem #20201d, 0 0.2rem 0.2rem 0 rgba(12, 11, 8, 0.2);
|
|
2540
|
-
outline: none; }
|
|
2541
|
-
.cdr-select_11-3-1::-ms-expand {
|
|
2542
|
-
display: none; }
|
|
2543
|
-
.cdr-select--primary_11-3-1 {
|
|
2544
|
-
background-color: rgba(244, 242, 237, 0.15); }
|
|
2545
|
-
.cdr-select--primary_11-3-1:active, .cdr-select--primary_11-3-1:focus {
|
|
2546
|
-
background-color: #f9f8f6; }
|
|
2547
|
-
.cdr-select--secondary_11-3-1 {
|
|
2548
|
-
background-color: rgba(255, 255, 255, 0.85); }
|
|
2549
|
-
.cdr-select--secondary_11-3-1:active, .cdr-select--secondary_11-3-1:focus {
|
|
2550
|
-
background-color: #ffffff; }
|
|
2551
|
-
.cdr-select--error_11-3-1 {
|
|
2552
|
-
background-color: rgba(255, 242, 242, 0.75);
|
|
2553
|
-
box-shadow: inset 0 0 0 0.1rem #b33322; }
|
|
2554
|
-
.cdr-select--preicon_11-3-1 {
|
|
2555
|
-
/* $input-pre-icon-default-width = 25px with the expectation that
|
|
2556
|
-
slot provided icon is close to that width */
|
|
2557
|
-
padding-left: 3.7rem; }
|
|
2558
|
-
.cdr-select__prompt_11-3-1 {
|
|
2559
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2560
|
-
font-style: normal;
|
|
2561
|
-
font-weight: 400;
|
|
2562
|
-
letter-spacing: -0.016rem;
|
|
2563
|
-
font-size: 1.6rem;
|
|
2564
|
-
line-height: 2.2rem;
|
|
2565
|
-
font-style: normal;
|
|
2566
|
-
color: rgba(12, 11, 8, 0.75); }
|
|
2567
|
-
.cdr-select__prompt_11-3-1[disabled] {
|
|
2568
|
-
color: #d1cbbd; }
|
|
2569
|
-
.cdr-select__caret_11-3-1 {
|
|
2570
|
-
fill: rgba(12, 11, 8, 0.75);
|
|
2571
|
-
position: absolute;
|
|
2572
|
-
top: 50%;
|
|
2573
|
-
right: 0.8rem;
|
|
2574
|
-
transform: translateY(-50%);
|
|
2575
|
-
pointer-events: none; }
|
|
2576
|
-
.cdr-select__caret--disabled_11-3-1 {
|
|
2577
|
-
fill: #dcd6cb; }
|
|
2578
|
-
.cdr-select__pre-icon_11-3-1 {
|
|
2579
|
-
position: absolute;
|
|
2580
|
-
top: 50%;
|
|
2581
|
-
left: 0.8rem;
|
|
2582
|
-
transform: translateY(-50%); }
|
|
2583
|
-
.cdr-select--multiple_11-3-1 {
|
|
2584
|
-
height: auto;
|
|
2585
|
-
padding: 0.8rem; }
|
|
2586
|
-
.cdr-select--multiple_11-3-1 + .cdr-select__caret_11-3-1 {
|
|
2587
|
-
display: none; }
|
|
2588
|
-
@media (min-width: 0) and (max-width: 767px) {
|
|
2589
|
-
.cdr-select--large\@xs_11-3-1 {
|
|
2590
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2591
|
-
font-style: normal;
|
|
2592
|
-
font-weight: 400;
|
|
2593
|
-
letter-spacing: -0.016rem;
|
|
2594
|
-
font-size: 1.8rem;
|
|
2595
|
-
line-height: 2.4rem;
|
|
2596
|
-
height: 4.8rem;
|
|
2597
|
-
padding-left: 0.8rem; } }
|
|
2598
|
-
.cdr-select--large_11-3-1 {
|
|
2545
|
+
.cdr-tabs--compact_11-3-2 .cdr-tabs__header-item-label_11-3-2, .cdr-tabs--small_11-3-2 .cdr-tabs__header-item-label_11-3-2 {
|
|
2599
2546
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2600
|
-
font-style: normal;
|
|
2601
|
-
font-weight:
|
|
2602
|
-
letter-spacing: -0.
|
|
2603
|
-
font-size: 1.
|
|
2604
|
-
line-height:
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
@media (min-width: 992px) and (max-width: 1231px) {
|
|
2618
|
-
.cdr-select--large\@md_11-3-1 {
|
|
2619
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2620
|
-
font-style: normal;
|
|
2621
|
-
font-weight: 400;
|
|
2622
|
-
letter-spacing: -0.016rem;
|
|
2623
|
-
font-size: 1.8rem;
|
|
2624
|
-
line-height: 2.4rem;
|
|
2625
|
-
height: 4.8rem;
|
|
2626
|
-
padding-left: 0.8rem; } }
|
|
2627
|
-
@media (min-width: 1232px) {
|
|
2628
|
-
.cdr-select--large\@lg_11-3-1 {
|
|
2629
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2630
|
-
font-style: normal;
|
|
2631
|
-
font-weight: 400;
|
|
2632
|
-
letter-spacing: -0.016rem;
|
|
2633
|
-
font-size: 1.8rem;
|
|
2634
|
-
line-height: 2.4rem;
|
|
2635
|
-
height: 4.8rem;
|
|
2636
|
-
padding-left: 0.8rem; } }
|
|
2637
|
-
/* ==========================================================================
|
|
2638
|
-
# SELECT WRAPPER
|
|
2639
|
-
========================================================================== */
|
|
2640
|
-
/* Sets new origin for relative positioning of Select and Caret */
|
|
2641
|
-
.cdr-select-wrap_11-3-1 {
|
|
2642
|
-
position: relative;
|
|
2643
|
-
flex: 1; }
|
|
2547
|
+
font-style: normal;
|
|
2548
|
+
font-weight: inherit;
|
|
2549
|
+
letter-spacing: -0.008rem;
|
|
2550
|
+
font-size: 1.4rem;
|
|
2551
|
+
line-height: 1.8rem;
|
|
2552
|
+
padding: 0.6rem 1.2rem; }
|
|
2553
|
+
.cdr-tabs--compact_11-3-2 .cdr-tabs__header-item_11-3-2 + .cdr-tabs--compact_11-3-2 .cdr-tabs__header-item_11-3-2, .cdr-tabs--small_11-3-2 .cdr-tabs__header-item_11-3-2 + .cdr-tabs--compact_11-3-2 .cdr-tabs__header-item_11-3-2, .cdr-tabs--compact_11-3-2 .cdr-tabs__header-item_11-3-2 + .cdr-tabs--small_11-3-2 .cdr-tabs__header-item_11-3-2, .cdr-tabs--small_11-3-2 .cdr-tabs__header-item_11-3-2 + .cdr-tabs--small_11-3-2 .cdr-tabs__header-item_11-3-2 {
|
|
2554
|
+
margin-left: 0.8rem; }
|
|
2555
|
+
.cdr-tabs--no-border_11-3-2 .cdr-tabs__header_11-3-2,
|
|
2556
|
+
.cdr-tabs--no-border_11-3-2 .cdr-tabs__header-container_11-3-2 {
|
|
2557
|
+
border-bottom: 0.1rem solid transparent; }
|
|
2558
|
+
.cdr-tabs--full-width_11-3-2 .cdr-tabs__header-item_11-3-2 {
|
|
2559
|
+
flex-grow: 1; }
|
|
2560
|
+
.cdr-tabs--centered_11-3-2 .cdr-tabs__header-item_11-3-2:first-of-type {
|
|
2561
|
+
margin-left: auto; }
|
|
2562
|
+
.cdr-tabs--centered_11-3-2 .cdr-tabs__header-item_11-3-2:last-of-type {
|
|
2563
|
+
margin-right: auto; }
|
|
2644
2564
|
|
|
2645
|
-
.cdr-text_11-3-
|
|
2565
|
+
.cdr-text_11-3-2 {
|
|
2646
2566
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2647
2567
|
font-style: normal;
|
|
2648
2568
|
font-weight: 400;
|
|
@@ -2651,7 +2571,134 @@
|
|
|
2651
2571
|
line-height: 2.2rem;
|
|
2652
2572
|
margin: 0; }
|
|
2653
2573
|
|
|
2654
|
-
.cdr-
|
|
2574
|
+
.cdr-table_11-3-2 {
|
|
2575
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2576
|
+
font-style: normal;
|
|
2577
|
+
font-weight: 400;
|
|
2578
|
+
letter-spacing: -0.016rem;
|
|
2579
|
+
font-size: 1.4rem;
|
|
2580
|
+
line-height: 1.8rem;
|
|
2581
|
+
color: rgba(12, 11, 8, 0.75);
|
|
2582
|
+
border: none;
|
|
2583
|
+
border-collapse: collapse; }
|
|
2584
|
+
.cdr-table_11-3-2 tr {
|
|
2585
|
+
background-color: #ffffff; }
|
|
2586
|
+
.cdr-table_11-3-2 thead tr {
|
|
2587
|
+
background-color: #f4f2ed; }
|
|
2588
|
+
.cdr-table_11-3-2 th,
|
|
2589
|
+
.cdr-table_11-3-2 td {
|
|
2590
|
+
color: rgba(12, 11, 8, 0.75);
|
|
2591
|
+
padding: 0.8rem 1.6rem;
|
|
2592
|
+
text-align: left; }
|
|
2593
|
+
.cdr-table_11-3-2 th {
|
|
2594
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2595
|
+
font-style: normal;
|
|
2596
|
+
font-weight: 600;
|
|
2597
|
+
letter-spacing: -0.008rem;
|
|
2598
|
+
font-size: 1.4rem;
|
|
2599
|
+
line-height: 1.8rem; }
|
|
2600
|
+
.cdr-table_11-3-2 caption {
|
|
2601
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2602
|
+
font-style: normal;
|
|
2603
|
+
font-weight: 600;
|
|
2604
|
+
letter-spacing: -0.008rem;
|
|
2605
|
+
font-size: 1.6rem;
|
|
2606
|
+
line-height: 2.2rem;
|
|
2607
|
+
text-align: left;
|
|
2608
|
+
margin-bottom: 0.8rem; }
|
|
2609
|
+
.cdr-table--small_11-3-2 th, .cdr-table--small_11-3-2 td {
|
|
2610
|
+
padding: 0.4rem 1.6rem; }
|
|
2611
|
+
.cdr-table--medium_11-3-2 th, .cdr-table--medium_11-3-2 td {
|
|
2612
|
+
padding: 0.8rem 1.6rem; }
|
|
2613
|
+
.cdr-table--large_11-3-2 th, .cdr-table--large_11-3-2 td {
|
|
2614
|
+
padding: 1.6rem; }
|
|
2615
|
+
.cdr-table--striped_11-3-2 tr:nth-child(odd) {
|
|
2616
|
+
background-color: #f9f8f6; }
|
|
2617
|
+
.cdr-table--striped_11-3-2 thead + tbody tr:nth-child(even) {
|
|
2618
|
+
background-color: #f9f8f6; }
|
|
2619
|
+
.cdr-table--striped_11-3-2 thead + tbody tr:nth-child(odd) {
|
|
2620
|
+
background-color: #ffffff; }
|
|
2621
|
+
.cdr-table--striped_11-3-2 tbody tr:nth-child(odd),
|
|
2622
|
+
.cdr-table--striped_11-3-2 tfoot tr:nth-child(odd) {
|
|
2623
|
+
background-color: #f9f8f6; }
|
|
2624
|
+
.cdr-table--border_11-3-2 tr + tr > * {
|
|
2625
|
+
border-top: 0.1rem solid #dcd6cb; }
|
|
2626
|
+
.cdr-table--border_11-3-2 thead tr + tr > * {
|
|
2627
|
+
border-top: 0.1rem solid #928b80; }
|
|
2628
|
+
.cdr-table--border_11-3-2 tbody tr + tr > *, .cdr-table--border_11-3-2 tfoot tr + tr > * {
|
|
2629
|
+
border-top: 0.1rem solid #dcd6cb; }
|
|
2630
|
+
.cdr-table--border_11-3-2 thead + tbody,
|
|
2631
|
+
.cdr-table--border_11-3-2 tbody + tfoot {
|
|
2632
|
+
border-top: 0.1rem solid #dcd6cb; }
|
|
2633
|
+
.cdr-table--full-width_11-3-2 {
|
|
2634
|
+
width: 100%; }
|
|
2635
|
+
.cdr-table--responsive_11-3-2 {
|
|
2636
|
+
display: block;
|
|
2637
|
+
width: 100%;
|
|
2638
|
+
overflow-x: auto; }
|
|
2639
|
+
.cdr-table--hover_11-3-2 tr:hover > * {
|
|
2640
|
+
background-color: #f4f2ed; }
|
|
2641
|
+
@media (min-width: 0) and (max-width: 767px) {
|
|
2642
|
+
.cdr-table--full-width\@xs_11-3-2 {
|
|
2643
|
+
width: 100%; } }
|
|
2644
|
+
@media (min-width: 768px) and (max-width: 991px) {
|
|
2645
|
+
.cdr-table--full-width\@sm_11-3-2 {
|
|
2646
|
+
width: 100%; } }
|
|
2647
|
+
@media (min-width: 992px) and (max-width: 1231px) {
|
|
2648
|
+
.cdr-table--full-width\@md_11-3-2 {
|
|
2649
|
+
width: 100%; } }
|
|
2650
|
+
@media (min-width: 1232px) {
|
|
2651
|
+
.cdr-table--full-width\@lg_11-3-2 {
|
|
2652
|
+
width: 100%; } }
|
|
2653
|
+
|
|
2654
|
+
/* intentionally empty */
|
|
2655
|
+
.cdr-tooltip--position_11-3-2 {
|
|
2656
|
+
position: relative; }
|
|
2657
|
+
.cdr-tooltip--wrapper_11-3-2 {
|
|
2658
|
+
width: -webkit-max-content;
|
|
2659
|
+
width: -moz-max-content;
|
|
2660
|
+
width: max-content;
|
|
2661
|
+
height: -webkit-max-content;
|
|
2662
|
+
height: -moz-max-content;
|
|
2663
|
+
height: max-content; }
|
|
2664
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--closed_11-3-2 {
|
|
2665
|
+
position: absolute;
|
|
2666
|
+
width: 0.1rem;
|
|
2667
|
+
height: 0.1rem;
|
|
2668
|
+
padding: 0;
|
|
2669
|
+
margin: -0.1rem;
|
|
2670
|
+
overflow: hidden;
|
|
2671
|
+
clip: rect(0, 0, 0, 0);
|
|
2672
|
+
border: 0; }
|
|
2673
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup__content_11-3-2 {
|
|
2674
|
+
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2675
|
+
font-style: normal;
|
|
2676
|
+
font-weight: 600;
|
|
2677
|
+
letter-spacing: -0.008rem;
|
|
2678
|
+
font-size: 1.2rem;
|
|
2679
|
+
line-height: 1.6rem;
|
|
2680
|
+
background: #373734;
|
|
2681
|
+
color: #f9f8f6;
|
|
2682
|
+
border: 0.1rem solid #f9f8f6;
|
|
2683
|
+
padding: 0.6rem 1.2rem; }
|
|
2684
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
2685
|
+
border-bottom-color: #f9f8f6; }
|
|
2686
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
2687
|
+
border-bottom-color: #373734; }
|
|
2688
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
2689
|
+
border-top-color: #f9f8f6; }
|
|
2690
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
2691
|
+
border-top-color: #373734; }
|
|
2692
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
2693
|
+
border-right-color: #f9f8f6; }
|
|
2694
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
2695
|
+
border-right-color: #373734; }
|
|
2696
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
2697
|
+
border-left-color: #f9f8f6; }
|
|
2698
|
+
.cdr-tooltip--wrapper_11-3-2 .cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
2699
|
+
border-left-color: #373734; }
|
|
2700
|
+
|
|
2701
|
+
.cdr-toast_11-3-2 {
|
|
2655
2702
|
position: relative;
|
|
2656
2703
|
border-left: 0.4rem solid;
|
|
2657
2704
|
box-shadow: 0 0.8rem 0.8rem 0 rgba(12, 11, 8, 0.2);
|
|
@@ -2663,159 +2710,112 @@
|
|
|
2663
2710
|
font-size: 1.4rem;
|
|
2664
2711
|
line-height: 1.8rem; }
|
|
2665
2712
|
@media (min-width: 768px) {
|
|
2666
|
-
.cdr-toast_11-3-
|
|
2713
|
+
.cdr-toast_11-3-2 {
|
|
2667
2714
|
width: 39rem; } }
|
|
2668
|
-
.cdr-toast__transition--toast-enter_11-3-
|
|
2715
|
+
.cdr-toast__transition--toast-enter_11-3-2 {
|
|
2669
2716
|
opacity: 0;
|
|
2670
2717
|
transform: translateX(2.4rem); }
|
|
2671
|
-
.cdr-toast__transition--toast-enter-active_11-3-
|
|
2718
|
+
.cdr-toast__transition--toast-enter-active_11-3-2 {
|
|
2672
2719
|
transition: all 0.5s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2673
|
-
.cdr-toast__transition--toast-leave-to_11-3-
|
|
2720
|
+
.cdr-toast__transition--toast-leave-to_11-3-2 {
|
|
2674
2721
|
opacity: 0; }
|
|
2675
|
-
.cdr-toast__transition--toast-leave-active_11-3-
|
|
2722
|
+
.cdr-toast__transition--toast-leave-active_11-3-2 {
|
|
2676
2723
|
transition: opacity 0.2s cubic-bezier(0.32, 0.94, 0.6, 1); }
|
|
2677
|
-
.cdr-toast__main_11-3-
|
|
2724
|
+
.cdr-toast__main_11-3-2 {
|
|
2678
2725
|
display: grid;
|
|
2679
2726
|
grid-template-columns: auto 1fr auto;
|
|
2680
2727
|
grid-template-areas: "icon-left message close-button"; }
|
|
2681
|
-
.cdr-toast__icon-left_11-3-
|
|
2728
|
+
.cdr-toast__icon-left_11-3-2 {
|
|
2682
2729
|
width: 3.2rem;
|
|
2683
2730
|
grid-area: icon-left;
|
|
2684
2731
|
display: inherit;
|
|
2685
2732
|
align-items: center;
|
|
2686
2733
|
justify-items: center; }
|
|
2687
|
-
.cdr-toast__icon-left_11-3-
|
|
2734
|
+
.cdr-toast__icon-left_11-3-2 svg {
|
|
2688
2735
|
max-height: 2.2rem;
|
|
2689
2736
|
max-width: 2.2rem;
|
|
2690
2737
|
stroke: white;
|
|
2691
2738
|
stroke-width: 0.4rem;
|
|
2692
2739
|
paint-order: stroke fill;
|
|
2693
2740
|
margin: 0.4rem; }
|
|
2694
|
-
.cdr-toast__message_11-3-
|
|
2741
|
+
.cdr-toast__message_11-3-2 {
|
|
2695
2742
|
display: inherit;
|
|
2696
2743
|
align-items: center;
|
|
2697
2744
|
grid-area: message;
|
|
2698
2745
|
padding: 0.7rem; }
|
|
2699
|
-
.cdr-toast__close-button_11-3-
|
|
2746
|
+
.cdr-toast__close-button_11-3-2 {
|
|
2700
2747
|
display: inherit;
|
|
2701
2748
|
align-content: center;
|
|
2702
2749
|
grid-area: close-button;
|
|
2703
2750
|
max-height: 3.2rem; }
|
|
2704
|
-
.cdr-toast__close-button_11-3-
|
|
2751
|
+
.cdr-toast__close-button_11-3-2 svg {
|
|
2705
2752
|
height: 2.2rem;
|
|
2706
2753
|
width: 2.2rem;
|
|
2707
2754
|
fill: rgba(3, 3, 1, 0.9) !important; }
|
|
2708
|
-
.cdr-toast--default_11-3-
|
|
2755
|
+
.cdr-toast--default_11-3-2 {
|
|
2709
2756
|
border-left-color: #726d64; }
|
|
2710
|
-
.cdr-toast--default_11-3-
|
|
2757
|
+
.cdr-toast--default_11-3-2 .cdr-toast__main_11-3-2 {
|
|
2711
2758
|
background-color: #f9f8f6;
|
|
2712
2759
|
border-top: 0.1rem solid;
|
|
2713
2760
|
border-right: 0.1rem solid;
|
|
2714
2761
|
border-bottom: 0.1rem solid;
|
|
2715
2762
|
border-color: #e8e0ce; }
|
|
2716
|
-
.cdr-toast--default_11-3-
|
|
2763
|
+
.cdr-toast--default_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 {
|
|
2717
2764
|
background-color: #e8e0ce; }
|
|
2718
|
-
.cdr-toast--default_11-3-
|
|
2765
|
+
.cdr-toast--default_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 svg {
|
|
2719
2766
|
fill: #726d64; }
|
|
2720
|
-
.cdr-toast--info_11-3-
|
|
2767
|
+
.cdr-toast--info_11-3-2 {
|
|
2721
2768
|
border-left-color: #408e86; }
|
|
2722
|
-
.cdr-toast--info_11-3-
|
|
2769
|
+
.cdr-toast--info_11-3-2 .cdr-toast__main_11-3-2 {
|
|
2723
2770
|
background-color: #edf4f5;
|
|
2724
2771
|
border-top: 0.1rem solid;
|
|
2725
2772
|
border-right: 0.1rem solid;
|
|
2726
2773
|
border-bottom: 0.1rem solid;
|
|
2727
2774
|
border-color: #c2d8db; }
|
|
2728
|
-
.cdr-toast--info_11-3-
|
|
2775
|
+
.cdr-toast--info_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 {
|
|
2729
2776
|
background-color: #c2d8db; }
|
|
2730
|
-
.cdr-toast--info_11-3-
|
|
2777
|
+
.cdr-toast--info_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 svg {
|
|
2731
2778
|
fill: #408e86; }
|
|
2732
|
-
.cdr-toast--warning_11-3-
|
|
2779
|
+
.cdr-toast--warning_11-3-2 {
|
|
2733
2780
|
border-left-color: #b68b37; }
|
|
2734
|
-
.cdr-toast--warning_11-3-
|
|
2781
|
+
.cdr-toast--warning_11-3-2 .cdr-toast__main_11-3-2 {
|
|
2735
2782
|
background-color: #fefcf1;
|
|
2736
2783
|
border-top: 0.1rem solid;
|
|
2737
2784
|
border-right: 0.1rem solid;
|
|
2738
2785
|
border-bottom: 0.1rem solid;
|
|
2739
2786
|
border-color: #f5e9b7; }
|
|
2740
|
-
.cdr-toast--warning_11-3-
|
|
2787
|
+
.cdr-toast--warning_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 {
|
|
2741
2788
|
background-color: #f5e9b7; }
|
|
2742
|
-
.cdr-toast--warning_11-3-
|
|
2789
|
+
.cdr-toast--warning_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 svg {
|
|
2743
2790
|
fill: #b68b37; }
|
|
2744
|
-
.cdr-toast--success_11-3-
|
|
2791
|
+
.cdr-toast--success_11-3-2 {
|
|
2745
2792
|
border-left-color: #3b8349; }
|
|
2746
|
-
.cdr-toast--success_11-3-
|
|
2793
|
+
.cdr-toast--success_11-3-2 .cdr-toast__main_11-3-2 {
|
|
2747
2794
|
background-color: #f4fbf5;
|
|
2748
2795
|
border-top: 0.1rem solid;
|
|
2749
2796
|
border-right: 0.1rem solid;
|
|
2750
2797
|
border-bottom: 0.1rem solid;
|
|
2751
2798
|
border-color: #d5e6cb; }
|
|
2752
|
-
.cdr-toast--success_11-3-
|
|
2799
|
+
.cdr-toast--success_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 {
|
|
2753
2800
|
background-color: #d5e6cb; }
|
|
2754
|
-
.cdr-toast--success_11-3-
|
|
2801
|
+
.cdr-toast--success_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 svg {
|
|
2755
2802
|
fill: #3b8349; }
|
|
2756
|
-
.cdr-toast--error_11-3-
|
|
2803
|
+
.cdr-toast--error_11-3-2 {
|
|
2757
2804
|
border-left-color: #bb4045; }
|
|
2758
|
-
.cdr-toast--error_11-3-
|
|
2805
|
+
.cdr-toast--error_11-3-2 .cdr-toast__main_11-3-2 {
|
|
2759
2806
|
background-color: #fdf7f7;
|
|
2760
2807
|
border-top: 0.1rem solid;
|
|
2761
2808
|
border-right: 0.1rem solid;
|
|
2762
2809
|
border-bottom: 0.1rem solid;
|
|
2763
2810
|
border-color: #eecbc1; }
|
|
2764
|
-
.cdr-toast--error_11-3-
|
|
2811
|
+
.cdr-toast--error_11-3-2 .cdr-toast__main_11-3-2 svg {
|
|
2765
2812
|
fill: #bb4045; }
|
|
2766
|
-
.cdr-toast--error_11-3-
|
|
2813
|
+
.cdr-toast--error_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 {
|
|
2767
2814
|
background-color: #eecbc1; }
|
|
2768
|
-
.cdr-toast--error_11-3-
|
|
2815
|
+
.cdr-toast--error_11-3-2 .cdr-toast__main_11-3-2 .cdr-toast__icon-left_11-3-2 svg {
|
|
2769
2816
|
fill: #bb4045; }
|
|
2770
2817
|
|
|
2771
|
-
|
|
2772
|
-
.cdr-tooltip--position_11-3-1 {
|
|
2773
|
-
position: relative; }
|
|
2774
|
-
.cdr-tooltip--wrapper_11-3-1 {
|
|
2775
|
-
width: -webkit-max-content;
|
|
2776
|
-
width: -moz-max-content;
|
|
2777
|
-
width: max-content;
|
|
2778
|
-
height: -webkit-max-content;
|
|
2779
|
-
height: -moz-max-content;
|
|
2780
|
-
height: max-content; }
|
|
2781
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--closed_11-3-1 {
|
|
2782
|
-
position: absolute;
|
|
2783
|
-
width: 0.1rem;
|
|
2784
|
-
height: 0.1rem;
|
|
2785
|
-
padding: 0;
|
|
2786
|
-
margin: -0.1rem;
|
|
2787
|
-
overflow: hidden;
|
|
2788
|
-
clip: rect(0, 0, 0, 0);
|
|
2789
|
-
border: 0; }
|
|
2790
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup__content_11-3-1 {
|
|
2791
|
-
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2792
|
-
font-style: normal;
|
|
2793
|
-
font-weight: 600;
|
|
2794
|
-
letter-spacing: -0.008rem;
|
|
2795
|
-
font-size: 1.2rem;
|
|
2796
|
-
line-height: 1.6rem;
|
|
2797
|
-
background: #373734;
|
|
2798
|
-
color: #f9f8f6;
|
|
2799
|
-
border: 0.1rem solid #f9f8f6;
|
|
2800
|
-
padding: 0.6rem 1.2rem; }
|
|
2801
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::before {
|
|
2802
|
-
border-bottom-color: #f9f8f6; }
|
|
2803
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--bottom_11-3-1 .cdr-popup__arrow_11-3-1::after {
|
|
2804
|
-
border-bottom-color: #373734; }
|
|
2805
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::before {
|
|
2806
|
-
border-top-color: #f9f8f6; }
|
|
2807
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--top_11-3-1 .cdr-popup__arrow_11-3-1::after {
|
|
2808
|
-
border-top-color: #373734; }
|
|
2809
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::before {
|
|
2810
|
-
border-right-color: #f9f8f6; }
|
|
2811
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--right_11-3-1 .cdr-popup__arrow_11-3-1::after {
|
|
2812
|
-
border-right-color: #373734; }
|
|
2813
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::before {
|
|
2814
|
-
border-left-color: #f9f8f6; }
|
|
2815
|
-
.cdr-tooltip--wrapper_11-3-1 .cdr-popup--left_11-3-1 .cdr-popup__arrow_11-3-1::after {
|
|
2816
|
-
border-left-color: #373734; }
|
|
2817
|
-
|
|
2818
|
-
.cdr-modal_11-3-1 {
|
|
2818
|
+
.cdr-modal_11-3-2 {
|
|
2819
2819
|
bottom: 0;
|
|
2820
2820
|
height: 100%;
|
|
2821
2821
|
left: 0;
|
|
@@ -2826,9 +2826,9 @@
|
|
|
2826
2826
|
visibility: visible;
|
|
2827
2827
|
z-index: 1000; }
|
|
2828
2828
|
@supports (-webkit-touch-callout: none) {
|
|
2829
|
-
.cdr-modal_11-3-
|
|
2829
|
+
.cdr-modal_11-3-2 * {
|
|
2830
2830
|
will-change: transform; } }
|
|
2831
|
-
.cdr-modal__overlay_11-3-
|
|
2831
|
+
.cdr-modal__overlay_11-3-2 {
|
|
2832
2832
|
background-color: rgba(244, 242, 237, 0.85);
|
|
2833
2833
|
-webkit-backdrop-filter: blur(1.6rem);
|
|
2834
2834
|
backdrop-filter: blur(1.6rem);
|
|
@@ -2840,13 +2840,13 @@
|
|
|
2840
2840
|
top: 0;
|
|
2841
2841
|
transition: opacity 150ms;
|
|
2842
2842
|
z-index: 0; }
|
|
2843
|
-
.cdr-modal__outerWrap_11-3-
|
|
2843
|
+
.cdr-modal__outerWrap_11-3-2 {
|
|
2844
2844
|
display: flex;
|
|
2845
2845
|
box-sizing: border-box;
|
|
2846
2846
|
min-height: 100%;
|
|
2847
2847
|
position: static;
|
|
2848
2848
|
z-index: -1; }
|
|
2849
|
-
.cdr-modal__contentWrap_11-3-
|
|
2849
|
+
.cdr-modal__contentWrap_11-3-2 {
|
|
2850
2850
|
align-items: flex-start;
|
|
2851
2851
|
background-color: #ffffff;
|
|
2852
2852
|
display: flex;
|
|
@@ -2861,19 +2861,19 @@
|
|
|
2861
2861
|
transition: opacity 150ms 150ms;
|
|
2862
2862
|
width: 100%;
|
|
2863
2863
|
z-index: 0; }
|
|
2864
|
-
.cdr-modal__contentWrap_11-3-
|
|
2864
|
+
.cdr-modal__contentWrap_11-3-2:focus {
|
|
2865
2865
|
outline: 0; }
|
|
2866
|
-
.cdr-modal__innerWrap_11-3-
|
|
2866
|
+
.cdr-modal__innerWrap_11-3-2 {
|
|
2867
2867
|
width: 100%;
|
|
2868
2868
|
padding: 1.6rem; }
|
|
2869
|
-
.cdr-modal__dialog_11-3-
|
|
2869
|
+
.cdr-modal__dialog_11-3-2 {
|
|
2870
2870
|
width: 100%; }
|
|
2871
|
-
.cdr-modal__content_11-3-
|
|
2871
|
+
.cdr-modal__content_11-3-2 {
|
|
2872
2872
|
position: relative; }
|
|
2873
|
-
.cdr-modal__header_11-3-
|
|
2873
|
+
.cdr-modal__header_11-3-2 {
|
|
2874
2874
|
display: flex;
|
|
2875
2875
|
padding-bottom: 1.6rem; }
|
|
2876
|
-
.cdr-modal__title_11-3-
|
|
2876
|
+
.cdr-modal__title_11-3-2 {
|
|
2877
2877
|
flex: auto;
|
|
2878
2878
|
font-family: Stuart, Georgia, serif;
|
|
2879
2879
|
font-style: normal;
|
|
@@ -2881,7 +2881,7 @@
|
|
|
2881
2881
|
letter-spacing: 0;
|
|
2882
2882
|
font-size: 2.4rem;
|
|
2883
2883
|
line-height: 3rem; }
|
|
2884
|
-
.cdr-modal__close-button_11-3-
|
|
2884
|
+
.cdr-modal__close-button_11-3-2 {
|
|
2885
2885
|
align-self: flex-start;
|
|
2886
2886
|
border: 0.1rem solid #928b80;
|
|
2887
2887
|
flex: none;
|
|
@@ -2890,20 +2890,20 @@
|
|
|
2890
2890
|
position: relative;
|
|
2891
2891
|
top: -0.2rem;
|
|
2892
2892
|
right: -0.4rem; }
|
|
2893
|
-
.cdr-modal__close-button_11-3-
|
|
2893
|
+
.cdr-modal__close-button_11-3-2:hover, .cdr-modal__close-button_11-3-2:focus {
|
|
2894
2894
|
border: 0.1rem solid #928b80; }
|
|
2895
|
-
.cdr-modal__text_11-3-
|
|
2895
|
+
.cdr-modal__text_11-3-2 {
|
|
2896
2896
|
padding: 0;
|
|
2897
2897
|
position: relative; }
|
|
2898
|
-
.cdr-modal__text-content_11-3-
|
|
2898
|
+
.cdr-modal__text-content_11-3-2 {
|
|
2899
2899
|
overflow: auto;
|
|
2900
2900
|
position: relative; }
|
|
2901
2901
|
@media (min-width: 768px) {
|
|
2902
|
-
.cdr-modal__outerWrap_11-3-
|
|
2902
|
+
.cdr-modal__outerWrap_11-3-2 {
|
|
2903
2903
|
padding: 1.6rem; }
|
|
2904
|
-
.cdr-modal__innerWrap_11-3-
|
|
2904
|
+
.cdr-modal__innerWrap_11-3-2 {
|
|
2905
2905
|
padding: 2.4rem; }
|
|
2906
|
-
.cdr-modal__contentWrap_11-3-
|
|
2906
|
+
.cdr-modal__contentWrap_11-3-2 {
|
|
2907
2907
|
border-radius: 0.4rem;
|
|
2908
2908
|
box-shadow: 0 1.6rem 1.6rem 0 rgba(12, 11, 8, 0.2);
|
|
2909
2909
|
min-height: auto;
|
|
@@ -2911,42 +2911,42 @@
|
|
|
2911
2911
|
top: auto;
|
|
2912
2912
|
left: auto;
|
|
2913
2913
|
right: auto; }
|
|
2914
|
-
.cdr-modal__dialog_11-3-
|
|
2914
|
+
.cdr-modal__dialog_11-3-2 {
|
|
2915
2915
|
max-width: 64rem; }
|
|
2916
|
-
.cdr-modal__close-button_11-3-
|
|
2916
|
+
.cdr-modal__close-button_11-3-2 {
|
|
2917
2917
|
margin-left: 1.2rem;
|
|
2918
2918
|
right: -0.8rem;
|
|
2919
2919
|
top: -0.5rem; } }
|
|
2920
|
-
.closed_11-3-
|
|
2920
|
+
.closed_11-3-2 {
|
|
2921
2921
|
transition: z-index 0s 300ms, visibility 0s 300ms;
|
|
2922
2922
|
visibility: hidden;
|
|
2923
2923
|
z-index: -1; }
|
|
2924
|
-
.closed_11-3-
|
|
2924
|
+
.closed_11-3-2 .cdr-modal__overlay_11-3-2 {
|
|
2925
2925
|
opacity: 0;
|
|
2926
2926
|
transition: opacity 150ms 150ms; }
|
|
2927
|
-
.closed_11-3-
|
|
2927
|
+
.closed_11-3-2 .cdr-modal__contentWrap_11-3-2 {
|
|
2928
2928
|
opacity: 0;
|
|
2929
2929
|
transition: opacity 150ms; }
|
|
2930
|
-
.cdr-modal__noscroll_11-3-
|
|
2930
|
+
.cdr-modal__noscroll_11-3-2 {
|
|
2931
2931
|
overflow: hidden !important;
|
|
2932
2932
|
position: fixed !important;
|
|
2933
2933
|
width: 100%; }
|
|
2934
2934
|
|
|
2935
2935
|
/* intentionally empty */
|
|
2936
|
-
.cdr-pagination_11-3-
|
|
2936
|
+
.cdr-pagination_11-3-2 {
|
|
2937
2937
|
display: flex;
|
|
2938
2938
|
justify-content: center;
|
|
2939
2939
|
align-items: center;
|
|
2940
2940
|
list-style: none;
|
|
2941
2941
|
padding: 0;
|
|
2942
2942
|
/* Responsive */ }
|
|
2943
|
-
.cdr-pagination__li--links_11-3-
|
|
2943
|
+
.cdr-pagination__li--links_11-3-2 {
|
|
2944
2944
|
display: none; }
|
|
2945
|
-
.cdr-pagination__li--links_11-3-
|
|
2945
|
+
.cdr-pagination__li--links_11-3-2 + .cdr-pagination__li--links_11-3-2 {
|
|
2946
2946
|
margin-left: 0.4rem; }
|
|
2947
|
-
.cdr-pagination__li--select_11-3-
|
|
2947
|
+
.cdr-pagination__li--select_11-3-2 {
|
|
2948
2948
|
display: block; }
|
|
2949
|
-
.cdr-pagination__link_11-3-
|
|
2949
|
+
.cdr-pagination__link_11-3-2 {
|
|
2950
2950
|
font-family: Graphik, "Helvetica Neue", sans-serif;
|
|
2951
2951
|
font-style: normal;
|
|
2952
2952
|
font-weight: 400;
|
|
@@ -2962,12 +2962,12 @@
|
|
|
2962
2962
|
padding: 0.6rem 1.2rem;
|
|
2963
2963
|
text-decoration: none;
|
|
2964
2964
|
border-radius: 0.4rem; }
|
|
2965
|
-
.cdr-pagination__link_11-3-
|
|
2965
|
+
.cdr-pagination__link_11-3-2:hover, .cdr-pagination__link_11-3-2:focus, .cdr-pagination__link_11-3-2:active {
|
|
2966
2966
|
background-color: #f9f8f6;
|
|
2967
2967
|
cursor: pointer; }
|
|
2968
|
-
.cdr-pagination__link_11-3-
|
|
2968
|
+
.cdr-pagination__link_11-3-2.current {
|
|
2969
2969
|
position: relative; }
|
|
2970
|
-
.cdr-pagination__link_11-3-
|
|
2970
|
+
.cdr-pagination__link_11-3-2.current:after {
|
|
2971
2971
|
content: '';
|
|
2972
2972
|
position: absolute;
|
|
2973
2973
|
bottom: 0;
|
|
@@ -2976,34 +2976,34 @@
|
|
|
2976
2976
|
height: 0.2rem;
|
|
2977
2977
|
width: 80%;
|
|
2978
2978
|
background-color: #406eb5; }
|
|
2979
|
-
.cdr-pagination__link_11-3-
|
|
2979
|
+
.cdr-pagination__link_11-3-2.current:hover, .cdr-pagination__link_11-3-2.current:focus, .cdr-pagination__link_11-3-2.current:active {
|
|
2980
2980
|
text-decoration: none; }
|
|
2981
|
-
.cdr-pagination__link_11-3-
|
|
2981
|
+
.cdr-pagination__link_11-3-2.cdr-pagination__link--disabled_11-3-2 {
|
|
2982
2982
|
color: #d1cbbd;
|
|
2983
2983
|
fill: #d1cbbd;
|
|
2984
2984
|
cursor: not-allowed; }
|
|
2985
|
-
.cdr-pagination__link_11-3-
|
|
2985
|
+
.cdr-pagination__link_11-3-2.cdr-pagination__link--disabled_11-3-2:hover, .cdr-pagination__link_11-3-2.cdr-pagination__link--disabled_11-3-2:focus, .cdr-pagination__link_11-3-2.cdr-pagination__link--disabled_11-3-2:active {
|
|
2986
2986
|
color: #d1cbbd;
|
|
2987
2987
|
background-color: transparent; }
|
|
2988
|
-
.cdr-pagination__ellipse_11-3-
|
|
2988
|
+
.cdr-pagination__ellipse_11-3-2 {
|
|
2989
2989
|
display: block;
|
|
2990
2990
|
padding: 0.6rem 1.2rem; }
|
|
2991
|
-
.cdr-pagination__prev_11-3-
|
|
2991
|
+
.cdr-pagination__prev_11-3-2 {
|
|
2992
2992
|
display: flex;
|
|
2993
2993
|
align-items: center;
|
|
2994
2994
|
margin-right: 1.6rem; }
|
|
2995
|
-
.cdr-pagination__next_11-3-
|
|
2995
|
+
.cdr-pagination__next_11-3-2 {
|
|
2996
2996
|
display: flex;
|
|
2997
2997
|
align-items: center;
|
|
2998
2998
|
margin-left: 1.6rem; }
|
|
2999
|
-
.cdr-pagination__caret--prev_11-3-
|
|
2999
|
+
.cdr-pagination__caret--prev_11-3-2 {
|
|
3000
3000
|
margin-right: 0.2rem; }
|
|
3001
|
-
.cdr-pagination__caret--next_11-3-
|
|
3001
|
+
.cdr-pagination__caret--next_11-3-2 {
|
|
3002
3002
|
margin-left: 0.2rem; }
|
|
3003
3003
|
@media (min-width: 768px) {
|
|
3004
|
-
.cdr-pagination__li--links_11-3-
|
|
3004
|
+
.cdr-pagination__li--links_11-3-2 {
|
|
3005
3005
|
display: block; }
|
|
3006
|
-
.cdr-pagination__li--select_11-3-
|
|
3006
|
+
.cdr-pagination__li--select_11-3-2 {
|
|
3007
3007
|
display: none; } }
|
|
3008
3008
|
|
|
3009
3009
|
/* ==========================================================================
|
|
@@ -3017,7 +3017,7 @@
|
|
|
3017
3017
|
|
|
3018
3018
|
:Base Styles
|
|
3019
3019
|
========================================================================== */
|
|
3020
|
-
.cdr-icon_11-3-
|
|
3020
|
+
.cdr-icon_11-3-2 {
|
|
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-
|
|
3039
|
+
.cdr-icon--small_11-3-2 {
|
|
3040
3040
|
width: 1.6rem;
|
|
3041
3041
|
height: 1.6rem; }
|
|
3042
|
-
.cdr-icon--large_11-3-
|
|
3042
|
+
.cdr-icon--large_11-3-2 {
|
|
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-
|
|
3046
|
+
.cdr-icon--small\@xs_11-3-2 {
|
|
3047
3047
|
width: 1.6rem;
|
|
3048
3048
|
height: 1.6rem; }
|
|
3049
|
-
.cdr-icon--large\@xs_11-3-
|
|
3049
|
+
.cdr-icon--large\@xs_11-3-2 {
|
|
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-
|
|
3053
|
+
.cdr-icon--small\@sm_11-3-2 {
|
|
3054
3054
|
width: 1.6rem;
|
|
3055
3055
|
height: 1.6rem; }
|
|
3056
|
-
.cdr-icon--large\@sm_11-3-
|
|
3056
|
+
.cdr-icon--large\@sm_11-3-2 {
|
|
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-
|
|
3060
|
+
.cdr-icon--small\@md_11-3-2 {
|
|
3061
3061
|
width: 1.6rem;
|
|
3062
3062
|
height: 1.6rem; }
|
|
3063
|
-
.cdr-icon--large\@md_11-3-
|
|
3063
|
+
.cdr-icon--large\@md_11-3-2 {
|
|
3064
3064
|
width: 3.2rem;
|
|
3065
3065
|
height: 3.2rem; } }
|
|
3066
3066
|
@media (min-width: 1232px) {
|
|
3067
|
-
.cdr-icon--small\@lg_11-3-
|
|
3067
|
+
.cdr-icon--small\@lg_11-3-2 {
|
|
3068
3068
|
width: 1.6rem;
|
|
3069
3069
|
height: 1.6rem; }
|
|
3070
|
-
.cdr-icon--large\@lg_11-3-
|
|
3070
|
+
.cdr-icon--large\@lg_11-3-2 {
|
|
3071
3071
|
width: 3.2rem;
|
|
3072
3072
|
height: 3.2rem; } }
|
|
3073
|
-
.cdr-icon--inherit-color_11-3-
|
|
3073
|
+
.cdr-icon--inherit-color_11-3-2 {
|
|
3074
3074
|
fill: inherit; }
|
|
3075
3075
|
|
|
3076
|
-
.cdr-label-wrapper_11-3-
|
|
3076
|
+
.cdr-label-wrapper_11-3-2 {
|
|
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-
|
|
3116
|
+
.cdr-label-wrapper__container_11-3-2 {
|
|
3117
3117
|
font-size: 0;
|
|
3118
3118
|
line-height: 1; }
|
|
3119
|
-
.cdr-label-wrapper_11-3-
|
|
3119
|
+
.cdr-label-wrapper_11-3-2 input {
|
|
3120
3120
|
position: absolute;
|
|
3121
3121
|
opacity: 0;
|
|
3122
3122
|
z-index: -1; }
|
|
3123
|
-
.cdr-label-wrapper--primary_11-3-
|
|
3123
|
+
.cdr-label-wrapper--primary_11-3-2:hover {
|
|
3124
3124
|
background-color: #f9f8f6;
|
|
3125
3125
|
cursor: pointer; }
|
|
3126
|
-
.cdr-label-wrapper--primary_11-3-
|
|
3126
|
+
.cdr-label-wrapper--primary_11-3-2: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-
|
|
3129
|
+
.cdr-label-wrapper--primary_11-3-2:active {
|
|
3130
3130
|
background-color: #edeae3; }
|
|
3131
|
-
.cdr-label-wrapper--secondary_11-3-
|
|
3131
|
+
.cdr-label-wrapper--secondary_11-3-2 {
|
|
3132
3132
|
background-color: rgba(244, 242, 237, 0.15); }
|
|
3133
|
-
.cdr-label-wrapper--secondary_11-3-
|
|
3133
|
+
.cdr-label-wrapper--secondary_11-3-2:hover {
|
|
3134
3134
|
background-color: rgba(255, 255, 255, 0.75);
|
|
3135
3135
|
cursor: pointer; }
|
|
3136
|
-
.cdr-label-wrapper--secondary_11-3-
|
|
3136
|
+
.cdr-label-wrapper--secondary_11-3-2:focus-within {
|
|
3137
3137
|
background-color: rgba(255, 255, 255, 0.75); }
|
|
3138
|
-
.cdr-label-wrapper--secondary_11-3-
|
|
3138
|
+
.cdr-label-wrapper--secondary_11-3-2:active {
|
|
3139
3139
|
background-color: #ffffff; }
|
|
3140
|
-
.cdr-label-wrapper--disabled_11-3-
|
|
3140
|
+
.cdr-label-wrapper--disabled_11-3-2 {
|
|
3141
3141
|
color: #d1cbbd !important;
|
|
3142
3142
|
cursor: not-allowed !important; }
|
|
3143
|
-
.cdr-label-wrapper--disabled_11-3-
|
|
3143
|
+
.cdr-label-wrapper--disabled_11-3-2:hover, .cdr-label-wrapper--disabled_11-3-2:focus-within, .cdr-label-wrapper--disabled_11-3-2:active {
|
|
3144
3144
|
background-color: transparent !important; }
|
|
3145
|
-
.cdr-label-wrapper--disabled_11-3-
|
|
3145
|
+
.cdr-label-wrapper--disabled_11-3-2 .cdr-label-wrapper__figure_11-3-2 {
|
|
3146
3146
|
cursor: not-allowed !important; }
|
|
3147
|
-
.cdr-label-wrapper__figure_11-3-
|
|
3147
|
+
.cdr-label-wrapper__figure_11-3-2 {
|
|
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-
|
|
3157
|
+
.cdr-label-wrapper__figure_11-3-2::after {
|
|
3158
3158
|
width: 0.4rem;
|
|
3159
3159
|
height: 0.4rem; }
|
|
3160
|
-
.cdr-label-wrapper__content_11-3-
|
|
3160
|
+
.cdr-label-wrapper__content_11-3-2 {
|
|
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-
|
|
3165
|
+
.cdr-label-wrapper--hide-figure_11-3-2 {
|
|
3166
3166
|
padding-left: 0; }
|
|
3167
|
-
.cdr-label-wrapper--hide-figure_11-3-
|
|
3167
|
+
.cdr-label-wrapper--hide-figure_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3168
3168
|
display: none; }
|
|
3169
|
-
.cdr-label-wrapper--small_11-3-
|
|
3169
|
+
.cdr-label-wrapper--small_11-3-2 {
|
|
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-
|
|
3177
|
+
.cdr-label-wrapper--small_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3178
3178
|
width: 1.6rem;
|
|
3179
3179
|
height: 1.6rem; }
|
|
3180
|
-
.cdr-label-wrapper--small_11-3-
|
|
3180
|
+
.cdr-label-wrapper--small_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3181
3181
|
width: 0.4rem;
|
|
3182
3182
|
height: 0.4rem; }
|
|
3183
|
-
.cdr-label-wrapper--medium_11-3-
|
|
3183
|
+
.cdr-label-wrapper--medium_11-3-2 {
|
|
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-
|
|
3191
|
+
.cdr-label-wrapper--medium_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3192
3192
|
width: 1.6rem;
|
|
3193
3193
|
height: 1.6rem; }
|
|
3194
|
-
.cdr-label-wrapper--medium_11-3-
|
|
3194
|
+
.cdr-label-wrapper--medium_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3195
3195
|
width: 0.4rem;
|
|
3196
3196
|
height: 0.4rem; }
|
|
3197
|
-
.cdr-label-wrapper--large_11-3-
|
|
3197
|
+
.cdr-label-wrapper--large_11-3-2 {
|
|
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-
|
|
3205
|
+
.cdr-label-wrapper--large_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3206
3206
|
width: 2rem;
|
|
3207
3207
|
height: 2rem; }
|
|
3208
|
-
.cdr-label-wrapper--large_11-3-
|
|
3208
|
+
.cdr-label-wrapper--large_11-3-2 > .cdr-label-wrapper__figure_11-3-2::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-
|
|
3212
|
+
.cdr-label-wrapper--small\@xs_11-3-2 {
|
|
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-
|
|
3220
|
+
.cdr-label-wrapper--small\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3221
3221
|
width: 1.6rem;
|
|
3222
3222
|
height: 1.6rem; }
|
|
3223
|
-
.cdr-label-wrapper--small\@xs_11-3-
|
|
3223
|
+
.cdr-label-wrapper--small\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3224
3224
|
width: 0.4rem;
|
|
3225
3225
|
height: 0.4rem; }
|
|
3226
|
-
.cdr-label-wrapper--medium\@xs_11-3-
|
|
3226
|
+
.cdr-label-wrapper--medium\@xs_11-3-2 {
|
|
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-
|
|
3234
|
+
.cdr-label-wrapper--medium\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3235
3235
|
width: 1.6rem;
|
|
3236
3236
|
height: 1.6rem; }
|
|
3237
|
-
.cdr-label-wrapper--medium\@xs_11-3-
|
|
3237
|
+
.cdr-label-wrapper--medium\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3238
3238
|
width: 0.4rem;
|
|
3239
3239
|
height: 0.4rem; }
|
|
3240
|
-
.cdr-label-wrapper--large\@xs_11-3-
|
|
3240
|
+
.cdr-label-wrapper--large\@xs_11-3-2 {
|
|
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-
|
|
3248
|
+
.cdr-label-wrapper--large\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3249
3249
|
width: 2rem;
|
|
3250
3250
|
height: 2rem; }
|
|
3251
|
-
.cdr-label-wrapper--large\@xs_11-3-
|
|
3251
|
+
.cdr-label-wrapper--large\@xs_11-3-2 > .cdr-label-wrapper__figure_11-3-2::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-
|
|
3255
|
+
.cdr-label-wrapper--small\@sm_11-3-2 {
|
|
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-
|
|
3263
|
+
.cdr-label-wrapper--small\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3264
3264
|
width: 1.6rem;
|
|
3265
3265
|
height: 1.6rem; }
|
|
3266
|
-
.cdr-label-wrapper--small\@sm_11-3-
|
|
3266
|
+
.cdr-label-wrapper--small\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3267
3267
|
width: 0.4rem;
|
|
3268
3268
|
height: 0.4rem; }
|
|
3269
|
-
.cdr-label-wrapper--medium\@sm_11-3-
|
|
3269
|
+
.cdr-label-wrapper--medium\@sm_11-3-2 {
|
|
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-
|
|
3277
|
+
.cdr-label-wrapper--medium\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3278
3278
|
width: 1.6rem;
|
|
3279
3279
|
height: 1.6rem; }
|
|
3280
|
-
.cdr-label-wrapper--medium\@sm_11-3-
|
|
3280
|
+
.cdr-label-wrapper--medium\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3281
3281
|
width: 0.4rem;
|
|
3282
3282
|
height: 0.4rem; }
|
|
3283
|
-
.cdr-label-wrapper--large\@sm_11-3-
|
|
3283
|
+
.cdr-label-wrapper--large\@sm_11-3-2 {
|
|
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-
|
|
3291
|
+
.cdr-label-wrapper--large\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3292
3292
|
width: 2rem;
|
|
3293
3293
|
height: 2rem; }
|
|
3294
|
-
.cdr-label-wrapper--large\@sm_11-3-
|
|
3294
|
+
.cdr-label-wrapper--large\@sm_11-3-2 > .cdr-label-wrapper__figure_11-3-2::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-
|
|
3298
|
+
.cdr-label-wrapper--small\@md_11-3-2 {
|
|
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-
|
|
3306
|
+
.cdr-label-wrapper--small\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3307
3307
|
width: 1.6rem;
|
|
3308
3308
|
height: 1.6rem; }
|
|
3309
|
-
.cdr-label-wrapper--small\@md_11-3-
|
|
3309
|
+
.cdr-label-wrapper--small\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3310
3310
|
width: 0.4rem;
|
|
3311
3311
|
height: 0.4rem; }
|
|
3312
|
-
.cdr-label-wrapper--medium\@md_11-3-
|
|
3312
|
+
.cdr-label-wrapper--medium\@md_11-3-2 {
|
|
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-
|
|
3320
|
+
.cdr-label-wrapper--medium\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3321
3321
|
width: 1.6rem;
|
|
3322
3322
|
height: 1.6rem; }
|
|
3323
|
-
.cdr-label-wrapper--medium\@md_11-3-
|
|
3323
|
+
.cdr-label-wrapper--medium\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3324
3324
|
width: 0.4rem;
|
|
3325
3325
|
height: 0.4rem; }
|
|
3326
|
-
.cdr-label-wrapper--large\@md_11-3-
|
|
3326
|
+
.cdr-label-wrapper--large\@md_11-3-2 {
|
|
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-
|
|
3334
|
+
.cdr-label-wrapper--large\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3335
3335
|
width: 2rem;
|
|
3336
3336
|
height: 2rem; }
|
|
3337
|
-
.cdr-label-wrapper--large\@md_11-3-
|
|
3337
|
+
.cdr-label-wrapper--large\@md_11-3-2 > .cdr-label-wrapper__figure_11-3-2::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-
|
|
3341
|
+
.cdr-label-wrapper--small\@lg_11-3-2 {
|
|
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-
|
|
3349
|
+
.cdr-label-wrapper--small\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3350
3350
|
width: 1.6rem;
|
|
3351
3351
|
height: 1.6rem; }
|
|
3352
|
-
.cdr-label-wrapper--small\@lg_11-3-
|
|
3352
|
+
.cdr-label-wrapper--small\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3353
3353
|
width: 0.4rem;
|
|
3354
3354
|
height: 0.4rem; }
|
|
3355
|
-
.cdr-label-wrapper--medium\@lg_11-3-
|
|
3355
|
+
.cdr-label-wrapper--medium\@lg_11-3-2 {
|
|
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-
|
|
3363
|
+
.cdr-label-wrapper--medium\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3364
3364
|
width: 1.6rem;
|
|
3365
3365
|
height: 1.6rem; }
|
|
3366
|
-
.cdr-label-wrapper--medium\@lg_11-3-
|
|
3366
|
+
.cdr-label-wrapper--medium\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2::after {
|
|
3367
3367
|
width: 0.4rem;
|
|
3368
3368
|
height: 0.4rem; }
|
|
3369
|
-
.cdr-label-wrapper--large\@lg_11-3-
|
|
3369
|
+
.cdr-label-wrapper--large\@lg_11-3-2 {
|
|
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-
|
|
3377
|
+
.cdr-label-wrapper--large\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2 {
|
|
3378
3378
|
width: 2rem;
|
|
3379
3379
|
height: 2rem; }
|
|
3380
|
-
.cdr-label-wrapper--large\@lg_11-3-
|
|
3380
|
+
.cdr-label-wrapper--large\@lg_11-3-2 > .cdr-label-wrapper__figure_11-3-2::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-
|
|
3576
|
+
.cdr-popup_11-3-2 {
|
|
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-
|
|
3580
|
+
.cdr-popup--open_11-3-2 {
|
|
3657
3581
|
opacity: 1; }
|
|
3658
3582
|
|
|
3659
|
-
.cdr-popup--closed_11-3-
|
|
3583
|
+
.cdr-popup--closed_11-3-2 {
|
|
3660
3584
|
opacity: 0; }
|
|
3661
3585
|
|
|
3662
|
-
.cdr-popup__content_11-3-
|
|
3586
|
+
.cdr-popup__content_11-3-2 {
|
|
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-
|
|
3604
|
+
.cdr-popup__arrow_11-3-2::before, .cdr-popup__arrow_11-3-2::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-
|
|
3620
|
+
.cdr-popup__arrow_11-3-2::before {
|
|
3697
3621
|
border-width: 1rem; }
|
|
3698
3622
|
|
|
3699
|
-
.cdr-popup__arrow_11-3-
|
|
3623
|
+
.cdr-popup__arrow_11-3-2::after {
|
|
3700
3624
|
border-width: 0.9rem; }
|
|
3701
3625
|
|
|
3702
|
-
.cdr-popup--top_11-3-
|
|
3626
|
+
.cdr-popup--top_11-3-2 .cdr-popup__content_11-3-2, .cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::after, .cdr-popup--bottom_11-3-2 .cdr-popup__content_11-3-2, .cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3703
3627
|
left: 50%;
|
|
3704
3628
|
transform: translateX(-50%); }
|
|
3705
3629
|
|
|
3706
|
-
.cdr-popup--bottom_11-3-
|
|
3630
|
+
.cdr-popup--bottom_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3707
3631
|
-webkit-animation-name: popup-enter-down;
|
|
3708
3632
|
animation-name: popup-enter-down; }
|
|
3709
3633
|
|
|
3710
|
-
.cdr-popup--bottom_11-3-
|
|
3634
|
+
.cdr-popup--bottom_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--bottom_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3638
|
+
.cdr-popup--bottom_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3715
3639
|
-webkit-animation-name: popup-exit-down;
|
|
3716
3640
|
animation-name: popup-exit-down; }
|
|
3717
3641
|
|
|
3718
|
-
.cdr-popup--bottom_11-3-
|
|
3642
|
+
.cdr-popup--bottom_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--bottom_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3646
|
+
.cdr-popup--bottom_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3723
3647
|
top: calc(100% + 1.4rem); }
|
|
3724
3648
|
|
|
3725
|
-
.cdr-popup--bottom_11-3-
|
|
3649
|
+
.cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
3726
3650
|
border-bottom-color: #928b80; }
|
|
3727
3651
|
|
|
3728
|
-
.cdr-popup--bottom_11-3-
|
|
3652
|
+
.cdr-popup--bottom_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3729
3653
|
border-bottom-color: #ffffff; }
|
|
3730
3654
|
|
|
3731
|
-
.cdr-popup--top_11-3-
|
|
3655
|
+
.cdr-popup--top_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3732
3656
|
-webkit-animation-name: popup-enter-up;
|
|
3733
3657
|
animation-name: popup-enter-up; }
|
|
3734
3658
|
|
|
3735
|
-
.cdr-popup--top_11-3-
|
|
3659
|
+
.cdr-popup--top_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--top_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3663
|
+
.cdr-popup--top_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3740
3664
|
-webkit-animation-name: popup-exit-up;
|
|
3741
3665
|
animation-name: popup-exit-up; }
|
|
3742
3666
|
|
|
3743
|
-
.cdr-popup--top_11-3-
|
|
3667
|
+
.cdr-popup--top_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--top_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3671
|
+
.cdr-popup--top_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3748
3672
|
bottom: calc(100% + 1.4rem); }
|
|
3749
3673
|
|
|
3750
|
-
.cdr-popup--top_11-3-
|
|
3674
|
+
.cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
3751
3675
|
border-top-color: #928b80; }
|
|
3752
3676
|
|
|
3753
|
-
.cdr-popup--top_11-3-
|
|
3677
|
+
.cdr-popup--top_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3754
3678
|
border-top-color: #ffffff; }
|
|
3755
3679
|
|
|
3756
|
-
.cdr-popup--corner-left_11-3-
|
|
3680
|
+
.cdr-popup--corner-left_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3757
3681
|
left: 0;
|
|
3758
3682
|
transform: unset; }
|
|
3759
3683
|
|
|
3760
|
-
.cdr-popup--corner-right_11-3-
|
|
3684
|
+
.cdr-popup--corner-right_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3761
3685
|
left: unset;
|
|
3762
3686
|
right: 0;
|
|
3763
3687
|
transform: unset; }
|
|
3764
3688
|
|
|
3765
|
-
.cdr-popup--left_11-3-
|
|
3689
|
+
.cdr-popup--left_11-3-2 .cdr-popup__content_11-3-2, .cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::after, .cdr-popup--right_11-3-2 .cdr-popup__content_11-3-2, .cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3766
3690
|
top: 50%;
|
|
3767
3691
|
transform: translateY(-50%); }
|
|
3768
3692
|
|
|
3769
|
-
.cdr-popup--left_11-3-
|
|
3693
|
+
.cdr-popup--left_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3770
3694
|
-webkit-animation-name: popup-enter-left;
|
|
3771
3695
|
animation-name: popup-enter-left; }
|
|
3772
3696
|
|
|
3773
|
-
.cdr-popup--left_11-3-
|
|
3697
|
+
.cdr-popup--left_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--left_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3701
|
+
.cdr-popup--left_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3778
3702
|
-webkit-animation-name: popup-exit-left;
|
|
3779
3703
|
animation-name: popup-exit-left; }
|
|
3780
3704
|
|
|
3781
|
-
.cdr-popup--left_11-3-
|
|
3705
|
+
.cdr-popup--left_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--left_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3709
|
+
.cdr-popup--left_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3786
3710
|
right: calc(100% + 1.4rem); }
|
|
3787
3711
|
|
|
3788
|
-
.cdr-popup--left_11-3-
|
|
3712
|
+
.cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
3789
3713
|
border-left-color: #928b80; }
|
|
3790
3714
|
|
|
3791
|
-
.cdr-popup--left_11-3-
|
|
3715
|
+
.cdr-popup--left_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3792
3716
|
border-left-color: #ffffff; }
|
|
3793
3717
|
|
|
3794
|
-
.cdr-popup--right_11-3-
|
|
3718
|
+
.cdr-popup--right_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3795
3719
|
-webkit-animation-name: popup-enter-right;
|
|
3796
3720
|
animation-name: popup-enter-right; }
|
|
3797
3721
|
|
|
3798
|
-
.cdr-popup--right_11-3-
|
|
3722
|
+
.cdr-popup--right_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--right_11-3-2.cdr-popup--open_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3726
|
+
.cdr-popup--right_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3803
3727
|
-webkit-animation-name: popup-exit-right;
|
|
3804
3728
|
animation-name: popup-exit-right; }
|
|
3805
3729
|
|
|
3806
|
-
.cdr-popup--right_11-3-
|
|
3730
|
+
.cdr-popup--right_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::before, .cdr-popup--right_11-3-2.cdr-popup--exit_11-3-2 .cdr-popup__arrow_11-3-2::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-
|
|
3734
|
+
.cdr-popup--right_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3811
3735
|
left: calc(100% + 1.4rem); }
|
|
3812
3736
|
|
|
3813
|
-
.cdr-popup--right_11-3-
|
|
3737
|
+
.cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::before {
|
|
3814
3738
|
border-right-color: #928b80; }
|
|
3815
3739
|
|
|
3816
|
-
.cdr-popup--right_11-3-
|
|
3740
|
+
.cdr-popup--right_11-3-2 .cdr-popup__arrow_11-3-2::after {
|
|
3817
3741
|
border-right-color: #ffffff; }
|
|
3818
3742
|
|
|
3819
|
-
.cdr-popup--corner-top_11-3-
|
|
3743
|
+
.cdr-popup--corner-top_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3820
3744
|
top: 0;
|
|
3821
3745
|
transform: unset; }
|
|
3822
3746
|
|
|
3823
|
-
.cdr-popup--corner-bottom_11-3-
|
|
3747
|
+
.cdr-popup--corner-bottom_11-3-2 .cdr-popup__content_11-3-2 {
|
|
3824
3748
|
top: unset;
|
|
3825
3749
|
bottom: 0;
|
|
3826
3750
|
transform: unset; }
|
|
3751
|
+
|
|
3752
|
+
.cdr-form-error_11-3-2 {
|
|
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_11-3-2 {
|
|
3763
|
+
margin-right: 0.4rem; }
|
|
3764
|
+
|
|
3765
|
+
.cdr-label-standalone_11-3-2 {
|
|
3766
|
+
display: grid;
|
|
3767
|
+
grid-template-areas: "label label info" "input input input" "post post post"; }
|
|
3768
|
+
.cdr-label-standalone__label-wrapper_11-3-2 {
|
|
3769
|
+
grid-area: label; }
|
|
3770
|
+
.cdr-label-standalone__label_11-3-2 {
|
|
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_11-3-2 {
|
|
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_11-3-2 {
|
|
3789
|
+
color: #d1cbbd; }
|
|
3790
|
+
.cdr-label-standalone__label--disabled_11-3-2 .cdr-label-standalone__optional_11-3-2 {
|
|
3791
|
+
color: #d1cbbd; }
|
|
3792
|
+
.cdr-label-standalone__optional_11-3-2 {
|
|
3793
|
+
color: rgba(66, 59, 47, 0.75); }
|
|
3794
|
+
.cdr-label-standalone__helper_11-3-2 {
|
|
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_11-3-2 {
|
|
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_11-3-2 {
|
|
3815
|
+
grid-area: post; }
|
|
3816
|
+
.cdr-label-standalone__info-action_11-3-2 {
|
|
3817
|
+
display: flex;
|
|
3818
|
+
justify-content: center;
|
|
3819
|
+
align-items: center;
|
|
3820
|
+
width: 4rem; }
|
|
3821
|
+
.cdr-label-standalone__input-wrap_11-3-2 {
|
|
3822
|
+
position: relative;
|
|
3823
|
+
display: flex;
|
|
3824
|
+
grid-area: input; }
|
|
3825
|
+
.cdr-label-standalone__input-spacing_11-3-2 {
|
|
3826
|
+
margin-top: 0.8rem; }
|