@openedx/paragon 23.3.0 → 23.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/bin/paragon-scripts.js +1 -1
  2. package/dist/core.css +657 -657
  3. package/dist/core.css.map +1 -1
  4. package/dist/core.min.css +1 -1
  5. package/dist/light.css +2051 -2051
  6. package/dist/light.css.map +1 -1
  7. package/dist/light.min.css +1 -1
  8. package/package.json +2 -2
  9. package/styles/css/core/variables.css +656 -656
  10. package/styles/css/themes/light/variables.css +2051 -2051
  11. package/styles/scss/core/_variables.scss +1 -1
  12. package/tokens/src/core/global/other.json +5 -0
  13. package/tokens/src/core/global/typography.json +0 -5
package/styles/css/core/variables.css CHANGED
@@ -4,664 +4,664 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --pgn-theme-interval: 8%;
8
- --pgn-other-form-control-custom-file-content: Browse;
9
- --pgn-other-form-control-custom-file-lang: en;
10
- --pgn-other-form-control-range-track-cursor: pointer;
11
- --pgn-other-form-control-cursor: auto;
12
- --pgn-elevation-zindex-fixed: 1030; /* z-index of for fixed element. */
13
- --pgn-elevation-zindex-sticky: 1020; /* z-index for sticky element. */
14
- --pgn-elevation-zindex-2000: 2000; /* z-index of level 2000. */
15
- --pgn-elevation-zindex-1800: 1800; /* z-index of level 1800. */
16
- --pgn-elevation-zindex-1600: 1600; /* z-index of level 1600. */
17
- --pgn-elevation-zindex-1400: 1400; /* z-index of level 1400. */
18
- --pgn-elevation-zindex-1200: 1200; /* z-index of level 1200. */
19
- --pgn-elevation-zindex-1000: 1000; /* z-index of level 1000. */
20
- --pgn-elevation-zindex-800: 800; /* z-index of level 800. */
21
- --pgn-elevation-zindex-600: 600; /* z-index of level 600. */
22
- --pgn-elevation-zindex-400: 400; /* z-index of level 400. */
23
- --pgn-elevation-zindex-200: 200; /* z-index of level 200. */
24
- --pgn-elevation-zindex-0: 0; /* z-index of level 0. */
25
- --pgn-elevation-tooltip-zindex: 1070;
26
- --pgn-elevation-sheet-zindex-main: 1032;
27
- --pgn-elevation-sheet-zindex-backdrop: 1031;
28
- --pgn-elevation-product-tour-checkpoint-zindex: 1060;
29
- --pgn-elevation-popover-zindex: 1060;
30
- --pgn-elevation-modal-zindex: 1050;
31
- --pgn-elevation-modal-backdrop-zindex: 1040;
32
- --pgn-elevation-dropdown-zindex: 1000;
33
- --pgn-transition-collapse-width-behavior: normal; /* Collapse transition for width that takes 350ms */
34
- --pgn-transition-collapse-width-delay: 0s; /* Collapse transition for width that takes 350ms */
35
- --pgn-transition-collapse-width-timing-function: ease; /* Collapse transition for width that takes 350ms */
36
- --pgn-transition-collapse-width-duration: 0.35s; /* Collapse transition for width that takes 350ms */
37
- --pgn-transition-collapse-width-property: width; /* Collapse transition for width that takes 350ms */
38
- --pgn-transition-collapse-height-behavior: normal; /* Collapse transition for height that takes 350ms */
39
- --pgn-transition-collapse-height-delay: 0s; /* Collapse transition for height that takes 350ms */
40
- --pgn-transition-collapse-height-timing-function: ease; /* Collapse transition for height that takes 350ms */
41
- --pgn-transition-collapse-height-duration: 0.35s; /* Collapse transition for height that takes 350ms */
42
- --pgn-transition-collapse-height-property: height; /* Collapse transition for height that takes 350ms */
43
- --pgn-transition-fade-behavior: normal; /* Opacity transition that takes 150ms */
44
- --pgn-transition-fade-delay: 0s; /* Opacity transition that takes 150ms */
45
- --pgn-transition-fade-timing-function: linear; /* Opacity transition that takes 150ms */
46
- --pgn-transition-fade-duration: 0.15s; /* Opacity transition that takes 150ms */
47
- --pgn-transition-fade-property: opacity; /* Opacity transition that takes 150ms */
48
- --pgn-transition-base-behavior: normal; /* Generic transition for any property change */
49
- --pgn-transition-base-delay: 0s; /* Generic transition for any property change */
50
- --pgn-transition-base-timing-function: ease-in-out; /* Generic transition for any property change */
51
- --pgn-transition-base-duration: 0.2s; /* Generic transition for any property change */
52
- --pgn-transition-base-property: all; /* Generic transition for any property change */
53
- --pgn-transition-progress-bar-transition-behavior: normal;
54
- --pgn-transition-progress-bar-transition-delay: 0s;
55
- --pgn-transition-progress-bar-transition-timing-function: ease;
56
- --pgn-transition-progress-bar-transition-duration: 0.6s;
57
- --pgn-transition-progress-bar-transition-property: width;
58
- --pgn-transition-progress-bar-animation-timing-iteration-count: infinite;
59
- --pgn-transition-progress-bar-animation-timing-delay: 0s;
60
- --pgn-transition-progress-bar-animation-timing-timing-function: linear;
61
- --pgn-transition-progress-bar-animation-timing-duration: 1s;
62
- --pgn-transition-form-control-3-behavior: normal;
63
- --pgn-transition-form-control-3-delay: 0s;
64
- --pgn-transition-form-control-3-timing-function: ease-in-out;
65
- --pgn-transition-form-control-3-duration: 0.15s;
66
- --pgn-transition-form-control-3-property: box-shadow;
67
- --pgn-transition-form-control-2-behavior: normal;
68
- --pgn-transition-form-control-2-delay: 0s;
69
- --pgn-transition-form-control-2-timing-function: ease-in-out;
70
- --pgn-transition-form-control-2-duration: 0.15s;
71
- --pgn-transition-form-control-2-property: border-color;
72
- --pgn-transition-form-control-1-behavior: normal;
73
- --pgn-transition-form-control-1-delay: 0s;
74
- --pgn-transition-form-control-1-timing-function: ease-in-out;
75
- --pgn-transition-form-control-1-duration: 0.15s;
76
- --pgn-transition-form-control-1-property: background-color;
77
- --pgn-transition-form-input-2-behavior: normal;
78
- --pgn-transition-form-input-2-delay: 0s;
79
- --pgn-transition-form-input-2-timing-function: ease-in-out;
80
- --pgn-transition-form-input-2-duration: 0.15s;
81
- --pgn-transition-form-input-2-property: box-shadow;
82
- --pgn-transition-form-input-1-behavior: normal;
83
- --pgn-transition-form-input-1-delay: 0s;
84
- --pgn-transition-form-input-1-timing-function: ease-in-out;
85
- --pgn-transition-form-input-1-duration: 0.15s;
86
- --pgn-transition-form-input-1-property: border-color;
87
- --pgn-transition-carousel-control-behavior: normal;
88
- --pgn-transition-carousel-control-delay: 0ms;
89
- --pgn-transition-carousel-control-timing-function: ease;
90
- --pgn-transition-carousel-control-duration: 0.15s;
91
- --pgn-transition-carousel-control-property: opacity;
92
- --pgn-transition-carousel-indicator-behavior: normal;
93
- --pgn-transition-carousel-indicator-delay: 0ms;
94
- --pgn-transition-carousel-indicator-timing-function: ease;
95
- --pgn-transition-carousel-indicator-duration: var(--pgn-transition-carousel-duration);
96
- --pgn-transition-carousel-indicator-property: opacity;
97
- --pgn-transition-carousel-duration: 0.6s;
98
- --pgn-transition-carousel-base-behavior: normal;
99
- --pgn-transition-carousel-base-delay: 0ms;
100
- --pgn-transition-carousel-base-timing-function: ease-in-out;
101
- --pgn-transition-carousel-base-duration: var(--pgn-transition-carousel-duration);
102
- --pgn-transition-carousel-base-property: transform;
103
- --pgn-transition-btn: none;
104
- --pgn-transition-badge: none;
105
- --pgn-typography-print-page-size: a3;
106
- --pgn-typography-line-height-display-mobile: 3.5rem; /* Mobile display line height. */
107
- --pgn-typography-line-height-display-base: 1; /* Standard display line height. */
108
- --pgn-typography-line-height-micro: 0.938rem; /* Micro utils line height. */
109
- --pgn-typography-line-height-sm: 1.5; /* Small line height. */
110
- --pgn-typography-line-height-lg: 1.5; /* Large line height. */
111
- --pgn-typography-line-height-base: 1.5556; /* Basic line height. */
112
- --pgn-typography-font-weight-display-4: var(--pgn-typography-font-weight-bold); /* Font weight of display level 4. */
113
- --pgn-typography-font-weight-display-3: var(--pgn-typography-font-weight-bold); /* Font weight of display level 3. */
114
- --pgn-typography-font-weight-display-2: var(--pgn-typography-font-weight-bold); /* Font weight of display level 2. */
115
- --pgn-typography-font-weight-display-1: var(--pgn-typography-font-weight-bold); /* Font weight of display level 1. */
116
- --pgn-typography-font-weight-table-th: 700; /* Table th font weight. */
117
- --pgn-typography-font-weight-lead: inherit; /* Lead text font weight. */
118
- --pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal); /* Basic font weight. */
119
- --pgn-typography-font-weight-bolder: bolder; /* Bolder font weight. */
120
- --pgn-typography-font-weight-bold: 700; /* Bold font weight. */
121
- --pgn-typography-font-weight-semi-bold: 500; /* Semi-bold font weight. */
122
- --pgn-typography-font-weight-normal: 400; /* Normal font weight. */
123
- --pgn-typography-font-weight-light: 300; /* Light font weight. */
124
- --pgn-typography-font-weight-lighter: lighter; /* Lighter font weight. */
125
- --pgn-typography-font-size-display-mobile-4: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 4. */
126
- --pgn-typography-font-size-display-mobile-3: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 3. */
127
- --pgn-typography-font-size-display-mobile-2: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 2. */
128
- --pgn-typography-font-size-display-mobile-1: 3.25rem; /* Mobile font size for heading of level 1. */
129
- --pgn-typography-font-size-display-4: 7.5rem; /* Font size for heading of level 4. */
130
- --pgn-typography-font-size-display-3: 5.625rem; /* Font size for heading of level 3. */
131
- --pgn-typography-font-size-display-2: 4.875rem; /* Font size for heading of level 2. */
132
- --pgn-typography-font-size-display-1: 3.75rem; /* Font size for heading of level 1. */
133
- --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base); /* Mobile font size of heading level 6. */
134
- --pgn-typography-font-size-h6-base: 0.75rem; /* Font size of heading level 6. */
135
- --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base); /* Mobile font size of heading level 5. */
136
- --pgn-typography-font-size-h5-base: 0.875rem; /* Font size of heading level 5. */
137
- --pgn-typography-font-size-h4-mobile: var(--pgn-typography-font-size-h4-base); /* Mobile font size of heading level 4. */
138
- --pgn-typography-font-size-h4-base: 1.125rem; /* Font size of heading level 4. */
139
- --pgn-typography-font-size-h3-mobile: var(--pgn-typography-font-size-h3-base); /* Mobile font size of heading level 3. */
140
- --pgn-typography-font-size-h3-base: 1.375rem; /* Font size of heading level 3. */
141
- --pgn-typography-font-size-h2-mobile: var(--pgn-typography-font-size-h2-base); /* Mobile font size of heading level 2. */
142
- --pgn-typography-font-size-h2-base: 2rem; /* Font size of heading level 2. */
143
- --pgn-typography-font-size-h1-mobile: 2.25rem; /* Mobile font size of heading level 1. */
144
- --pgn-typography-font-size-h1-base: 2.5rem; /* Base font size of heading level 1. */
145
- --pgn-typography-font-size-micro: 0.688rem; /* Micro utils text font size. */
146
- --pgn-typography-font-size-xs: 75%; /* X-small font size. */
147
- --pgn-typography-font-size-sm: 87.5%; /* Small font size. */
148
- --pgn-typography-font-size-lg: calc(var(--pgn-typography-font-size-base) * 1.25); /* Lead text font size. */
149
- --pgn-typography-font-size-base: 1.125rem; /* Base font size. */
150
- --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* Monospace font family. */
151
- --pgn-typography-font-family-serif: serif; /* Serif font family. */
152
- --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* Sans-serif font family. */
153
- --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif); /* Basic font family. */
154
- --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
155
- --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-sm);
156
- --pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
157
- --pgn-typography-link-decoration-brand-inline-hover: underline;
158
- --pgn-typography-link-decoration-brand-inline-base: underline;
159
- --pgn-typography-link-decoration-brand-hover: underline;
160
- --pgn-typography-link-decoration-brand-base: none;
161
- --pgn-typography-link-decoration-muted-inline-hover: underline;
162
- --pgn-typography-link-decoration-muted-inline-base: underline;
163
- --pgn-typography-link-decoration-muted-hover: underline;
164
- --pgn-typography-link-decoration-muted-base: none;
165
- --pgn-typography-link-decoration-inline-hover: underline;
166
- --pgn-typography-link-decoration-inline-base: underline;
167
- --pgn-typography-link-decoration-hover: underline;
168
- --pgn-typography-link-decoration-base: none;
169
- --pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
170
- --pgn-typography-input-btn-line-height-sm: 1.4286;
171
- --pgn-typography-input-btn-line-height-base: 1.3333;
172
- --pgn-typography-input-btn-font-size-lg: 1.325rem;
173
- --pgn-typography-input-btn-font-size-sm: 0.875rem;
174
- --pgn-typography-input-btn-font-size-base: 1.125rem;
175
- --pgn-typography-input-btn-font-family: inherit;
176
- --pgn-typography-headings-line-height: 1.25;
177
- --pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
178
- --pgn-typography-headings-font-family: inherit;
179
- --pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
180
- --pgn-typography-toast-font-size: 0.875rem;
181
- --pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
182
- --pgn-typography-spacer-line-height: 1px;
183
- --pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
184
- --pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
185
- --pgn-typography-pagination-line-height: 1.5rem;
186
- --pgn-typography-pagination-font-size-sm: 0.875rem;
187
- --pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
188
- --pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
189
- --pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
190
- --pgn-typography-nav-link-text-decoration: none;
191
- --pgn-typography-nav-link-font-weight: 500;
192
- --pgn-typography-menu-select-btn-link-text-decoration-thickness: 0.125rem;
193
- --pgn-typography-menu-select-btn-link-text-decoration-line: underline;
194
- --pgn-typography-image-figure-caption-font-size: 90%;
195
- --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
196
- --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
197
- --pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-sm);
198
- --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
199
- --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
200
- --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
201
- --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
202
- --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
203
- --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
204
- --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
205
- --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
206
- --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
207
- --pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
208
- --pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
209
- --pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
210
- --pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
211
- --pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
212
- --pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
213
- --pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
214
- --pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
215
- --pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-xs);
216
- --pgn-typography-dropdown-item-text-decoration: none;
217
- --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
218
- --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
219
- --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
220
- --pgn-typography-code-font-size: var(--pgn-typography-font-size-sm);
221
- --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
222
- --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
223
- --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-xs);
224
- --pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
225
- --pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
226
- --pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
227
- --pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
228
- --pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
229
- --pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
230
- --pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
231
- --pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
232
- --pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
233
- --pgn-typography-badge-font-size: 75%;
234
- --pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
235
- --pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
236
- --pgn-typography-alert-line-height: 1.5rem;
237
- --pgn-typography-alert-font-size: 0.875rem;
238
- --pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
239
- --pgn-spacing-grid-gutter-width: 24px; /* Grid gutter width value. */
240
- --pgn-spacing-table-cell-padding-sm: 0.3rem; /* Padding sm for tables. */
241
- --pgn-spacing-table-cell-padding-base: 0.75rem; /* Padding for tables. */
242
- --pgn-spacing-label-margin-bottom: 0.5rem; /* Margin bottom for label. */
243
- --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4); /* Space value of level 5.5 */
244
- --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2); /* Space value of level 4.5 */
245
- --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25); /* Space value of level 3.5 */
246
- --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75); /* Space value of level 2.5 */
247
- --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375); /* Space value of level 1.5 */
248
- --pgn-spacing-spacer-base: 1rem; /* Basic space value */
249
- --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5); /* Space value of level 6 */
250
- --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3); /* Space value of level 5 */
251
- --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5); /* Space value of level 4 */
252
- --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base); /* Space value of level 3 */
253
- --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5); /* Space value of level 2 */
254
- --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25); /* Space value of level 1 */
255
- --pgn-spacing-spacer-0: 0rem; /* Space value of level 0 */
256
- --pgn-spacing-mark-padding: 0.2em;
257
- --pgn-spacing-paragraph-margin-bottom: 1rem;
258
- --pgn-spacing-list-group-item-padding-x: 1.25rem;
259
- --pgn-spacing-list-group-item-padding-y: 0.75rem;
260
- --pgn-spacing-list-inline-padding: 0.5rem;
261
- --pgn-spacing-input-btn-padding-lg-x: 1.25rem;
262
- --pgn-spacing-input-btn-padding-lg-y: 0.6875rem;
263
- --pgn-spacing-input-btn-padding-sm-x: 0.75rem;
264
- --pgn-spacing-input-btn-padding-sm-y: 0.4375rem;
265
- --pgn-spacing-input-btn-padding-x: 1rem;
266
- --pgn-spacing-input-btn-padding-y: 0.5625rem;
267
- --pgn-spacing-headings-margin-bottom: 0.5rem;
268
- --pgn-spacing-caret-vertical-align: 0.255em;
269
- --pgn-spacing-caret-base: 0.255em;
270
- --pgn-spacing-tooltip-margin: 0rem;
271
- --pgn-spacing-tooltip-padding-x: 0.5rem;
272
- --pgn-spacing-tooltip-padding-y: 0.5rem;
273
- --pgn-spacing-toast-container-gutter-sm: 0.625rem;
274
- --pgn-spacing-toast-container-gutter-lg: 1.25rem;
275
- --pgn-spacing-toast-padding-y: 0.25rem;
276
- --pgn-spacing-toast-padding-x: 0.75rem;
277
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance: 5px;
278
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
279
- --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x: 0.625rem;
280
- --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
281
- --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x: 0.625rem;
282
- --pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
283
- --pgn-spacing-tab-more-link-dropdown-toggle-padding-x: 0.7rem;
284
- --pgn-spacing-sticky-offset: 0rem;
285
- --pgn-spacing-stepper-header-step-list-margin: 0rem;
286
- --pgn-spacing-stepper-header-step-list-padding-x: 0rem;
287
- --pgn-spacing-stepper-header-step-list-padding-y: 0.25rem;
288
- --pgn-spacing-stepper-header-step-padding: 0.25rem;
289
- --pgn-spacing-stepper-header-padding-x: var(--pgn-spacing-spacer-base);
290
- --pgn-spacing-stepper-header-padding-y: 0.75rem;
291
- --pgn-spacing-vertical-align: 0.125em;
292
- --pgn-spacing-selectable-box-box-space: 0.75rem;
293
- --pgn-spacing-selectable-box-border-radius: 0.25rem;
294
- --pgn-spacing-selectable-box-padding: 1rem;
295
- --pgn-spacing-search-field-margin-button: 0.5rem;
296
- --pgn-spacing-progress-bar-hint-annotation-gap: 0.5rem;
297
- --pgn-spacing-popover-icon-margin-right: 0.5rem;
298
- --pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
299
- --pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
300
- --pgn-spacing-popover-header-padding-x: 1rem;
301
- --pgn-spacing-popover-header-padding-y: 0.5rem;
302
- --pgn-spacing-pagination-padding-x-lg: 1.5rem;
303
- --pgn-spacing-pagination-padding-x-sm: 0.6rem;
304
- --pgn-spacing-pagination-padding-x-base: 1rem;
305
- --pgn-spacing-pagination-padding-y-lg: 0.75rem;
306
- --pgn-spacing-pagination-padding-y-sm: 0.8rem;
307
- --pgn-spacing-pagination-padding-y-base: 0.625rem;
308
- --pgn-spacing-navbar-toggler-padding-x: 0.75rem;
309
- --pgn-spacing-navbar-toggler-padding-y: 0.25rem;
310
- --pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
311
- --pgn-spacing-navbar-padding-x-nav-link: 0.5rem;
312
- --pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
313
- --pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
314
- --pgn-spacing-nav-link-distance-to-border: 4px;
315
- --pgn-spacing-nav-link-padding-x: 1rem;
316
- --pgn-spacing-nav-link-padding-y: 0.5rem;
317
- --pgn-spacing-modal-dialog-margin: 1.5rem;
318
- --pgn-spacing-modal-header-padding-y: 1rem;
319
- --pgn-spacing-modal-header-padding-base-y: var(--pgn-spacing-modal-header-padding-y);
320
- --pgn-spacing-modal-header-padding-base-x: 1.5rem;
321
- --pgn-spacing-modal-footer-padding-y: 1rem;
322
- --pgn-spacing-modal-footer-padding-base-y: var(--pgn-spacing-modal-footer-padding-y);
323
- --pgn-spacing-modal-footer-padding-base-x: 1.5rem;
324
- --pgn-spacing-modal-inner-padding-bottom: 0.7rem;
325
- --pgn-spacing-modal-inner-padding-base: 1.5rem;
326
- --pgn-spacing-menu-item-icon-margin-right: var(--pgn-spacing-menu-item-icon-margin-left);
327
- --pgn-spacing-menu-item-icon-margin-left: 0.25em;
328
- --pgn-spacing-menu-item-padding-y: var(--pgn-spacing-btn-padding-y-base);
329
- --pgn-spacing-menu-item-padding-x: var(--pgn-spacing-btn-padding-x-base);
330
- --pgn-spacing-image-thumbnail-padding: 0.25rem;
331
- --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
332
- --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
333
- --pgn-spacing-form-control-select-icon-padding: 0.5625rem;
334
- --pgn-spacing-form-control-select-feedback-tooltip-padding-x: 0.5rem;
335
- --pgn-spacing-form-control-select-feedback-tooltip-padding-y: 0.25rem;
336
- --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
337
- --pgn-spacing-form-control-select-feedback-icon-position-offset-y: 0;
338
- --pgn-spacing-form-control-select-feedback-icon-position-offset-x: calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
339
- --pgn-spacing-form-control-select-feedback-icon-position-position-x: right;
340
- --pgn-spacing-form-control-select-feedback-icon-position-position-y: center;
341
- --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
342
- --pgn-spacing-form-control-select-indicator-padding: 1rem;
343
- --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
344
- --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
345
- --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
346
- --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
347
- --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
348
- --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
349
- --pgn-spacing-form-control-spacer-x: 1rem;
350
- --pgn-spacing-form-control-gutter: 0.5rem;
351
- --pgn-spacing-form-group-margin-bottom: 1rem;
352
- --pgn-spacing-form-check-position-axis: 0.375rem;
353
- --pgn-spacing-form-check-inline-margin-x: 0.75rem;
354
- --pgn-spacing-form-text-margin-top: 0.25rem;
355
- --pgn-spacing-form-input-check-margin-y: 0.3rem;
356
- --pgn-spacing-form-input-check-margin-x-inline: 0.3125rem;
357
- --pgn-spacing-form-input-check-margin-x-base: 0.25rem;
358
- --pgn-spacing-form-input-check-gutter: 1.25rem;
359
- --pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
360
- --pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
361
- --pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
362
- --pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
363
- --pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
364
- --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
365
- --pgn-spacing-dropzone-border-base: 1px;
366
- --pgn-spacing-dropzone-padding: 1.5rem;
367
- --pgn-spacing-dropdown-close-container-top: 0.625rem;
368
- --pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
369
- --pgn-spacing-dropdown-padding-header-y: 0.5rem;
370
- --pgn-spacing-dropdown-padding-header-x: var(--pgn-spacing-dropdown-padding-x-item);
371
- --pgn-spacing-dropdown-padding-y-item: 0.25rem;
372
- --pgn-spacing-dropdown-padding-y-base: 0.5rem;
373
- --pgn-spacing-dropdown-padding-x-item: 1rem;
374
- --pgn-spacing-dropdown-padding-x-base: 0rem;
375
- --pgn-spacing-dropdown-spacer: 0.125rem;
376
- --pgn-spacing-data-table-footer-position: center;
377
- --pgn-spacing-data-table-padding-cell-y: 0.75rem;
378
- --pgn-spacing-data-table-padding-cell-x: 0.5rem;
379
- --pgn-spacing-data-table-padding-small: 0.5rem;
380
- --pgn-spacing-data-table-padding-y: 0.75rem;
381
- --pgn-spacing-data-table-padding-x: 0.75rem;
382
- --pgn-spacing-collapsible-card-spacer-basic-icon: 0.625rem;
383
- --pgn-spacing-collapsible-card-spacer-basic-x: 0.5rem;
384
- --pgn-spacing-collapsible-card-spacer-basic-y: 0.5rem;
385
- --pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
386
- --pgn-spacing-collapsible-card-spacer-left-body: 0.75rem;
387
- --pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
388
- --pgn-spacing-collapsible-card-spacer-x-base: 0.5rem;
389
- --pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
390
- --pgn-spacing-collapsible-card-spacer-y-base: 0.5rem;
391
- --pgn-spacing-code-kbd-padding-x: 0.4rem;
392
- --pgn-spacing-code-kbd-padding-y: 0.2rem;
393
- --pgn-spacing-chip-carousel-container-padding-y: 0.313rem;
394
- --pgn-spacing-chip-carousel-container-padding-x: 0.625rem;
395
- --pgn-spacing-chip-carousel-controls-top-offset: 0.375rem;
396
- --pgn-spacing-chip-outline-width: 3px;
397
- --pgn-spacing-chip-outline-focus-distance-dark: 0.313rem;
398
- --pgn-spacing-chip-outline-focus-distance-light: 0.313rem;
399
- --pgn-spacing-chip-outline-selected-distance-dark: 3px;
400
- --pgn-spacing-chip-outline-selected-distance-light: 3px;
401
- --pgn-spacing-chip-padding-x: 0.5rem;
402
- --pgn-spacing-chip-padding-y: 1px;
403
- --pgn-spacing-chip-margin-icon: 0.25rem;
404
- --pgn-spacing-chip-margin-base: 0.125rem;
405
- --pgn-spacing-carousel-indicator-spacer: 3px;
406
- --pgn-spacing-card-focus-border-offset: 5px;
407
- --pgn-spacing-card-logo-bottom-offset-horizontal: 0.4375rem;
408
- --pgn-spacing-card-logo-bottom-offset-base: 1rem;
409
- --pgn-spacing-card-logo-left-offset-horizontal: 0.4375rem;
410
- --pgn-spacing-card-logo-left-offset-base: 1.5rem;
411
- --pgn-spacing-card-loading-skeleton-spacer: 0.313rem;
412
- --pgn-spacing-card-footer-action-gap: 0.5rem;
413
- --pgn-spacing-card-columns-gap: 1.25rem;
414
- --pgn-spacing-card-columns-count: 3;
415
- --pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
416
- --pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
417
- --pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
418
- --pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
419
- --pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
420
- --pgn-spacing-card-margin-group: 12px;
421
- --pgn-spacing-card-spacer-y: 0.75rem;
422
- --pgn-spacing-card-spacer-x: 1.25rem;
423
- --pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
424
- --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
425
- --pgn-spacing-btn-focus-gap: var(--pgn-size-btn-focus-width);
426
- --pgn-spacing-btn-block-spacing-y: 0.5rem;
427
- --pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
428
- --pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
429
- --pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
430
- --pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
431
- --pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
432
- --pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
433
- --pgn-spacing-bubble-expandable-padding-x: 0.25rem;
434
- --pgn-spacing-bubble-expandable-padding-y: 0rem;
435
- --pgn-spacing-breadcrumb-margin-left: 0.5rem;
436
- --pgn-spacing-badge-padding-y: 0.125rem;
437
- --pgn-spacing-badge-padding-x-pill: 0.6em;
438
- --pgn-spacing-badge-padding-x-base: 0.5rem;
439
- --pgn-spacing-avatar-button-padding-left-lg: 0.25em;
440
- --pgn-spacing-avatar-button-padding-left-sm: 0.25em;
441
- --pgn-spacing-avatar-button-padding-left-base: 0.25em;
442
- --pgn-spacing-annotation-arrow-side-margin: 0.25rem;
443
- --pgn-spacing-annotation-padding: 0.5rem;
444
- --pgn-spacing-alert-icon-space: 0.8rem;
445
- --pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
446
- --pgn-spacing-alert-margin-bottom: 1rem;
447
- --pgn-spacing-alert-padding-x: 1.5rem;
448
- --pgn-spacing-alert-padding-y: 1.5rem;
449
- --pgn-spacing-action-row-gap-y: 0.5rem;
450
- --pgn-spacing-action-row-gap-x: 0.5rem;
451
- --pgn-size-breakpoint-xxl: 1400px; /* Starting breakpoint for large desktops, more than 1400px. */
452
- --pgn-size-breakpoint-xl: 1200px; /* Starting breakpoint for large desktops. */
453
- --pgn-size-breakpoint-lg: 992px; /* Starting breakpoint for desktops. */
454
- --pgn-size-breakpoint-md: 768px; /* Starting breakpoint for tablets. */
455
- --pgn-size-breakpoint-sm: 576px; /* Starting breakpoint for landscape phones. */
456
- --pgn-size-breakpoint-xs: 0px; /* Starting breakpoint for portrait phones. */
457
- --pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
458
- --pgn-size-list-group-border-width: var(--pgn-size-border-width);
459
- --pgn-size-input-btn-focus-width: 1px;
460
- --pgn-size-input-btn-border-width: var(--pgn-size-border-width);
461
- --pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
462
- --pgn-size-hr-border-width: var(--pgn-size-border-width);
463
- --pgn-size-caret-width: 0.3em;
464
- --pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
465
- --pgn-size-tooltip-arrow-width: 0.8rem;
466
- --pgn-size-tooltip-arrow-height: 0.4rem;
467
- --pgn-size-tooltip-max-width: 200px;
468
- --pgn-size-toast-border-radius: 0.25rem;
469
- --pgn-size-toast-border-width: 1px;
470
- --pgn-size-toast-max-width: 400px;
471
- --pgn-size-tabs-notification-width: 1rem;
472
- --pgn-size-tabs-notification-height: 1rem;
473
- --pgn-size-stepper-step-bubble-error-shadow-width: 3px;
474
- --pgn-size-stepper-step-width-min: 0rem;
475
- --pgn-size-stepper-header-height-min: 5.13rem;
476
- --pgn-size-stack-gap: 0rem;
477
- --pgn-size-spinner-sm-border-width: 0.2em;
478
- --pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
479
- --pgn-size-spinner-sm-width: 1rem;
480
- --pgn-size-spinner-base-border-width: 0.25em;
481
- --pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
482
- --pgn-size-spinner-base-width: 2rem;
483
- --pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
484
- --pgn-size-search-field-border-radius: 0rem;
485
- --pgn-size-search-field-border-width-focus: 0.3125rem;
486
- --pgn-size-search-field-border-width-base: 0.0625rem;
487
- --pgn-size-progress-bar-threshold-circle: 0.5625rem;
488
- --pgn-size-progress-bar-border-radius: 0rem;
489
- --pgn-size-progress-bar-border-width: 1px;
490
- --pgn-size-progress-bar-height-annotated: 0.3125rem;
491
- --pgn-size-progress-bar-height-base: 1rem;
492
- --pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
493
- --pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
494
- --pgn-size-product-tour-checkpoint-width-max: 480px;
495
- --pgn-size-product-tour-checkpoint-width-arrow: 15px;
496
- --pgn-size-product-tour-checkpoint-width-border: 8px;
497
- --pgn-size-popover-arrow-height: 0.5rem;
498
- --pgn-size-popover-arrow-width: 1rem;
499
- --pgn-size-popover-icon-width: 1rem;
500
- --pgn-size-popover-icon-height: 1rem;
501
- --pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
502
- --pgn-size-popover-border-width: var(--pgn-size-border-width);
503
- --pgn-size-popover-max-width: 480px;
504
- --pgn-size-pagination-focus-outline: 0rem;
505
- --pgn-size-pagination-toggle-border-sm: 0.25rem;
506
- --pgn-size-pagination-toggle-border-base: 0.3125rem;
507
- --pgn-size-pagination-reduced-dropdown-min-width: 6rem;
508
- --pgn-size-pagination-reduced-dropdown-max-height: 60vh;
509
- --pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
510
- --pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
511
- --pgn-size-pagination-border-width: var(--pgn-size-border-width);
512
- --pgn-size-pagination-secondary-height-sm: 2.25rem;
513
- --pgn-size-pagination-secondary-height-base: 2.75rem;
514
- --pgn-size-pagination-icon-height: 2.25rem;
515
- --pgn-size-pagination-icon-width: 2.25rem;
516
- --pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
517
- --pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
518
- --pgn-size-navbar-nav-scroll-max-height: 75vh;
519
- --pgn-size-nav-tabs-border-radius: 0rem;
520
- --pgn-size-nav-tabs-border-width: 2px;
521
- --pgn-size-nav-tabs-inverse-link-active-border-bottom-width: var(--pgn-size-nav-tabs-link-border-bottom-width);
522
- --pgn-size-nav-tabs-link-border-bottom-width: 0.188rem;
523
- --pgn-size-nav-pills-inverse-link-border-width: var(--pgn-size-nav-pills-link-border-width);
524
- --pgn-size-nav-pills-link-border-width: 1px;
525
- --pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
526
- --pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
527
- --pgn-size-modal-content-border-width: 0px;
528
- --pgn-size-modal-sm: 400px;
529
- --pgn-size-modal-md: 500px;
530
- --pgn-size-modal-lg: 800px;
531
- --pgn-size-modal-xl: 1140px;
532
- --pgn-size-menu-item-border-width: var(--pgn-size-btn-border-width);
533
- --pgn-size-menu-item-width-xs: 13.438rem;
534
- --pgn-size-menu-item-width-base: 19rem;
535
- --pgn-size-menu-item-height: 3rem;
536
- --pgn-size-menu-base-max-height: 16.813rem;
537
- --pgn-size-menu-base-border-radius: 0.25em;
538
- --pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
539
- --pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
540
- --pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) * 1em + .1em);
541
- --pgn-size-icon-button-diameter-sm: 2.25rem;
542
- --pgn-size-icon-button-diameter-md: 2.75rem;
543
- --pgn-size-icon-lg: 1.75rem;
544
- --pgn-size-icon-md: 1.5rem;
545
- --pgn-size-icon-sm: 1.25rem;
546
- --pgn-size-icon-xs: 1rem;
547
- --pgn-size-icon-inline: 0.8em;
548
- --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
549
- --pgn-size-form-border-radius-width: 0.125rem;
550
- --pgn-size-form-border-radius-check-focus: 0.0625rem;
551
- --pgn-size-form-autosuggest-border-width: 0.125rem;
552
- --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
553
- --pgn-size-form-autosuggest-spinner-width: 1.25rem;
554
- --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
555
- --pgn-size-form-autosuggest-icon-width: 2.4rem;
556
- --pgn-size-form-grid-gutter-width: 0.625rem;
557
- --pgn-size-form-control-border-radio-indicator-radius: 50%;
558
- --pgn-size-form-control-border-checkbox-indicator-radius: 0rem;
559
- --pgn-size-form-control-icon-width: 2rem;
560
- --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
561
- --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
562
- --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
563
- --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
564
- --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
565
- --pgn-size-form-control-range-thumb-border-radius: 1rem;
566
- --pgn-size-form-control-range-thumb-border-base: 0rem;
567
- --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
568
- --pgn-size-form-control-range-thumb-width: 1rem;
569
- --pgn-size-form-control-range-track-border-radius: 1rem;
570
- --pgn-size-form-control-range-track-height: 0.5rem;
571
- --pgn-size-form-control-range-track-width: 100%;
572
- --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
573
- --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
574
- --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
575
- --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
576
- --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
577
- --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
578
- --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
579
- --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
580
- --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
581
- --pgn-size-form-control-indicator-border-width: 0.125rem;
582
- --pgn-size-form-control-indicator-bg: 100%;
583
- --pgn-size-form-control-indicator-base: 1.25rem;
584
- --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
585
- --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
586
- --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
587
- --pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
588
- --pgn-size-form-input-width-focus: 0.063rem;
589
- --pgn-size-form-input-width-hover: 0.063rem;
590
- --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
591
- --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
592
- --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
593
- --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
594
- --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
595
- --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
596
- --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
597
- --pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
598
- --pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
599
- --pgn-size-dropdown-border-width: var(--pgn-size-border-width);
600
- --pgn-size-dropdown-min-width: 18rem;
601
- --pgn-size-data-table-layout-sidebar-width: 12rem;
602
- --pgn-size-data-table-dropdown-pagination-min-width: 6rem;
603
- --pgn-size-data-table-dropdown-pagination-max-height: 60vh;
604
- --pgn-size-data-table-border: 2px;
605
- --pgn-size-container-max-width-xl: 1440px;
606
- --pgn-size-container-max-width-lg: 1192px;
607
- --pgn-size-container-max-width-md: 952px;
608
- --pgn-size-container-max-width-sm: 708px;
609
- --pgn-size-container-max-width-xs: 464px;
610
- --pgn-size-color-picker-md: calc(1.3333em + 1.125rem + 2px);
611
- --pgn-size-color-picker-sm: 2rem;
612
- --pgn-size-code-pre-scrollable-max-height: 340px;
613
- --pgn-size-chip-icon: 1.5rem;
614
- --pgn-size-chip-border-radius: 0.375rem;
615
- --pgn-size-carousel-caption-width: 70%;
616
- --pgn-size-carousel-indicator-height-area-hit: 10px;
617
- --pgn-size-carousel-indicator-height-base: 3px;
618
- --pgn-size-carousel-indicator-width: 30px;
619
- --pgn-size-carousel-control-width-icon: 20px;
620
- --pgn-size-carousel-control-width-base: 15%;
621
- --pgn-size-card-logo-height: 4.125rem;
622
- --pgn-size-card-logo-width: 7.25rem;
623
- --pgn-size-card-image-border-radius: var(--pgn-size-card-border-radius-base);
624
- --pgn-size-card-image-vertical-max-height: 140px;
625
- --pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
626
- --pgn-size-card-image-horizontal-width-max: 240px;
627
- --pgn-size-card-focus-border-radius: calc(var(--pgn-spacing-card-focus-border-offset) + var(--pgn-size-card-border-radius-base));
628
- --pgn-size-card-focus-border-width: 2px;
629
- --pgn-size-card-border-radius-inner: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
7
+ --pgn-size-border-width: 1px; /* Default border width. */
8
+ --pgn-size-border-radius-base: 0.375rem; /* Default border radius. */
9
+ --pgn-size-border-radius-lg: 0.425rem; /* Large border radius. */
10
+ --pgn-size-border-radius-sm: 0.25rem; /* Small border radius. */
11
+ --pgn-size-rounded-pill: 50rem; /* Pill border radius. */
12
+ --pgn-size-alert-border-width: 0;
13
+ --pgn-size-annotation-arrow-border-width: 0.5rem;
14
+ --pgn-size-annotation-max-width: 18.75rem;
15
+ --pgn-size-annotation-border-radius: 0.25rem;
16
+ --pgn-size-avatar-base: 3rem;
17
+ --pgn-size-avatar-xs: 1.5rem;
18
+ --pgn-size-avatar-sm: 2.25rem;
19
+ --pgn-size-avatar-lg: 4rem;
20
+ --pgn-size-avatar-xl: 6rem;
21
+ --pgn-size-avatar-xxl: 11.5rem;
22
+ --pgn-size-avatar-huge: 18.75rem;
23
+ --pgn-size-avatar-border-base: 1px;
24
+ --pgn-size-avatar-border-radius: 100%;
25
+ --pgn-size-badge-border-radius-base: 0.25rem;
26
+ --pgn-size-badge-border-radius-pill: 10rem;
27
+ --pgn-size-breadcrumb-border-radius-focus: 0.125rem;
28
+ --pgn-size-breadcrumb-border-axis-x-focus: 0.25rem;
29
+ --pgn-size-breadcrumb-border-axis-y-focus: 0.5rem;
30
+ --pgn-size-breadcrumb-border-width-focus: 0.0625rem;
31
+ --pgn-size-btn-focus-width: 2px;
630
32
  --pgn-size-card-border-radius-logo: 0.25rem;
631
- --pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
33
+ --pgn-size-card-focus-border-width: 2px;
34
+ --pgn-size-card-image-horizontal-width-max: 240px;
35
+ --pgn-size-card-image-vertical-max-height: 140px;
36
+ --pgn-size-card-logo-width: 7.25rem;
37
+ --pgn-size-card-logo-height: 4.125rem;
38
+ --pgn-size-carousel-control-width-base: 15%;
39
+ --pgn-size-carousel-control-width-icon: 20px;
40
+ --pgn-size-carousel-indicator-width: 30px;
41
+ --pgn-size-carousel-indicator-height-base: 3px;
42
+ --pgn-size-carousel-indicator-height-area-hit: 10px;
43
+ --pgn-size-carousel-caption-width: 70%;
44
+ --pgn-size-chip-border-radius: 0.375rem;
45
+ --pgn-size-chip-icon: 1.5rem;
46
+ --pgn-size-code-pre-scrollable-max-height: 340px;
47
+ --pgn-size-color-picker-sm: 2rem;
48
+ --pgn-size-color-picker-md: calc(1.3333em + 1.125rem + 2px);
49
+ --pgn-size-container-max-width-xs: 464px;
50
+ --pgn-size-container-max-width-sm: 708px;
51
+ --pgn-size-container-max-width-md: 952px;
52
+ --pgn-size-container-max-width-lg: 1192px;
53
+ --pgn-size-container-max-width-xl: 1440px;
54
+ --pgn-size-data-table-border: 2px;
55
+ --pgn-size-data-table-dropdown-pagination-max-height: 60vh;
56
+ --pgn-size-data-table-dropdown-pagination-min-width: 6rem;
57
+ --pgn-size-data-table-layout-sidebar-width: 12rem;
58
+ --pgn-size-dropdown-min-width: 18rem;
59
+ --pgn-size-form-input-width-hover: 0.063rem;
60
+ --pgn-size-form-input-width-focus: 0.063rem;
61
+ --pgn-size-form-control-indicator-base: 1.25rem;
62
+ --pgn-size-form-control-indicator-bg: 100%;
63
+ --pgn-size-form-control-indicator-border-width: 0.125rem;
64
+ --pgn-size-form-control-range-track-width: 100%;
65
+ --pgn-size-form-control-range-track-height: 0.5rem;
66
+ --pgn-size-form-control-range-track-border-radius: 1rem;
67
+ --pgn-size-form-control-range-thumb-width: 1rem;
68
+ --pgn-size-form-control-range-thumb-border-base: 0;
69
+ --pgn-size-form-control-range-thumb-border-radius: 1rem;
70
+ --pgn-size-form-control-icon-width: 2rem;
71
+ --pgn-size-form-control-border-checkbox-indicator-radius: 0;
72
+ --pgn-size-form-control-border-radio-indicator-radius: 50%;
73
+ --pgn-size-form-grid-gutter-width: 0.625rem;
74
+ --pgn-size-form-autosuggest-icon-width: 2.4rem;
75
+ --pgn-size-form-autosuggest-spinner-width: 1.25rem;
76
+ --pgn-size-form-autosuggest-border-width: 0.125rem;
77
+ --pgn-size-form-border-radius-check-focus: 0.0625rem;
78
+ --pgn-size-form-border-radius-width: 0.125rem;
79
+ --pgn-size-icon-inline: 0.8em;
80
+ --pgn-size-icon-xs: 1rem;
81
+ --pgn-size-icon-sm: 1.25rem;
82
+ --pgn-size-icon-md: 1.5rem;
83
+ --pgn-size-icon-lg: 1.75rem;
84
+ --pgn-size-icon-button-diameter-md: 2.75rem;
85
+ --pgn-size-icon-button-diameter-sm: 2.25rem;
86
+ --pgn-size-menu-base-border-radius: 0.25em;
87
+ --pgn-size-menu-base-max-height: 16.813rem;
88
+ --pgn-size-menu-item-height: 3rem;
89
+ --pgn-size-menu-item-width-base: 19rem;
90
+ --pgn-size-menu-item-width-xs: 13.438rem;
91
+ --pgn-size-modal-xl: 1140px;
92
+ --pgn-size-modal-lg: 800px;
93
+ --pgn-size-modal-md: 500px;
94
+ --pgn-size-modal-sm: 400px;
95
+ --pgn-size-modal-content-border-width: 0px;
96
+ --pgn-size-nav-pills-link-border-width: 1px;
97
+ --pgn-size-nav-tabs-link-border-bottom-width: 0.188rem;
98
+ --pgn-size-nav-tabs-border-width: 2px;
99
+ --pgn-size-nav-tabs-border-radius: 0;
100
+ --pgn-size-navbar-nav-scroll-max-height: 75vh;
101
+ --pgn-size-pagination-icon-width: 2.25rem;
102
+ --pgn-size-pagination-icon-height: 2.25rem;
103
+ --pgn-size-pagination-secondary-height-base: 2.75rem;
104
+ --pgn-size-pagination-secondary-height-sm: 2.25rem;
105
+ --pgn-size-pagination-reduced-dropdown-max-height: 60vh;
106
+ --pgn-size-pagination-reduced-dropdown-min-width: 6rem;
107
+ --pgn-size-pagination-toggle-border-base: 0.3125rem;
108
+ --pgn-size-pagination-toggle-border-sm: 0.25rem;
109
+ --pgn-size-pagination-focus-outline: 0;
110
+ --pgn-size-popover-max-width: 480px;
111
+ --pgn-size-popover-icon-height: 1rem;
112
+ --pgn-size-popover-icon-width: 1rem;
113
+ --pgn-size-popover-arrow-width: 1rem;
114
+ --pgn-size-popover-arrow-height: 0.5rem;
115
+ --pgn-size-product-tour-checkpoint-width-border: 8px;
116
+ --pgn-size-product-tour-checkpoint-width-arrow: 15px;
117
+ --pgn-size-product-tour-checkpoint-width-max: 480px;
118
+ --pgn-size-progress-bar-height-base: 1rem;
119
+ --pgn-size-progress-bar-height-annotated: 0.3125rem;
120
+ --pgn-size-progress-bar-border-width: 1px;
121
+ --pgn-size-progress-bar-border-radius: 0;
122
+ --pgn-size-progress-bar-threshold-circle: 0.5625rem;
123
+ --pgn-size-search-field-border-width-base: 0.0625rem;
124
+ --pgn-size-search-field-border-width-focus: 0.3125rem;
125
+ --pgn-size-search-field-border-radius: 0;
126
+ --pgn-size-spinner-base-width: 2rem;
127
+ --pgn-size-spinner-base-border-width: 0.25em;
128
+ --pgn-size-spinner-sm-width: 1rem;
129
+ --pgn-size-spinner-sm-border-width: 0.2em;
130
+ --pgn-size-stack-gap: 0;
131
+ --pgn-size-stepper-header-height-min: 5.13rem;
132
+ --pgn-size-stepper-step-width-min: 0;
133
+ --pgn-size-stepper-step-bubble-error-shadow-width: 3px;
134
+ --pgn-size-tabs-notification-height: 1rem;
135
+ --pgn-size-tabs-notification-width: 1rem;
136
+ --pgn-size-toast-max-width: 400px;
137
+ --pgn-size-toast-border-width: 1px;
138
+ --pgn-size-toast-border-radius: 0.25rem;
139
+ --pgn-size-tooltip-max-width: 200px;
140
+ --pgn-size-tooltip-arrow-height: 0.4rem;
141
+ --pgn-size-tooltip-arrow-width: 0.8rem;
142
+ --pgn-size-caret-width: 0.3em;
143
+ --pgn-size-input-btn-focus-width: 1px;
144
+ --pgn-size-breakpoint-xs: 0px; /* Starting breakpoint for portrait phones. */
145
+ --pgn-size-breakpoint-sm: 576px; /* Starting breakpoint for landscape phones. */
146
+ --pgn-size-breakpoint-md: 768px; /* Starting breakpoint for tablets. */
147
+ --pgn-size-breakpoint-lg: 992px; /* Starting breakpoint for desktops. */
148
+ --pgn-size-breakpoint-xl: 1200px; /* Starting breakpoint for large desktops. */
149
+ --pgn-size-breakpoint-xxl: 1400px; /* Starting breakpoint for large desktops, more than 1400px. */
150
+ --pgn-spacing-action-row-gap-x: 0.5rem;
151
+ --pgn-spacing-action-row-gap-y: 0.5rem;
152
+ --pgn-spacing-alert-padding-y: 1.5rem;
153
+ --pgn-spacing-alert-padding-x: 1.5rem;
154
+ --pgn-spacing-alert-margin-bottom: 1rem;
155
+ --pgn-spacing-alert-icon-space: 0.8rem;
156
+ --pgn-spacing-annotation-padding: 0.5rem;
157
+ --pgn-spacing-annotation-arrow-side-margin: 0.25rem;
158
+ --pgn-spacing-avatar-button-padding-left-base: 0.25em;
159
+ --pgn-spacing-avatar-button-padding-left-sm: 0.25em;
160
+ --pgn-spacing-avatar-button-padding-left-lg: 0.25em;
161
+ --pgn-spacing-badge-padding-x-base: 0.5rem;
162
+ --pgn-spacing-badge-padding-x-pill: 0.6em;
163
+ --pgn-spacing-badge-padding-y: 0.125rem;
164
+ --pgn-spacing-breadcrumb-margin-left: 0.5rem;
165
+ --pgn-spacing-bubble-expandable-padding-y: 0;
166
+ --pgn-spacing-bubble-expandable-padding-x: 0.25rem;
167
+ --pgn-spacing-btn-block-spacing-y: 0.5rem;
168
+ --pgn-spacing-card-spacer-x: 1.25rem;
169
+ --pgn-spacing-card-spacer-y: 0.75rem;
170
+ --pgn-spacing-card-margin-group: 12px;
171
+ --pgn-spacing-card-columns-count: 3;
172
+ --pgn-spacing-card-columns-gap: 1.25rem;
173
+ --pgn-spacing-card-footer-action-gap: 0.5rem;
174
+ --pgn-spacing-card-loading-skeleton-spacer: 0.313rem;
175
+ --pgn-spacing-card-logo-left-offset-base: 1.5rem;
176
+ --pgn-spacing-card-logo-left-offset-horizontal: 0.4375rem;
177
+ --pgn-spacing-card-logo-bottom-offset-base: 1rem;
178
+ --pgn-spacing-card-logo-bottom-offset-horizontal: 0.4375rem;
179
+ --pgn-spacing-card-focus-border-offset: 5px;
180
+ --pgn-spacing-carousel-indicator-spacer: 3px;
181
+ --pgn-spacing-chip-margin-base: 0.125rem;
182
+ --pgn-spacing-chip-margin-icon: 0.25rem;
183
+ --pgn-spacing-chip-padding-y: 1px;
184
+ --pgn-spacing-chip-padding-x: 0.5rem;
185
+ --pgn-spacing-chip-outline-selected-distance-light: 3px;
186
+ --pgn-spacing-chip-outline-selected-distance-dark: 3px;
187
+ --pgn-spacing-chip-outline-focus-distance-light: 0.313rem;
188
+ --pgn-spacing-chip-outline-focus-distance-dark: 0.313rem;
189
+ --pgn-spacing-chip-outline-width: 3px;
190
+ --pgn-spacing-chip-carousel-controls-top-offset: 0.375rem;
191
+ --pgn-spacing-chip-carousel-container-padding-x: 0.625rem;
192
+ --pgn-spacing-chip-carousel-container-padding-y: 0.313rem;
193
+ --pgn-spacing-code-kbd-padding-y: 0.2rem;
194
+ --pgn-spacing-code-kbd-padding-x: 0.4rem;
195
+ --pgn-spacing-collapsible-card-spacer-y-base: 0.5rem;
196
+ --pgn-spacing-collapsible-card-spacer-x-base: 0.5rem;
197
+ --pgn-spacing-collapsible-card-spacer-left-body: 0.75rem;
198
+ --pgn-spacing-collapsible-card-spacer-icon: 2.5rem;
199
+ --pgn-spacing-collapsible-card-spacer-basic-y: 0.5rem;
200
+ --pgn-spacing-collapsible-card-spacer-basic-x: 0.5rem;
201
+ --pgn-spacing-collapsible-card-spacer-basic-icon: 0.625rem;
202
+ --pgn-spacing-data-table-padding-x: 0.75rem;
203
+ --pgn-spacing-data-table-padding-y: 0.75rem;
204
+ --pgn-spacing-data-table-padding-small: 0.5rem;
205
+ --pgn-spacing-data-table-padding-cell-x: 0.5rem;
206
+ --pgn-spacing-data-table-padding-cell-y: 0.75rem;
207
+ --pgn-spacing-data-table-footer-position: center;
208
+ --pgn-spacing-dropdown-spacer: 0.125rem;
209
+ --pgn-spacing-dropdown-padding-x-base: 0;
210
+ --pgn-spacing-dropdown-padding-x-item: 1rem;
211
+ --pgn-spacing-dropdown-padding-y-base: 0.5rem;
212
+ --pgn-spacing-dropdown-padding-y-item: 0.25rem;
213
+ --pgn-spacing-dropdown-padding-header-y: 0.5rem;
214
+ --pgn-spacing-dropdown-close-container-top: 0.625rem;
215
+ --pgn-spacing-dropzone-padding: 1.5rem;
216
+ --pgn-spacing-dropzone-border-base: 1px;
217
+ --pgn-spacing-form-input-check-gutter: 1.25rem;
218
+ --pgn-spacing-form-input-check-margin-x-base: 0.25rem;
219
+ --pgn-spacing-form-input-check-margin-x-inline: 0.3125rem;
220
+ --pgn-spacing-form-input-check-margin-y: 0.3rem;
221
+ --pgn-spacing-form-text-margin-top: 0.25rem;
222
+ --pgn-spacing-form-check-inline-margin-x: 0.75rem;
223
+ --pgn-spacing-form-check-position-axis: 0.375rem;
224
+ --pgn-spacing-form-group-margin-bottom: 1rem;
225
+ --pgn-spacing-form-control-gutter: 0.5rem;
226
+ --pgn-spacing-form-control-spacer-x: 1rem;
227
+ --pgn-spacing-form-control-select-indicator-padding: 1rem;
228
+ --pgn-spacing-form-control-select-feedback-icon-position-position-y: center;
229
+ --pgn-spacing-form-control-select-feedback-icon-position-position-x: right;
230
+ --pgn-spacing-form-control-select-feedback-icon-position-offset-y: 0;
231
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-y: 0.25rem;
232
+ --pgn-spacing-form-control-select-feedback-tooltip-padding-x: 0.5rem;
233
+ --pgn-spacing-form-control-select-icon-padding: 0.5625rem;
234
+ --pgn-spacing-image-thumbnail-padding: 0.25rem;
235
+ --pgn-spacing-menu-item-icon-margin-left: 0.25em;
236
+ --pgn-spacing-modal-inner-padding-base: 1.5rem;
237
+ --pgn-spacing-modal-inner-padding-bottom: 0.7rem;
238
+ --pgn-spacing-modal-footer-padding-base-x: 1.5rem;
239
+ --pgn-spacing-modal-footer-padding-y: 1rem;
240
+ --pgn-spacing-modal-header-padding-base-x: 1.5rem;
241
+ --pgn-spacing-modal-header-padding-y: 1rem;
242
+ --pgn-spacing-modal-dialog-margin: 1.5rem;
243
+ --pgn-spacing-nav-link-padding-y: 0.5rem;
244
+ --pgn-spacing-nav-link-padding-x: 1rem;
245
+ --pgn-spacing-nav-link-distance-to-border: 4px;
246
+ --pgn-spacing-navbar-padding-x-nav-link: 0.5rem;
247
+ --pgn-spacing-navbar-toggler-padding-y: 0.25rem;
248
+ --pgn-spacing-navbar-toggler-padding-x: 0.75rem;
249
+ --pgn-spacing-pagination-padding-y-base: 0.625rem;
250
+ --pgn-spacing-pagination-padding-y-sm: 0.8rem;
251
+ --pgn-spacing-pagination-padding-y-lg: 0.75rem;
252
+ --pgn-spacing-pagination-padding-x-base: 1rem;
253
+ --pgn-spacing-pagination-padding-x-sm: 0.6rem;
254
+ --pgn-spacing-pagination-padding-x-lg: 1.5rem;
255
+ --pgn-spacing-popover-header-padding-y: 0.5rem;
256
+ --pgn-spacing-popover-header-padding-x: 1rem;
257
+ --pgn-spacing-popover-icon-margin-right: 0.5rem;
258
+ --pgn-spacing-progress-bar-hint-annotation-gap: 0.5rem;
259
+ --pgn-spacing-search-field-margin-button: 0.5rem;
260
+ --pgn-spacing-selectable-box-padding: 1rem;
261
+ --pgn-spacing-selectable-box-border-radius: 0.25rem;
262
+ --pgn-spacing-selectable-box-box-space: 0.75rem;
263
+ --pgn-spacing-vertical-align: 0.125em;
264
+ --pgn-spacing-stepper-header-padding-y: 0.75rem;
265
+ --pgn-spacing-stepper-header-step-padding: 0.25rem;
266
+ --pgn-spacing-stepper-header-step-list-padding-y: 0.25rem;
267
+ --pgn-spacing-stepper-header-step-list-padding-x: 0;
268
+ --pgn-spacing-stepper-header-step-list-margin: 0;
269
+ --pgn-spacing-sticky-offset: 0;
270
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-x: 0.7rem;
271
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-x: 0.625rem;
272
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-x: 0.625rem;
273
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-distance: 5px;
274
+ --pgn-spacing-toast-padding-x: 0.75rem;
275
+ --pgn-spacing-toast-padding-y: 0.25rem;
276
+ --pgn-spacing-toast-container-gutter-lg: 1.25rem;
277
+ --pgn-spacing-toast-container-gutter-sm: 0.625rem;
278
+ --pgn-spacing-tooltip-padding-y: 0.5rem;
279
+ --pgn-spacing-tooltip-padding-x: 0.5rem;
280
+ --pgn-spacing-tooltip-margin: 0;
281
+ --pgn-spacing-caret-base: 0.255em;
282
+ --pgn-spacing-caret-vertical-align: 0.255em;
283
+ --pgn-spacing-headings-margin-bottom: 0.5rem;
284
+ --pgn-spacing-input-btn-padding-y: 0.5625rem;
285
+ --pgn-spacing-input-btn-padding-x: 1rem;
286
+ --pgn-spacing-input-btn-padding-sm-y: 0.4375rem;
287
+ --pgn-spacing-input-btn-padding-sm-x: 0.75rem;
288
+ --pgn-spacing-input-btn-padding-lg-y: 0.6875rem;
289
+ --pgn-spacing-input-btn-padding-lg-x: 1.25rem;
290
+ --pgn-spacing-list-inline-padding: 0.5rem;
291
+ --pgn-spacing-list-group-item-padding-y: 0.75rem;
292
+ --pgn-spacing-list-group-item-padding-x: 1.25rem;
293
+ --pgn-spacing-paragraph-margin-bottom: 1rem;
294
+ --pgn-spacing-mark-padding: 0.2em;
295
+ --pgn-spacing-spacer-0: 0; /* Space value of level 0 */
296
+ --pgn-spacing-spacer-base: 1rem; /* Basic space value */
297
+ --pgn-spacing-label-margin-bottom: 0.5rem; /* Margin bottom for label. */
298
+ --pgn-spacing-table-cell-padding-base: 0.75rem; /* Padding for tables. */
299
+ --pgn-spacing-table-cell-padding-sm: 0.3rem; /* Padding sm for tables. */
300
+ --pgn-spacing-grid-gutter-width: 24px; /* Grid gutter width value. */
301
+ --pgn-typography-alert-font-size: 0.875rem;
302
+ --pgn-typography-alert-line-height: 1.5rem;
303
+ --pgn-typography-badge-font-size: 75%;
304
+ --pgn-typography-dropdown-item-text-decoration: none;
305
+ --pgn-typography-image-figure-caption-font-size: 90%;
306
+ --pgn-typography-menu-select-btn-link-text-decoration-line: underline;
307
+ --pgn-typography-menu-select-btn-link-text-decoration-thickness: 0.125rem;
308
+ --pgn-typography-nav-link-font-weight: 500;
309
+ --pgn-typography-nav-link-text-decoration: none;
310
+ --pgn-typography-pagination-font-size-sm: 0.875rem;
311
+ --pgn-typography-pagination-line-height: 1.5rem;
312
+ --pgn-typography-spacer-line-height: 1px;
313
+ --pgn-typography-toast-font-size: 0.875rem;
314
+ --pgn-typography-headings-font-family: inherit;
315
+ --pgn-typography-headings-line-height: 1.25;
316
+ --pgn-typography-input-btn-font-family: inherit;
317
+ --pgn-typography-input-btn-font-size-base: 1.125rem;
318
+ --pgn-typography-input-btn-font-size-sm: 0.875rem;
319
+ --pgn-typography-input-btn-font-size-lg: 1.325rem;
320
+ --pgn-typography-input-btn-line-height-base: 1.3333;
321
+ --pgn-typography-input-btn-line-height-sm: 1.4286;
322
+ --pgn-typography-link-decoration-base: none;
323
+ --pgn-typography-link-decoration-hover: underline;
324
+ --pgn-typography-link-decoration-inline-base: underline;
325
+ --pgn-typography-link-decoration-inline-hover: underline;
326
+ --pgn-typography-link-decoration-muted-base: none;
327
+ --pgn-typography-link-decoration-muted-hover: underline;
328
+ --pgn-typography-link-decoration-muted-inline-base: underline;
329
+ --pgn-typography-link-decoration-muted-inline-hover: underline;
330
+ --pgn-typography-link-decoration-brand-base: none;
331
+ --pgn-typography-link-decoration-brand-hover: underline;
332
+ --pgn-typography-link-decoration-brand-inline-base: underline;
333
+ --pgn-typography-link-decoration-brand-inline-hover: underline;
334
+ --pgn-typography-font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* Sans-serif font family. */
335
+ --pgn-typography-font-family-serif: serif; /* Serif font family. */
336
+ --pgn-typography-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* Monospace font family. */
337
+ --pgn-typography-font-size-base: 1.125rem; /* Base font size. */
338
+ --pgn-typography-font-size-sm: 87.5%; /* Small font size. */
339
+ --pgn-typography-font-size-xs: 75%; /* X-small font size. */
340
+ --pgn-typography-font-size-micro: 0.688rem; /* Micro utils text font size. */
341
+ --pgn-typography-font-size-h1-base: 2.5rem; /* Base font size of heading level 1. */
342
+ --pgn-typography-font-size-h1-mobile: 2.25rem; /* Mobile font size of heading level 1. */
343
+ --pgn-typography-font-size-h2-base: 2rem; /* Font size of heading level 2. */
344
+ --pgn-typography-font-size-h3-base: 1.375rem; /* Font size of heading level 3. */
345
+ --pgn-typography-font-size-h4-base: 1.125rem; /* Font size of heading level 4. */
346
+ --pgn-typography-font-size-h5-base: 0.875rem; /* Font size of heading level 5. */
347
+ --pgn-typography-font-size-h6-base: 0.75rem; /* Font size of heading level 6. */
348
+ --pgn-typography-font-size-display-1: 3.75rem; /* Font size for heading of level 1. */
349
+ --pgn-typography-font-size-display-2: 4.875rem; /* Font size for heading of level 2. */
350
+ --pgn-typography-font-size-display-3: 5.625rem; /* Font size for heading of level 3. */
351
+ --pgn-typography-font-size-display-4: 7.5rem; /* Font size for heading of level 4. */
352
+ --pgn-typography-font-size-display-mobile-1: 3.25rem; /* Mobile font size for heading of level 1. */
353
+ --pgn-typography-font-weight-lighter: lighter; /* Lighter font weight. */
354
+ --pgn-typography-font-weight-light: 300; /* Light font weight. */
355
+ --pgn-typography-font-weight-normal: 400; /* Normal font weight. */
356
+ --pgn-typography-font-weight-semi-bold: 500; /* Semi-bold font weight. */
357
+ --pgn-typography-font-weight-bold: 700; /* Bold font weight. */
358
+ --pgn-typography-font-weight-bolder: bolder; /* Bolder font weight. */
359
+ --pgn-typography-font-weight-lead: inherit; /* Lead text font weight. */
360
+ --pgn-typography-font-weight-table-th: 700; /* Table th font weight. */
361
+ --pgn-typography-line-height-base: 1.5556; /* Basic line height. */
362
+ --pgn-typography-line-height-lg: 1.5; /* Large line height. */
363
+ --pgn-typography-line-height-sm: 1.5; /* Small line height. */
364
+ --pgn-typography-line-height-micro: 0.938rem; /* Micro utils line height. */
365
+ --pgn-typography-line-height-display-base: 1; /* Standard display line height. */
366
+ --pgn-typography-line-height-display-mobile: 3.5rem; /* Mobile display line height. */
367
+ --pgn-transition-badge: none;
368
+ --pgn-transition-btn: none;
369
+ --pgn-transition-carousel-base-property: transform;
370
+ --pgn-transition-carousel-base-timing-function: ease-in-out;
371
+ --pgn-transition-carousel-base-delay: 0ms;
372
+ --pgn-transition-carousel-base-behavior: normal;
373
+ --pgn-transition-carousel-duration: 0.6s;
374
+ --pgn-transition-carousel-indicator-property: opacity;
375
+ --pgn-transition-carousel-indicator-timing-function: ease;
376
+ --pgn-transition-carousel-indicator-delay: 0ms;
377
+ --pgn-transition-carousel-indicator-behavior: normal;
378
+ --pgn-transition-carousel-control-property: opacity;
379
+ --pgn-transition-carousel-control-duration: 0.15s;
380
+ --pgn-transition-carousel-control-timing-function: ease;
381
+ --pgn-transition-carousel-control-delay: 0ms;
382
+ --pgn-transition-carousel-control-behavior: normal;
383
+ --pgn-transition-form-input-1-property: border-color;
384
+ --pgn-transition-form-input-1-duration: 0.15s;
385
+ --pgn-transition-form-input-1-timing-function: ease-in-out;
386
+ --pgn-transition-form-input-1-delay: 0s;
387
+ --pgn-transition-form-input-1-behavior: normal;
388
+ --pgn-transition-form-input-2-property: box-shadow;
389
+ --pgn-transition-form-input-2-duration: 0.15s;
390
+ --pgn-transition-form-input-2-timing-function: ease-in-out;
391
+ --pgn-transition-form-input-2-delay: 0s;
392
+ --pgn-transition-form-input-2-behavior: normal;
393
+ --pgn-transition-form-control-1-property: background-color;
394
+ --pgn-transition-form-control-1-duration: 0.15s;
395
+ --pgn-transition-form-control-1-timing-function: ease-in-out;
396
+ --pgn-transition-form-control-1-delay: 0s;
397
+ --pgn-transition-form-control-1-behavior: normal;
398
+ --pgn-transition-form-control-2-property: border-color;
399
+ --pgn-transition-form-control-2-duration: 0.15s;
400
+ --pgn-transition-form-control-2-timing-function: ease-in-out;
401
+ --pgn-transition-form-control-2-delay: 0s;
402
+ --pgn-transition-form-control-2-behavior: normal;
403
+ --pgn-transition-form-control-3-property: box-shadow;
404
+ --pgn-transition-form-control-3-duration: 0.15s;
405
+ --pgn-transition-form-control-3-timing-function: ease-in-out;
406
+ --pgn-transition-form-control-3-delay: 0s;
407
+ --pgn-transition-form-control-3-behavior: normal;
408
+ --pgn-transition-progress-bar-animation-timing-duration: 1s;
409
+ --pgn-transition-progress-bar-animation-timing-timing-function: linear;
410
+ --pgn-transition-progress-bar-animation-timing-delay: 0s;
411
+ --pgn-transition-progress-bar-animation-timing-iteration-count: infinite;
412
+ --pgn-transition-progress-bar-transition-property: width;
413
+ --pgn-transition-progress-bar-transition-duration: 0.6s;
414
+ --pgn-transition-progress-bar-transition-timing-function: ease;
415
+ --pgn-transition-progress-bar-transition-delay: 0s;
416
+ --pgn-transition-progress-bar-transition-behavior: normal;
417
+ --pgn-transition-base-property: all; /* Generic transition for any property change */
418
+ --pgn-transition-base-duration: 0.2s; /* Generic transition for any property change */
419
+ --pgn-transition-base-timing-function: ease-in-out; /* Generic transition for any property change */
420
+ --pgn-transition-base-delay: 0s; /* Generic transition for any property change */
421
+ --pgn-transition-base-behavior: normal; /* Generic transition for any property change */
422
+ --pgn-transition-fade-property: opacity; /* Opacity transition that takes 150ms */
423
+ --pgn-transition-fade-duration: 0.15s; /* Opacity transition that takes 150ms */
424
+ --pgn-transition-fade-timing-function: linear; /* Opacity transition that takes 150ms */
425
+ --pgn-transition-fade-delay: 0s; /* Opacity transition that takes 150ms */
426
+ --pgn-transition-fade-behavior: normal; /* Opacity transition that takes 150ms */
427
+ --pgn-transition-collapse-height-property: height; /* Collapse transition for height that takes 350ms */
428
+ --pgn-transition-collapse-height-duration: 0.35s; /* Collapse transition for height that takes 350ms */
429
+ --pgn-transition-collapse-height-timing-function: ease; /* Collapse transition for height that takes 350ms */
430
+ --pgn-transition-collapse-height-delay: 0s; /* Collapse transition for height that takes 350ms */
431
+ --pgn-transition-collapse-height-behavior: normal; /* Collapse transition for height that takes 350ms */
432
+ --pgn-transition-collapse-width-property: width; /* Collapse transition for width that takes 350ms */
433
+ --pgn-transition-collapse-width-duration: 0.35s; /* Collapse transition for width that takes 350ms */
434
+ --pgn-transition-collapse-width-timing-function: ease; /* Collapse transition for width that takes 350ms */
435
+ --pgn-transition-collapse-width-delay: 0s; /* Collapse transition for width that takes 350ms */
436
+ --pgn-transition-collapse-width-behavior: normal; /* Collapse transition for width that takes 350ms */
437
+ --pgn-elevation-dropdown-zindex: 1000;
438
+ --pgn-elevation-modal-backdrop-zindex: 1040;
439
+ --pgn-elevation-modal-zindex: 1050;
440
+ --pgn-elevation-popover-zindex: 1060;
441
+ --pgn-elevation-product-tour-checkpoint-zindex: 1060;
442
+ --pgn-elevation-sheet-zindex-backdrop: 1031;
443
+ --pgn-elevation-sheet-zindex-main: 1032;
444
+ --pgn-elevation-tooltip-zindex: 1070;
445
+ --pgn-elevation-zindex-0: 0; /* z-index of level 0. */
446
+ --pgn-elevation-zindex-200: 200; /* z-index of level 200. */
447
+ --pgn-elevation-zindex-400: 400; /* z-index of level 400. */
448
+ --pgn-elevation-zindex-600: 600; /* z-index of level 600. */
449
+ --pgn-elevation-zindex-800: 800; /* z-index of level 800. */
450
+ --pgn-elevation-zindex-1000: 1000; /* z-index of level 1000. */
451
+ --pgn-elevation-zindex-1200: 1200; /* z-index of level 1200. */
452
+ --pgn-elevation-zindex-1400: 1400; /* z-index of level 1400. */
453
+ --pgn-elevation-zindex-1600: 1600; /* z-index of level 1600. */
454
+ --pgn-elevation-zindex-1800: 1800; /* z-index of level 1800. */
455
+ --pgn-elevation-zindex-2000: 2000; /* z-index of level 2000. */
456
+ --pgn-elevation-zindex-sticky: 1020; /* z-index for sticky element. */
457
+ --pgn-elevation-zindex-fixed: 1030; /* z-index of for fixed element. */
458
+ --pgn-other-form-control-cursor: auto;
459
+ --pgn-other-form-control-range-track-cursor: pointer;
460
+ --pgn-other-form-control-custom-file-lang: en;
461
+ --pgn-other-form-control-custom-file-content: Browse;
462
+ --pgn-theme-interval: 8%;
463
+ --pgn-print-page-size: a3;
464
+ --pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
465
+ --pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
466
+ --pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
467
+ --pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
468
+ --pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
632
469
  --pgn-size-card-border-width: var(--pgn-size-border-width);
470
+ --pgn-size-card-border-radius-base: var(--pgn-size-border-radius-base);
471
+ --pgn-size-card-focus-border-radius: calc(var(--pgn-spacing-card-focus-border-offset) + var(--pgn-size-card-border-radius-base));
472
+ --pgn-size-card-image-horizontal-width-min: var(--pgn-size-card-image-horizontal-width-max);
473
+ --pgn-size-dropdown-border-width: var(--pgn-size-border-width);
474
+ --pgn-size-dropdown-border-radius-base: var(--pgn-size-border-radius-base);
475
+ --pgn-size-form-input-radius-border-base: var(--pgn-size-border-radius-base);
476
+ --pgn-size-form-input-radius-border-lg: var(--pgn-size-border-radius-lg);
477
+ --pgn-size-form-input-radius-border-sm: var(--pgn-size-border-radius-sm);
478
+ --pgn-size-form-control-switch-width: calc(var(--pgn-size-form-control-indicator-base) * 1.75);
479
+ --pgn-size-form-control-switch-indicator-base: calc(var(--pgn-size-form-control-indicator-base) - var(--pgn-size-form-control-indicator-border-width) * 4);
480
+ --pgn-size-form-control-switch-indicator-border-radius: calc(var(--pgn-size-form-control-indicator-base) / 2);
481
+ --pgn-size-form-control-select-border-radius: var(--pgn-size-border-radius-base);
482
+ --pgn-size-form-control-range-thumb-height: var(--pgn-size-form-control-range-thumb-width);
483
+ --pgn-size-form-control-range-thumb-focus-width: var(--pgn-size-form-input-width-focus);
484
+ --pgn-size-form-autosuggest-icon-height: var(--pgn-size-form-autosuggest-icon-width);
485
+ --pgn-size-form-autosuggest-spinner-height: var(--pgn-size-form-autosuggest-spinner-width);
486
+ --pgn-size-form-feedback-tooltip-border-radius: var(--pgn-size-border-radius-base);
487
+ --pgn-size-icon-button-diameter-inline: calc(var(--pgn-typography-line-height-base) * 1em + .1em);
488
+ --pgn-size-image-thumbnail-border-width: var(--pgn-size-border-width);
489
+ --pgn-size-image-thumbnail-border-radius: var(--pgn-size-border-radius-base);
490
+ --pgn-size-modal-content-border-radius: var(--pgn-size-border-radius-lg);
491
+ --pgn-size-nav-pills-border-radius: var(--pgn-size-border-radius-base);
492
+ --pgn-size-nav-pills-inverse-link-border-width: var(--pgn-size-nav-pills-link-border-width);
493
+ --pgn-size-nav-tabs-inverse-link-active-border-bottom-width: var(--pgn-size-nav-tabs-link-border-bottom-width);
494
+ --pgn-size-pagination-border-width: var(--pgn-size-border-width);
495
+ --pgn-size-pagination-border-radius-sm: var(--pgn-size-border-radius-sm);
496
+ --pgn-size-pagination-border-radius-lg: var(--pgn-size-border-radius-lg);
497
+ --pgn-size-popover-border-width: var(--pgn-size-border-width);
498
+ --pgn-size-popover-border-radius: var(--pgn-size-border-radius-sm);
499
+ --pgn-size-product-tour-checkpoint-arrow-top: var(--pgn-size-product-tour-checkpoint-width-arrow);
500
+ --pgn-size-product-tour-checkpoint-arrow-transparent: var(--pgn-size-product-tour-checkpoint-width-arrow);
501
+ --pgn-size-spinner-base-height: var(--pgn-size-spinner-base-width);
502
+ --pgn-size-spinner-sm-height: var(--pgn-size-spinner-sm-width);
503
+ --pgn-size-tooltip-border-radius: var(--pgn-size-border-radius-base);
504
+ --pgn-size-hr-border-width: var(--pgn-size-border-width);
505
+ --pgn-size-hr-border-margin-y: var(--pgn-spacing-spacer-base);
506
+ --pgn-size-input-btn-border-width: var(--pgn-size-border-width);
507
+ --pgn-size-list-group-border-width: var(--pgn-size-border-width);
508
+ --pgn-size-list-group-border-radius: var(--pgn-size-border-radius-base);
509
+ --pgn-spacing-btn-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
510
+ --pgn-spacing-btn-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
511
+ --pgn-spacing-btn-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
512
+ --pgn-spacing-btn-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
513
+ --pgn-spacing-btn-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
514
+ --pgn-spacing-btn-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
515
+ --pgn-spacing-btn-focus-gap: var(--pgn-size-btn-focus-width);
516
+ --pgn-spacing-btn-focus-border-gap: calc(var(--pgn-size-btn-focus-width) + var(--pgn-spacing-btn-focus-gap));
517
+ --pgn-spacing-card-margin-deck: var(--pgn-spacing-card-margin-group);
518
+ --pgn-spacing-card-margin-grid: var(--pgn-spacing-card-margin-group);
519
+ --pgn-spacing-card-columns-margin: var(--pgn-spacing-card-spacer-y);
520
+ --pgn-spacing-collapsible-card-spacer-y-lg: var(--pgn-spacing-card-spacer-y);
521
+ --pgn-spacing-collapsible-card-spacer-x-lg: var(--pgn-spacing-card-spacer-x);
522
+ --pgn-spacing-dropdown-padding-header-x: var(--pgn-spacing-dropdown-padding-x-item);
523
+ --pgn-spacing-dropdown-divider-margin-y: calc(var(--pgn-spacing-spacer-base) / 2);
524
+ --pgn-spacing-form-input-padding-y-base: var(--pgn-spacing-input-btn-padding-y);
525
+ --pgn-spacing-form-input-padding-y-sm: var(--pgn-spacing-input-btn-padding-sm-y);
526
+ --pgn-spacing-form-input-padding-y-lg: var(--pgn-spacing-input-btn-padding-lg-y);
527
+ --pgn-spacing-form-input-padding-x-base: var(--pgn-spacing-input-btn-padding-x);
528
+ --pgn-spacing-form-input-padding-x-sm: var(--pgn-spacing-input-btn-padding-sm-x);
529
+ --pgn-spacing-form-input-padding-x-lg: var(--pgn-spacing-input-btn-padding-lg-x);
530
+ --pgn-spacing-form-control-select-feedback-margin-top: var(--pgn-spacing-form-text-margin-top);
531
+ --pgn-spacing-menu-item-icon-margin-right: var(--pgn-spacing-menu-item-icon-margin-left);
532
+ --pgn-spacing-modal-footer-padding-base-y: var(--pgn-spacing-modal-footer-padding-y);
533
+ --pgn-spacing-modal-header-padding-base-y: var(--pgn-spacing-modal-header-padding-y);
534
+ --pgn-spacing-navbar-padding-y: calc(var(--pgn-spacing-spacer-base) / 2);
535
+ --pgn-spacing-navbar-padding-x-base: var(--pgn-spacing-spacer-base);
536
+ --pgn-spacing-popover-body-padding-y: var(--pgn-spacing-popover-header-padding-y);
537
+ --pgn-spacing-popover-body-padding-x: var(--pgn-spacing-popover-header-padding-x);
538
+ --pgn-spacing-stepper-header-padding-x: var(--pgn-spacing-spacer-base);
539
+ --pgn-spacing-tab-more-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
540
+ --pgn-spacing-tab-inverse-pills-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
541
+ --pgn-spacing-tab-inverse-tabs-link-dropdown-toggle-padding-y: var(--pgn-spacing-spacer-base);
542
+ --pgn-spacing-spacer-1: calc(var(--pgn-spacing-spacer-base) * .25); /* Space value of level 1 */
543
+ --pgn-spacing-spacer-2: calc(var(--pgn-spacing-spacer-base) * .5); /* Space value of level 2 */
544
+ --pgn-spacing-spacer-3: var(--pgn-spacing-spacer-base); /* Space value of level 3 */
545
+ --pgn-spacing-spacer-4: calc(var(--pgn-spacing-spacer-base) * 1.5); /* Space value of level 4 */
546
+ --pgn-spacing-spacer-5: calc(var(--pgn-spacing-spacer-base) * 3); /* Space value of level 5 */
547
+ --pgn-spacing-spacer-6: calc(var(--pgn-spacing-spacer-base) * 5); /* Space value of level 6 */
548
+ --pgn-spacing-spacer-1-5: calc(var(--pgn-spacing-spacer-base) * .375); /* Space value of level 1.5 */
549
+ --pgn-spacing-spacer-2-5: calc(var(--pgn-spacing-spacer-base) * .75); /* Space value of level 2.5 */
550
+ --pgn-spacing-spacer-3-5: calc(var(--pgn-spacing-spacer-base) * 1.25); /* Space value of level 3.5 */
551
+ --pgn-spacing-spacer-4-5: calc(var(--pgn-spacing-spacer-base) * 2); /* Space value of level 4.5 */
552
+ --pgn-spacing-spacer-5-5: calc(var(--pgn-spacing-spacer-base) * 4); /* Space value of level 5.5 */
553
+ --pgn-typography-alert-font-weight-link: var(--pgn-typography-font-weight-normal);
554
+ --pgn-typography-annotation-font-size: var(--pgn-typography-font-size-sm);
555
+ --pgn-typography-annotation-line-height: var(--pgn-typography-line-height-sm);
556
+ --pgn-typography-badge-font-weight: var(--pgn-typography-font-weight-bold);
557
+ --pgn-typography-btn-font-family: var(--pgn-typography-input-btn-font-family);
558
+ --pgn-typography-btn-font-size-base: var(--pgn-typography-input-btn-font-size-base);
559
+ --pgn-typography-btn-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
560
+ --pgn-typography-btn-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
561
+ --pgn-typography-btn-font-weight: var(--pgn-typography-font-weight-normal);
562
+ --pgn-typography-btn-line-height-base: var(--pgn-typography-input-btn-line-height-base);
563
+ --pgn-typography-btn-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
564
+ --pgn-typography-footer-text-font-size: var(--pgn-typography-font-size-xs);
565
+ --pgn-typography-close-button-font-size: calc(var(--pgn-typography-font-size-base) * 1.5);
566
+ --pgn-typography-close-button-font-weight: var(--pgn-typography-font-weight-bold);
567
+ --pgn-typography-code-font-size: var(--pgn-typography-font-size-sm);
568
+ --pgn-typography-code-kbd-nested-font-weight: var(--pgn-typography-font-weight-bold);
569
+ --pgn-typography-dropdown-font-size: var(--pgn-typography-font-size-base);
570
+ --pgn-typography-dropzone-restriction-msg-font-size: var(--pgn-typography-font-size-xs);
571
+ --pgn-typography-form-input-font-family: var(--pgn-typography-input-btn-font-family);
572
+ --pgn-typography-form-input-font-size-base: var(--pgn-typography-input-btn-font-size-base);
573
+ --pgn-typography-form-input-font-size-sm: var(--pgn-typography-input-btn-font-size-sm);
574
+ --pgn-typography-form-input-font-size-lg: var(--pgn-typography-input-btn-font-size-lg);
575
+ --pgn-typography-form-input-line-height-base: var(--pgn-typography-input-btn-line-height-base);
576
+ --pgn-typography-form-input-line-height-sm: var(--pgn-typography-input-btn-line-height-sm);
577
+ --pgn-typography-form-feedback-font-size: var(--pgn-typography-font-size-sm);
578
+ --pgn-typography-form-feedback-tooltip-font-size: var(--pgn-typography-font-size-sm);
579
+ --pgn-typography-form-feedback-tooltip-line-height: var(--pgn-typography-line-height-base);
580
+ --pgn-typography-navbar-nav-link-height: calc(var(--pgn-typography-font-size-base) * var(--pgn-typography-line-height-base) + .5rem * 2);
581
+ --pgn-typography-popover-font-size: var(--pgn-typography-font-size-sm);
582
+ --pgn-typography-progress-bar-font-size: calc(var(--pgn-typography-font-size-base) * .75);
583
+ --pgn-typography-tabs-notification-font-size: var(--pgn-typography-font-size-xs);
584
+ --pgn-typography-tooltip-font-size: var(--pgn-typography-font-size-sm);
585
+ --pgn-typography-headings-font-weight: var(--pgn-typography-font-weight-bold);
586
+ --pgn-typography-input-btn-line-height-lg: var(--pgn-typography-line-height-lg);
587
+ --pgn-typography-dt-font-weight: var(--pgn-typography-font-weight-bold);
588
+ --pgn-typography-blockquote-small-font-size: var(--pgn-typography-font-size-sm);
589
+ --pgn-typography-blockquote-font-size: calc(var(--pgn-typography-font-size-base) * 1.25);
590
+ --pgn-typography-font-family-base: var(--pgn-typography-font-family-sans-serif); /* Basic font family. */
591
+ --pgn-typography-font-size-lg: calc(var(--pgn-typography-font-size-base) * 1.25); /* Lead text font size. */
592
+ --pgn-typography-font-size-h2-mobile: var(--pgn-typography-font-size-h2-base); /* Mobile font size of heading level 2. */
593
+ --pgn-typography-font-size-h3-mobile: var(--pgn-typography-font-size-h3-base); /* Mobile font size of heading level 3. */
594
+ --pgn-typography-font-size-h4-mobile: var(--pgn-typography-font-size-h4-base); /* Mobile font size of heading level 4. */
595
+ --pgn-typography-font-size-h5-mobile: var(--pgn-typography-font-size-h5-base); /* Mobile font size of heading level 5. */
596
+ --pgn-typography-font-size-h6-mobile: var(--pgn-typography-font-size-h6-base); /* Mobile font size of heading level 6. */
597
+ --pgn-typography-font-size-display-mobile-2: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 2. */
598
+ --pgn-typography-font-size-display-mobile-3: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 3. */
599
+ --pgn-typography-font-size-display-mobile-4: var(--pgn-typography-font-size-display-mobile-1); /* Mobile font size for heading of level 4. */
600
+ --pgn-typography-font-weight-base: var(--pgn-typography-font-weight-normal); /* Basic font weight. */
601
+ --pgn-typography-font-weight-display-1: var(--pgn-typography-font-weight-bold); /* Font weight of display level 1. */
602
+ --pgn-typography-font-weight-display-2: var(--pgn-typography-font-weight-bold); /* Font weight of display level 2. */
603
+ --pgn-typography-font-weight-display-3: var(--pgn-typography-font-weight-bold); /* Font weight of display level 3. */
604
+ --pgn-typography-font-weight-display-4: var(--pgn-typography-font-weight-bold); /* Font weight of display level 4. */
605
+ --pgn-transition-carousel-base-duration: var(--pgn-transition-carousel-duration);
606
+ --pgn-transition-carousel-indicator-duration: var(--pgn-transition-carousel-duration);
607
+ --pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
608
+ --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
633
609
  --pgn-size-btn-focus-border-radius-sm: var(--pgn-size-btn-border-radius-base);
610
+ --pgn-size-card-border-radius-inner: calc(var(--pgn-size-card-border-radius-base) - var(--pgn-size-card-border-width));
611
+ --pgn-size-card-image-border-radius: var(--pgn-size-card-border-radius-base);
612
+ --pgn-size-dropdown-border-radius-inner: calc(var(--pgn-size-dropdown-border-radius-base) - var(--pgn-size-dropdown-border-width));
613
+ --pgn-size-form-input-height-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2 + var(--pgn-size-form-input-height-border));
614
+ --pgn-size-form-input-height-sm: calc(var(--pgn-typography-form-input-line-height-sm) * 1em + var(--pgn-spacing-input-btn-padding-sm-y) * 2 + var(--pgn-size-form-input-height-border));
615
+ --pgn-size-form-input-height-inner-base: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
616
+ --pgn-size-form-input-height-inner-half: calc(var(--pgn-typography-form-input-line-height-base) * .5em + var(--pgn-spacing-form-input-padding-y-base));
617
+ --pgn-size-form-input-height-inner-quarter: calc(var(--pgn-typography-form-input-line-height-base) * .25em + calc(var(--pgn-spacing-form-input-padding-y-base) / 2));
618
+ --pgn-size-form-input-width-border: var(--pgn-size-input-btn-border-width);
619
+ --pgn-size-form-control-file-border-radius: var(--pgn-size-form-input-radius-border-base);
620
+ --pgn-size-navbar-toggler-border-radius: var(--pgn-size-btn-border-radius-base);
621
+ --pgn-size-search-field-search-input-height: calc(var(--pgn-typography-form-input-line-height-base) * 1em + var(--pgn-spacing-form-input-padding-y-base) * 2);
622
+ --pgn-spacing-alert-actions-gap: var(--pgn-spacing-spacer-3);
623
+ --pgn-spacing-btn-focus-distance-to-border: calc(var(--pgn-spacing-btn-focus-border-gap) + var(--pgn-size-btn-border-width));
624
+ --pgn-spacing-card-margin-deck-bottom: var(--pgn-spacing-spacer-3);
625
+ --pgn-spacing-card-margin-grid-bottom: var(--pgn-spacing-spacer-3);
626
+ --pgn-spacing-form-control-select-padding-y-base: var(--pgn-spacing-form-input-padding-y-base);
627
+ --pgn-spacing-form-control-select-padding-y-sm: var(--pgn-spacing-form-input-padding-y-sm);
628
+ --pgn-spacing-form-control-select-padding-y-lg: var(--pgn-spacing-form-input-padding-y-lg);
629
+ --pgn-spacing-form-control-select-padding-x-base: var(--pgn-spacing-form-input-padding-x-base);
630
+ --pgn-spacing-form-control-select-padding-x-sm: var(--pgn-spacing-form-input-padding-x-sm);
631
+ --pgn-spacing-form-control-select-padding-x-lg: var(--pgn-spacing-form-input-padding-x-lg);
632
+ --pgn-spacing-form-control-file-padding-y: var(--pgn-spacing-form-input-padding-y-base);
633
+ --pgn-spacing-form-control-file-padding-x: var(--pgn-spacing-form-input-padding-x-base);
634
+ --pgn-spacing-menu-item-padding-x: var(--pgn-spacing-btn-padding-x-base);
635
+ --pgn-spacing-menu-item-padding-y: var(--pgn-spacing-btn-padding-y-base);
636
+ --pgn-spacing-navbar-brand-padding-y: calc((var(--pgn-typography-navbar-nav-link-height) - var(--pgn-size-navbar-brand-height)) / 2);
637
+ --pgn-typography-btn-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
638
+ --pgn-typography-code-kbd-font-size: var(--pgn-typography-code-font-size);
639
+ --pgn-typography-form-input-font-weight: var(--pgn-typography-font-weight-base);
640
+ --pgn-typography-form-input-line-height-lg: var(--pgn-typography-input-btn-line-height-lg);
641
+ --pgn-typography-form-control-select-font-family: var(--pgn-typography-form-input-font-family);
642
+ --pgn-typography-form-control-select-font-size-base: var(--pgn-typography-form-input-font-size-base);
643
+ --pgn-typography-form-control-select-font-size-sm: var(--pgn-typography-form-input-font-size-sm);
644
+ --pgn-typography-form-control-select-font-size-lg: var(--pgn-typography-form-input-font-size-lg);
645
+ --pgn-typography-form-control-select-line-height: var(--pgn-typography-form-input-line-height-base);
646
+ --pgn-typography-form-control-file-line-height: var(--pgn-typography-form-input-line-height-base);
647
+ --pgn-typography-form-control-file-font-family: var(--pgn-typography-form-input-font-family);
648
+ --pgn-typography-navbar-brand-font-size: var(--pgn-typography-font-size-lg);
649
+ --pgn-typography-navbar-toggler-font-size: var(--pgn-typography-font-size-lg);
634
650
  --pgn-size-btn-focus-border-radius-lg: var(--pgn-size-btn-focus-border-radius-base);
635
- --pgn-size-btn-focus-border-radius-base: calc(var(--pgn-size-btn-border-radius-base) + var(--pgn-spacing-btn-focus-border-gap));
636
- --pgn-size-btn-focus-width: 2px;
637
- --pgn-size-btn-border-radius-sm: var(--pgn-size-border-radius-sm);
638
- --pgn-size-btn-border-radius-lg: var(--pgn-size-border-radius-lg);
639
- --pgn-size-btn-border-radius-base: var(--pgn-size-border-radius-base);
640
- --pgn-size-btn-border-width: var(--pgn-size-input-btn-border-width);
641
- --pgn-size-breadcrumb-border-width-focus: 0.0625rem;
642
- --pgn-size-breadcrumb-border-axis-y-focus: 0.5rem;
643
- --pgn-size-breadcrumb-border-axis-x-focus: 0.25rem;
644
- --pgn-size-breadcrumb-border-radius-focus: 0.125rem;
645
- --pgn-size-badge-focus-width: var(--pgn-size-input-btn-focus-width);
646
- --pgn-size-badge-border-radius-pill: 10rem;
647
- --pgn-size-badge-border-radius-base: 0.25rem;
648
- --pgn-size-avatar-border-radius: 100%;
649
- --pgn-size-avatar-border-base: 1px;
650
- --pgn-size-avatar-huge: 18.75rem;
651
- --pgn-size-avatar-xxl: 11.5rem;
652
- --pgn-size-avatar-xl: 6rem;
653
- --pgn-size-avatar-lg: 4rem;
654
- --pgn-size-avatar-sm: 2.25rem;
655
- --pgn-size-avatar-xs: 1.5rem;
656
- --pgn-size-avatar-base: 3rem;
657
- --pgn-size-annotation-border-radius: 0.25rem;
658
- --pgn-size-annotation-max-width: 18.75rem;
659
- --pgn-size-annotation-arrow-border-width: 0.5rem;
660
- --pgn-size-alert-border-width: 0rem;
661
- --pgn-size-alert-border-radius: var(--pgn-size-border-radius-base);
662
- --pgn-size-rounded-pill: 50rem; /* Pill border radius. */
663
- --pgn-size-border-radius-sm: 0.25rem; /* Small border radius. */
664
- --pgn-size-border-radius-lg: 0.425rem; /* Large border radius. */
665
- --pgn-size-border-radius-base: 0.375rem; /* Default border radius. */
666
- --pgn-size-border-width: 1px; /* Default border width. */
651
+ --pgn-size-form-input-height-border: calc(var(--pgn-size-form-input-width-border) * 2);
652
+ --pgn-size-form-input-height-lg: calc(var(--pgn-typography-form-input-line-height-lg) * 1em + var(--pgn-spacing-input-btn-padding-lg-y) * 2 + var(--pgn-size-form-input-height-border));
653
+ --pgn-size-form-control-select-height-base: var(--pgn-size-form-input-height-base);
654
+ --pgn-size-form-control-select-height-sm: var(--pgn-size-form-input-height-sm);
655
+ --pgn-size-form-control-select-feedback-icon: var(--pgn-size-form-input-height-inner-half) var(--pgn-size-form-input-height-inner-half);
656
+ --pgn-size-form-control-select-border-width-base: var(--pgn-size-form-input-width-border);
657
+ --pgn-size-form-control-file-width: var(--pgn-size-form-input-width-border);
658
+ --pgn-size-form-control-file-height-base: var(--pgn-size-form-input-height-base);
659
+ --pgn-size-form-control-file-height-inner: var(--pgn-size-form-input-height-inner-base);
660
+ --pgn-size-menu-item-border-width: var(--pgn-size-btn-border-width);
661
+ --pgn-size-navbar-brand-height: calc(var(--pgn-typography-navbar-brand-font-size) * var(--pgn-typography-line-height-base));
662
+ --pgn-spacing-form-control-select-feedback-icon-padding-right: calc((1em + 2 * var(--pgn-spacing-form-control-select-padding-y-base)) * 3 / 4 + var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
663
+ --pgn-spacing-form-control-select-feedback-icon-position-offset-x: calc(var(--pgn-spacing-form-control-select-padding-x-base) + var(--pgn-spacing-form-control-select-indicator-padding));
664
+ --pgn-typography-form-control-select-font-weight: var(--pgn-typography-form-input-font-weight);
665
+ --pgn-typography-form-control-file-font-weight: var(--pgn-typography-form-input-font-weight);
666
+ --pgn-size-form-control-select-height-lg: var(--pgn-size-form-input-height-lg);
667
667
  }