igniteui-theming 27.0.0 → 27.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/json/colors/presets/palettes.json +1 -1
- package/dist/json/components/bootstrap.json +1 -1
- package/dist/json/components/fluent.json +1 -1
- package/dist/json/components/indigo.json +1 -1
- package/dist/json/components/material.json +1 -1
- package/dist/json/components/themes.json +32 -2
- package/dist/mcp/index.js +1 -1
- package/dist/mcp/theming/dist/json/colors/presets/palettes.js +2 -2
- package/dist/mcp/theming/dist/json/components/themes.js +13 -3
- package/dist/tailwind/themes/dark/indigo.css +1 -1
- package/dist/tailwind/themes/light/indigo.css +1 -1
- package/dist/tailwind/utilities/bootstrap.css +1 -1
- package/dist/tailwind/utilities/fluent.css +1 -1
- package/dist/tailwind/utilities/indigo.css +1 -1
- package/dist/tailwind/utilities/material.css +1 -1
- package/package.json +1 -1
- package/sass/bem/_index.scss +26 -2
- package/sass/color/presets/dark/_indigo.scss +9 -9
- package/sass/color/presets/light/_indigo.scss +9 -9
- package/sass/themes/components/grid/_grid-summary-theme.scss +9 -3
- package/sass/themes/components/grid/_grid-theme.scss +54 -273
- package/sass/themes/schemas/components/light/_grid-summary.scss +6 -2
- package/sass/themes/schemas/components/light/_grid.scss +17 -4
|
@@ -3288,6 +3288,16 @@
|
|
|
3288
3288
|
"type": "Color",
|
|
3289
3289
|
"description": "The summaries value/result color. Auto-derived from background-color."
|
|
3290
3290
|
},
|
|
3291
|
+
{
|
|
3292
|
+
"name": "border-width",
|
|
3293
|
+
"type": "String",
|
|
3294
|
+
"description": "The summaries border width."
|
|
3295
|
+
},
|
|
3296
|
+
{
|
|
3297
|
+
"name": "border-style",
|
|
3298
|
+
"type": "String",
|
|
3299
|
+
"description": "The summaries border style."
|
|
3300
|
+
},
|
|
3291
3301
|
{
|
|
3292
3302
|
"name": "border-color",
|
|
3293
3303
|
"type": "Color",
|
|
@@ -3295,12 +3305,12 @@
|
|
|
3295
3305
|
},
|
|
3296
3306
|
{
|
|
3297
3307
|
"name": "pinned-border-width",
|
|
3298
|
-
"type": "
|
|
3308
|
+
"type": "String",
|
|
3299
3309
|
"description": "The border width of the summary panel."
|
|
3300
3310
|
},
|
|
3301
3311
|
{
|
|
3302
3312
|
"name": "pinned-border-style",
|
|
3303
|
-
"type": "
|
|
3313
|
+
"type": "String",
|
|
3304
3314
|
"description": "The border style of the summary panel."
|
|
3305
3315
|
},
|
|
3306
3316
|
{
|
|
@@ -3469,6 +3479,16 @@
|
|
|
3469
3479
|
"type": "Color",
|
|
3470
3480
|
"description": "The hover row text color. Auto-derived from row-hover-background."
|
|
3471
3481
|
},
|
|
3482
|
+
{
|
|
3483
|
+
"name": "row-border-width",
|
|
3484
|
+
"type": "String",
|
|
3485
|
+
"description": "The row bottom border width."
|
|
3486
|
+
},
|
|
3487
|
+
{
|
|
3488
|
+
"name": "row-border-style",
|
|
3489
|
+
"type": "String",
|
|
3490
|
+
"description": "The row bottom border style."
|
|
3491
|
+
},
|
|
3472
3492
|
{
|
|
3473
3493
|
"name": "row-border-color",
|
|
3474
3494
|
"type": "Color",
|
|
@@ -3489,6 +3509,11 @@
|
|
|
3489
3509
|
"type": "Color",
|
|
3490
3510
|
"description": "The color of the pinned border. Auto-derived from content-background."
|
|
3491
3511
|
},
|
|
3512
|
+
{
|
|
3513
|
+
"name": "cell-active-border-width",
|
|
3514
|
+
"type": "String",
|
|
3515
|
+
"description": "The border width for the active cell."
|
|
3516
|
+
},
|
|
3492
3517
|
{
|
|
3493
3518
|
"name": "cell-active-border-color",
|
|
3494
3519
|
"type": "Color",
|
|
@@ -3719,6 +3744,11 @@
|
|
|
3719
3744
|
"type": "Color",
|
|
3720
3745
|
"description": "Grouping row background color on focus."
|
|
3721
3746
|
},
|
|
3747
|
+
{
|
|
3748
|
+
"name": "summaries-border-color",
|
|
3749
|
+
"type": "Color",
|
|
3750
|
+
"description": "The border color of the summaries row."
|
|
3751
|
+
},
|
|
3722
3752
|
{
|
|
3723
3753
|
"name": "summaries-patch-background",
|
|
3724
3754
|
"type": "Color",
|
package/dist/mcp/index.js
CHANGED
|
@@ -33,7 +33,7 @@ import { z } from "zod";
|
|
|
33
33
|
function createServer() {
|
|
34
34
|
const server = new McpServer({
|
|
35
35
|
name: "igniteui-theming",
|
|
36
|
-
version: "v27.
|
|
36
|
+
version: "v27.2.0",
|
|
37
37
|
description: "Generate Sass theming code for Ignite UI components - create palettes, typography, elevations, and complete themes"
|
|
38
38
|
});
|
|
39
39
|
registerTools(server);
|
|
@@ -63,7 +63,7 @@ var palettes_default = {
|
|
|
63
63
|
"light-indigo-palette": {
|
|
64
64
|
"primary": "rgb(63, 81, 181)",
|
|
65
65
|
"secondary": "rgb(63, 81, 181)",
|
|
66
|
-
"gray": "rgb(
|
|
66
|
+
"gray": "rgb(142, 144, 150)",
|
|
67
67
|
"surface": "#f8f8fa",
|
|
68
68
|
"info": "rgb(156, 39, 176)",
|
|
69
69
|
"success": "rgb(104, 159, 56)",
|
|
@@ -73,7 +73,7 @@ var palettes_default = {
|
|
|
73
73
|
"dark-indigo-palette": {
|
|
74
74
|
"primary": "rgb(63, 81, 181)",
|
|
75
75
|
"secondary": "rgb(63, 81, 181)",
|
|
76
|
-
"gray": "rgb(
|
|
76
|
+
"gray": "rgb(176, 178, 183)",
|
|
77
77
|
"surface": "#1e1f24",
|
|
78
78
|
"info": "rgb(156, 39, 176)",
|
|
79
79
|
"success": "rgb(104, 159, 56)",
|
|
@@ -1108,7 +1108,7 @@ var accordion = {
|
|
|
1108
1108
|
}
|
|
1109
1109
|
]
|
|
1110
1110
|
};
|
|
1111
|
-
var grid = /* @__PURE__ */ JSON.parse("{\"name\":\"grid\",\"themeFunctionName\":\"grid-theme\",\"description\":\"Grid Theme\",\"primaryTokens\":[{\"name\":\"background\",\"description\":\"Controls the overall background color of the grid, including header and content.\"},{\"name\":\"foreground\",\"description\":\"Controls the overall foreground color of the grid, including text and icons.\"},{\"name\":\"accent-color\",\"description\":\"Controls the accent color used for interactive elements in the grid.\"}],\"tokens\":[{\"name\":\"background\",\"type\":\"Color\",\"description\":\"The background color of the grid.\"},{\"name\":\"foreground\",\"type\":\"Color\",\"description\":\"The foreground color of the grid.\"},{\"name\":\"accent-color\",\"type\":\"Color\",\"description\":\"The accent color used for interactive elements in the grid.\"},{\"name\":\"header-background\",\"type\":\"Color\",\"description\":\"The table header background color - derives header-text-color, header-border-color, and many more.\"},{\"name\":\"header-text-color\",\"type\":\"Color\",\"description\":\"The table header text color. Auto-derived from header-background.\"},{\"name\":\"header-border-width\",\"type\":\"String\",\"description\":\"The border width used for header borders.\"},{\"name\":\"header-border-style\",\"type\":\"String\",\"description\":\"The border style used for header borders.\"},{\"name\":\"header-border-color\",\"type\":\"Color\",\"description\":\"The color used for header borders. Auto-derived from header-background.\"},{\"name\":\"header-selected-background\",\"type\":\"Color\",\"description\":\"The table header background color when selected. Auto-derived from header-background.\"},{\"name\":\"header-selected-text-color\",\"type\":\"Color\",\"description\":\"The table header text color when selected. Auto-derived from header-selected-background.\"},{\"name\":\"sorted-header-icon-color\",\"type\":\"Color\",\"description\":\"The sort icon color when sorted. Auto-derived from header-background.\"},{\"name\":\"sortable-header-icon-hover-color\",\"type\":\"color\",\"description\":\"The icon color on hover when sortable. Auto-derived from sorted-header-icon-color.\"},{\"name\":\"content-background\",\"type\":\"Color\",\"description\":\"The table body background color - derives content-text-color, row backgrounds, cell backgrounds, borders.\"},{\"name\":\"content-text-color\",\"type\":\"Color\",\"description\":\"The table body text color. Auto-derived from content-background.\"},{\"name\":\"ghost-header-text-color\",\"type\":\"Color\",\"description\":\"The dragged header text color. Auto-derived from ghost-header-background.\"},{\"name\":\"ghost-header-icon-color\",\"type\":\"Color\",\"description\":\"The dragged header icon color. Auto-derived from ghost-header-background.\"},{\"name\":\"ghost-header-background\",\"type\":\"Color\",\"description\":\"The dragged header background color - derives ghost-header-text-color, ghost-header-icon-color.\"},{\"name\":\"row-odd-background\",\"type\":\"Color\",\"description\":\"The background color of odd rows. Auto-derived from content-background.\"},{\"name\":\"row-even-background\",\"type\":\"Color\",\"description\":\"The background color of even rows. Auto-derived from content-background.\"},{\"name\":\"row-odd-text-color\",\"type\":\"Color\",\"description\":\"The text color of odd rows. Auto-derived from row-odd-background.\"},{\"name\":\"row-even-text-color\",\"type\":\"Color\",\"description\":\"The text color of even rows. Auto-derived from row-even-background.\"},{\"name\":\"row-selected-background\",\"type\":\"Color\",\"description\":\"The selected row background color. Auto-derived from content-background.\"},{\"name\":\"row-selected-hover-background\",\"type\":\"Color\",\"description\":\"The selected row hover background color. Auto-derived from row-selected-background.\"},{\"name\":\"row-selected-text-color\",\"type\":\"Color\",\"description\":\"The selected row text color. Auto-derived from row-selected-background.\"},{\"name\":\"row-selected-hover-text-color\",\"type\":\"Color\",\"description\":\"The selected row hover text color. Auto-derived from row-selected-hover-background.\"},{\"name\":\"row-hover-background\",\"type\":\"Color\",\"description\":\"The hover row background color. Auto-derived from content-background.\"},{\"name\":\"row-hover-text-color\",\"type\":\"Color\",\"description\":\"The hover row text color. Auto-derived from row-hover-background.\"},{\"name\":\"row-border-color\",\"type\":\"Color\",\"description\":\"The row bottom border color. Auto-derived from content-background.\"},{\"name\":\"pinned-border-width\",\"type\":\"String\",\"description\":\"The border width of the pinned border.\"},{\"name\":\"pinned-border-style\",\"type\":\"String\",\"description\":\"The CSS border style of the pinned border.\"},{\"name\":\"pinned-border-color\",\"type\":\"Color\",\"description\":\"The color of the pinned border. Auto-derived from content-background.\"},{\"name\":\"cell-active-border-color\",\"type\":\"Color\",\"description\":\"The border color for the active cell. Auto-derived from content-background.\"},{\"name\":\"cell-selected-background\",\"type\":\"Color\",\"description\":\"The selected cell background color. Auto-derived from content-background.\"},{\"name\":\"cell-selected-text-color\",\"type\":\"Color\",\"description\":\"The selected cell text color. Auto-derived from cell-selected-background.\"},{\"name\":\"cell-editing-background\",\"type\":\"Color\",\"description\":\"The background of the cell being edited. Auto-derived from content-background.\"},{\"name\":\"cell-editing-foreground\",\"type\":\"Color\",\"description\":\"The cell text color in edit mode. Auto-derived from cell-editing-background.\"},{\"name\":\"cell-editing-focus-foreground\",\"type\":\"Color\",\"description\":\"The cell text color in edit mode on focus. Auto-derived from cell-editing-background.\"},{\"name\":\"cell-edited-value-color\",\"type\":\"Color\",\"description\":\"The text color of an edited cell.\"},{\"name\":\"cell-new-color\",\"type\":\"Color\",\"description\":\"The text color of a new cell.\"},{\"name\":\"cell-disabled-color\",\"type\":\"Color\",\"description\":\"The text color of a disabled cell.\"},{\"name\":\"cell-selected-within-background\",\"type\":\"Color\",\"description\":\"The background of selected cell in selected row. Auto-derived from row-selected-background.\"},{\"name\":\"cell-selected-within-text-color\",\"type\":\"Color\",\"description\":\"The color of selected cell in selected row. Auto-derived from cell-selected-within-background.\"},{\"name\":\"edit-mode-color\",\"type\":\"Color\",\"description\":\"The color around the row/cell in edit mode. Auto-derived from content-background.\"},{\"name\":\"edited-row-indicator\",\"type\":\"Color\",\"description\":\"The edited row indicator line color.\"},{\"name\":\"resize-line-color\",\"type\":\"Color\",\"description\":\"The table header resize line color.\"},{\"name\":\"drop-indicator-color\",\"type\":\"Color\",\"description\":\"The color of the column drag indicator line.\"},{\"name\":\"grouparea-background\",\"type\":\"Color\",\"description\":\"The grid group area background color - derives grouparea-color, drop-area-background. Auto-derived from header-background.\"},{\"name\":\"grouparea-color\",\"type\":\"Color\",\"description\":\"The grid group area color. Auto-derived from grouparea-background.\"},{\"name\":\"group-row-background\",\"type\":\"Color\",\"description\":\"The grid group row background color - derives expand-icon-color, group-row-selected-background, group-label-text, group-count-background. Auto-derived from header-background.\"},{\"name\":\"group-row-selected-background\",\"type\":\"Color\",\"description\":\"The group row selected background. Auto-derived from group-row-background.\"},{\"name\":\"group-label-column-name-text\",\"type\":\"Color\",\"description\":\"The grid group row column name text color.\"},{\"name\":\"group-label-icon\",\"type\":\"Color\",\"description\":\"The grid group row icon color.\"},{\"name\":\"group-label-text\",\"type\":\"Color\",\"description\":\"The grid group row text color. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"expand-all-icon-color\",\"type\":\"Color\",\"description\":\"The header expand all icon color. Auto-derived from header-background.\"},{\"name\":\"expand-all-icon-hover-color\",\"type\":\"Color\",\"description\":\"The header expand all icon hover color. Auto-derived from header-background.\"},{\"name\":\"expand-icon-color\",\"type\":\"Color\",\"description\":\"The grid row expand icon color. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"expand-icon-hover-color\",\"type\":\"Color\",\"description\":\"The grid row expand icon hover color. Auto-derived from expand-icon-color.\"},{\"name\":\"active-expand-icon-color\",\"type\":\"Color\",\"description\":\"The active expand icon color.\"},{\"name\":\"active-expand-icon-hover-color\",\"type\":\"Color\",\"description\":\"The active expand icon hover color.\"},{\"name\":\"group-count-background\",\"type\":\"Color\",\"description\":\"The group row count badge background. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"group-count-text-color\",\"type\":\"Color\",\"description\":\"The group row count badge text color. Auto-derived from group-count-background.\"},{\"name\":\"drop-area-text-color\",\"type\":\"Color\",\"description\":\"The drop area text color. Auto-derived from drop-area-background.\"},{\"name\":\"drop-area-icon-color\",\"type\":\"Color\",\"description\":\"The drop area icon color. Auto-derived from drop-area-background.\"},{\"name\":\"drop-area-background\",\"type\":\"Color\",\"description\":\"The drop area background color. Auto-derived from grouparea-background.\"},{\"name\":\"drop-area-on-drop-background\",\"type\":\"Color\",\"description\":\"The drop area background on drop. Auto-derived from drop-area-background.\"},{\"name\":\"filtering-header-background\",\"type\":\"Color\",\"description\":\"The filtered column header background. Auto-derived from header-background.\"},{\"name\":\"filtering-header-text-color\",\"type\":\"Color\",\"description\":\"The filtered column header text color. Auto-derived from filtering-header-background.\"},{\"name\":\"filtering-row-background\",\"type\":\"Color\",\"description\":\"The filtering row background. Auto-derived from header-background.\"},{\"name\":\"filtering-row-text-color\",\"type\":\"Color\",\"description\":\"The filtering row text color. Auto-derived from filtering-row-background.\"},{\"name\":\"filtering-dialog-background\",\"type\":\"Color\",\"description\":\"The background color of the advanced filtering dialog.\"},{\"name\":\"excel-filtering-header-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering header text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-subheader-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering subheader text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-actions-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-actions-hover-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions hover text color.\"},{\"name\":\"excel-filtering-actions-disabled-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions disabled text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-border-color\",\"type\":\"Color\",\"description\":\"The border color used in the excel style filter. Auto-derived from foreground and background.\"},{\"name\":\"tree-filtered-text-color\",\"type\":\"Color\",\"description\":\"Grouping row background color on focus.\"},{\"name\":\"summaries-patch-background\",\"type\":\"Color\",\"description\":\"The leading summaries patch background.\"},{\"name\":\"row-highlight\",\"type\":\"Color\",\"description\":\"The grid row highlight indication color.\"},{\"name\":\"grid-shadow\",\"type\":\"List\",\"description\":\"The shadow of the grid.\"},{\"name\":\"drag-shadow\",\"type\":\"List\",\"description\":\"The shadow for movable elements.\"},{\"name\":\"row-ghost-background\",\"type\":\"color\",\"description\":\"The dragged row background color.\"},{\"name\":\"row-drag-color\",\"type\":\"color\",\"description\":\"The row drag handle color.\"},{\"name\":\"grid-border-color\",\"type\":\"Color\",\"description\":\"The color of the grid border.\"},{\"name\":\"drop-area-border-radius\",\"type\":\"List\",\"description\":\"The border radius for column drop area.\"},{\"name\":\"active-state-border-style\",\"type\":\"List\",\"description\":\"The border style used for row active state and cell active state.\"},{\"name\":\"body-column-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column.\"},{\"name\":\"body-column-hover-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in hovered row.\"},{\"name\":\"body-column-hover-selected-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in hovered + selected row.\"},{\"name\":\"body-column-selected-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in selected row.\"}]}");
|
|
1111
|
+
var grid = /* @__PURE__ */ JSON.parse("{\"name\":\"grid\",\"themeFunctionName\":\"grid-theme\",\"description\":\"Grid Theme\",\"primaryTokens\":[{\"name\":\"background\",\"description\":\"Controls the overall background color of the grid, including header and content.\"},{\"name\":\"foreground\",\"description\":\"Controls the overall foreground color of the grid, including text and icons.\"},{\"name\":\"accent-color\",\"description\":\"Controls the accent color used for interactive elements in the grid.\"}],\"tokens\":[{\"name\":\"background\",\"type\":\"Color\",\"description\":\"The background color of the grid.\"},{\"name\":\"foreground\",\"type\":\"Color\",\"description\":\"The foreground color of the grid.\"},{\"name\":\"accent-color\",\"type\":\"Color\",\"description\":\"The accent color used for interactive elements in the grid.\"},{\"name\":\"header-background\",\"type\":\"Color\",\"description\":\"The table header background color - derives header-text-color, header-border-color, and many more.\"},{\"name\":\"header-text-color\",\"type\":\"Color\",\"description\":\"The table header text color. Auto-derived from header-background.\"},{\"name\":\"header-border-width\",\"type\":\"String\",\"description\":\"The border width used for header borders.\"},{\"name\":\"header-border-style\",\"type\":\"String\",\"description\":\"The border style used for header borders.\"},{\"name\":\"header-border-color\",\"type\":\"Color\",\"description\":\"The color used for header borders. Auto-derived from header-background.\"},{\"name\":\"header-selected-background\",\"type\":\"Color\",\"description\":\"The table header background color when selected. Auto-derived from header-background.\"},{\"name\":\"header-selected-text-color\",\"type\":\"Color\",\"description\":\"The table header text color when selected. Auto-derived from header-selected-background.\"},{\"name\":\"sorted-header-icon-color\",\"type\":\"Color\",\"description\":\"The sort icon color when sorted. Auto-derived from header-background.\"},{\"name\":\"sortable-header-icon-hover-color\",\"type\":\"color\",\"description\":\"The icon color on hover when sortable. Auto-derived from sorted-header-icon-color.\"},{\"name\":\"content-background\",\"type\":\"Color\",\"description\":\"The table body background color - derives content-text-color, row backgrounds, cell backgrounds, borders.\"},{\"name\":\"content-text-color\",\"type\":\"Color\",\"description\":\"The table body text color. Auto-derived from content-background.\"},{\"name\":\"ghost-header-text-color\",\"type\":\"Color\",\"description\":\"The dragged header text color. Auto-derived from ghost-header-background.\"},{\"name\":\"ghost-header-icon-color\",\"type\":\"Color\",\"description\":\"The dragged header icon color. Auto-derived from ghost-header-background.\"},{\"name\":\"ghost-header-background\",\"type\":\"Color\",\"description\":\"The dragged header background color - derives ghost-header-text-color, ghost-header-icon-color.\"},{\"name\":\"row-odd-background\",\"type\":\"Color\",\"description\":\"The background color of odd rows. Auto-derived from content-background.\"},{\"name\":\"row-even-background\",\"type\":\"Color\",\"description\":\"The background color of even rows. Auto-derived from content-background.\"},{\"name\":\"row-odd-text-color\",\"type\":\"Color\",\"description\":\"The text color of odd rows. Auto-derived from row-odd-background.\"},{\"name\":\"row-even-text-color\",\"type\":\"Color\",\"description\":\"The text color of even rows. Auto-derived from row-even-background.\"},{\"name\":\"row-selected-background\",\"type\":\"Color\",\"description\":\"The selected row background color. Auto-derived from content-background.\"},{\"name\":\"row-selected-hover-background\",\"type\":\"Color\",\"description\":\"The selected row hover background color. Auto-derived from row-selected-background.\"},{\"name\":\"row-selected-text-color\",\"type\":\"Color\",\"description\":\"The selected row text color. Auto-derived from row-selected-background.\"},{\"name\":\"row-selected-hover-text-color\",\"type\":\"Color\",\"description\":\"The selected row hover text color. Auto-derived from row-selected-hover-background.\"},{\"name\":\"row-hover-background\",\"type\":\"Color\",\"description\":\"The hover row background color. Auto-derived from content-background.\"},{\"name\":\"row-hover-text-color\",\"type\":\"Color\",\"description\":\"The hover row text color. Auto-derived from row-hover-background.\"},{\"name\":\"row-border-width\",\"type\":\"String\",\"description\":\"The row bottom border width.\"},{\"name\":\"row-border-style\",\"type\":\"String\",\"description\":\"The row bottom border style.\"},{\"name\":\"row-border-color\",\"type\":\"Color\",\"description\":\"The row bottom border color. Auto-derived from content-background.\"},{\"name\":\"pinned-border-width\",\"type\":\"String\",\"description\":\"The border width of the pinned border.\"},{\"name\":\"pinned-border-style\",\"type\":\"String\",\"description\":\"The CSS border style of the pinned border.\"},{\"name\":\"pinned-border-color\",\"type\":\"Color\",\"description\":\"The color of the pinned border. Auto-derived from content-background.\"},{\"name\":\"cell-active-border-width\",\"type\":\"String\",\"description\":\"The border width for the active cell.\"},{\"name\":\"cell-active-border-color\",\"type\":\"Color\",\"description\":\"The border color for the active cell. Auto-derived from content-background.\"},{\"name\":\"cell-selected-background\",\"type\":\"Color\",\"description\":\"The selected cell background color. Auto-derived from content-background.\"},{\"name\":\"cell-selected-text-color\",\"type\":\"Color\",\"description\":\"The selected cell text color. Auto-derived from cell-selected-background.\"},{\"name\":\"cell-editing-background\",\"type\":\"Color\",\"description\":\"The background of the cell being edited. Auto-derived from content-background.\"},{\"name\":\"cell-editing-foreground\",\"type\":\"Color\",\"description\":\"The cell text color in edit mode. Auto-derived from cell-editing-background.\"},{\"name\":\"cell-editing-focus-foreground\",\"type\":\"Color\",\"description\":\"The cell text color in edit mode on focus. Auto-derived from cell-editing-background.\"},{\"name\":\"cell-edited-value-color\",\"type\":\"Color\",\"description\":\"The text color of an edited cell.\"},{\"name\":\"cell-new-color\",\"type\":\"Color\",\"description\":\"The text color of a new cell.\"},{\"name\":\"cell-disabled-color\",\"type\":\"Color\",\"description\":\"The text color of a disabled cell.\"},{\"name\":\"cell-selected-within-background\",\"type\":\"Color\",\"description\":\"The background of selected cell in selected row. Auto-derived from row-selected-background.\"},{\"name\":\"cell-selected-within-text-color\",\"type\":\"Color\",\"description\":\"The color of selected cell in selected row. Auto-derived from cell-selected-within-background.\"},{\"name\":\"edit-mode-color\",\"type\":\"Color\",\"description\":\"The color around the row/cell in edit mode. Auto-derived from content-background.\"},{\"name\":\"edited-row-indicator\",\"type\":\"Color\",\"description\":\"The edited row indicator line color.\"},{\"name\":\"resize-line-color\",\"type\":\"Color\",\"description\":\"The table header resize line color.\"},{\"name\":\"drop-indicator-color\",\"type\":\"Color\",\"description\":\"The color of the column drag indicator line.\"},{\"name\":\"grouparea-background\",\"type\":\"Color\",\"description\":\"The grid group area background color - derives grouparea-color, drop-area-background. Auto-derived from header-background.\"},{\"name\":\"grouparea-color\",\"type\":\"Color\",\"description\":\"The grid group area color. Auto-derived from grouparea-background.\"},{\"name\":\"group-row-background\",\"type\":\"Color\",\"description\":\"The grid group row background color - derives expand-icon-color, group-row-selected-background, group-label-text, group-count-background. Auto-derived from header-background.\"},{\"name\":\"group-row-selected-background\",\"type\":\"Color\",\"description\":\"The group row selected background. Auto-derived from group-row-background.\"},{\"name\":\"group-label-column-name-text\",\"type\":\"Color\",\"description\":\"The grid group row column name text color.\"},{\"name\":\"group-label-icon\",\"type\":\"Color\",\"description\":\"The grid group row icon color.\"},{\"name\":\"group-label-text\",\"type\":\"Color\",\"description\":\"The grid group row text color. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"expand-all-icon-color\",\"type\":\"Color\",\"description\":\"The header expand all icon color. Auto-derived from header-background.\"},{\"name\":\"expand-all-icon-hover-color\",\"type\":\"Color\",\"description\":\"The header expand all icon hover color. Auto-derived from header-background.\"},{\"name\":\"expand-icon-color\",\"type\":\"Color\",\"description\":\"The grid row expand icon color. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"expand-icon-hover-color\",\"type\":\"Color\",\"description\":\"The grid row expand icon hover color. Auto-derived from expand-icon-color.\"},{\"name\":\"active-expand-icon-color\",\"type\":\"Color\",\"description\":\"The active expand icon color.\"},{\"name\":\"active-expand-icon-hover-color\",\"type\":\"Color\",\"description\":\"The active expand icon hover color.\"},{\"name\":\"group-count-background\",\"type\":\"Color\",\"description\":\"The group row count badge background. Auto-derived from group-row-background or group-row-selected-background.\"},{\"name\":\"group-count-text-color\",\"type\":\"Color\",\"description\":\"The group row count badge text color. Auto-derived from group-count-background.\"},{\"name\":\"drop-area-text-color\",\"type\":\"Color\",\"description\":\"The drop area text color. Auto-derived from drop-area-background.\"},{\"name\":\"drop-area-icon-color\",\"type\":\"Color\",\"description\":\"The drop area icon color. Auto-derived from drop-area-background.\"},{\"name\":\"drop-area-background\",\"type\":\"Color\",\"description\":\"The drop area background color. Auto-derived from grouparea-background.\"},{\"name\":\"drop-area-on-drop-background\",\"type\":\"Color\",\"description\":\"The drop area background on drop. Auto-derived from drop-area-background.\"},{\"name\":\"filtering-header-background\",\"type\":\"Color\",\"description\":\"The filtered column header background. Auto-derived from header-background.\"},{\"name\":\"filtering-header-text-color\",\"type\":\"Color\",\"description\":\"The filtered column header text color. Auto-derived from filtering-header-background.\"},{\"name\":\"filtering-row-background\",\"type\":\"Color\",\"description\":\"The filtering row background. Auto-derived from header-background.\"},{\"name\":\"filtering-row-text-color\",\"type\":\"Color\",\"description\":\"The filtering row text color. Auto-derived from filtering-row-background.\"},{\"name\":\"filtering-dialog-background\",\"type\":\"Color\",\"description\":\"The background color of the advanced filtering dialog.\"},{\"name\":\"excel-filtering-header-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering header text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-subheader-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering subheader text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-actions-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-actions-hover-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions hover text color.\"},{\"name\":\"excel-filtering-actions-disabled-foreground\",\"type\":\"Color\",\"description\":\"The excel filtering actions disabled text color. Auto-derived from filtering-row-background.\"},{\"name\":\"excel-filtering-border-color\",\"type\":\"Color\",\"description\":\"The border color used in the excel style filter. Auto-derived from foreground and background.\"},{\"name\":\"tree-filtered-text-color\",\"type\":\"Color\",\"description\":\"Grouping row background color on focus.\"},{\"name\":\"summaries-border-color\",\"type\":\"Color\",\"description\":\"The border color of the summaries row.\"},{\"name\":\"summaries-patch-background\",\"type\":\"Color\",\"description\":\"The leading summaries patch background.\"},{\"name\":\"row-highlight\",\"type\":\"Color\",\"description\":\"The grid row highlight indication color.\"},{\"name\":\"grid-shadow\",\"type\":\"List\",\"description\":\"The shadow of the grid.\"},{\"name\":\"drag-shadow\",\"type\":\"List\",\"description\":\"The shadow for movable elements.\"},{\"name\":\"row-ghost-background\",\"type\":\"color\",\"description\":\"The dragged row background color.\"},{\"name\":\"row-drag-color\",\"type\":\"color\",\"description\":\"The row drag handle color.\"},{\"name\":\"grid-border-color\",\"type\":\"Color\",\"description\":\"The color of the grid border.\"},{\"name\":\"drop-area-border-radius\",\"type\":\"List\",\"description\":\"The border radius for column drop area.\"},{\"name\":\"active-state-border-style\",\"type\":\"List\",\"description\":\"The border style used for row active state and cell active state.\"},{\"name\":\"body-column-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column.\"},{\"name\":\"body-column-hover-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in hovered row.\"},{\"name\":\"body-column-hover-selected-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in hovered + selected row.\"},{\"name\":\"body-column-selected-border-color\",\"type\":\"Color\",\"description\":\"The border color used for the body column when in selected row.\"}]}");
|
|
1112
1112
|
var highlight = {
|
|
1113
1113
|
"name": "highlight",
|
|
1114
1114
|
"themeFunctionName": "highlight-theme",
|
|
@@ -4223,6 +4223,16 @@ var themes_default = {
|
|
|
4223
4223
|
"type": "Color",
|
|
4224
4224
|
"description": "The summaries value/result color. Auto-derived from background-color."
|
|
4225
4225
|
},
|
|
4226
|
+
{
|
|
4227
|
+
"name": "border-width",
|
|
4228
|
+
"type": "String",
|
|
4229
|
+
"description": "The summaries border width."
|
|
4230
|
+
},
|
|
4231
|
+
{
|
|
4232
|
+
"name": "border-style",
|
|
4233
|
+
"type": "String",
|
|
4234
|
+
"description": "The summaries border style."
|
|
4235
|
+
},
|
|
4226
4236
|
{
|
|
4227
4237
|
"name": "border-color",
|
|
4228
4238
|
"type": "Color",
|
|
@@ -4230,12 +4240,12 @@ var themes_default = {
|
|
|
4230
4240
|
},
|
|
4231
4241
|
{
|
|
4232
4242
|
"name": "pinned-border-width",
|
|
4233
|
-
"type": "
|
|
4243
|
+
"type": "String",
|
|
4234
4244
|
"description": "The border width of the summary panel."
|
|
4235
4245
|
},
|
|
4236
4246
|
{
|
|
4237
4247
|
"name": "pinned-border-style",
|
|
4238
|
-
"type": "
|
|
4248
|
+
"type": "String",
|
|
4239
4249
|
"description": "The border style of the summary panel."
|
|
4240
4250
|
},
|
|
4241
4251
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y)}:root{--ig-primary-50: #c5cdff;--ig-primary-50-contrast: black;--ig-primary-100: #a3aff6;--ig-primary-100-contrast: black;--ig-primary-200: #8293f8;--ig-primary-200-contrast: black;--ig-primary-300: #7385f4;--ig-primary-300-contrast: black;--ig-primary-400: #5468d9;--ig-primary-400-contrast: black;--ig-primary-500: #3f51b5;--ig-primary-500-contrast: white;--ig-primary-600: #39479c;--ig-primary-600-contrast: white;--ig-primary-700: #333d83;--ig-primary-700-contrast: white;--ig-primary-800: #2e3172;--ig-primary-800-contrast: white;--ig-primary-900: #262851;--ig-primary-900-contrast: white;--ig-primary-A100: #39479c;--ig-primary-A100-contrast: white;--ig-primary-A200: #333d83;--ig-primary-A200-contrast: white;--ig-primary-A400: #2e3172;--ig-primary-A400-contrast: white;--ig-primary-A700: #262851;--ig-primary-A700-contrast: white;--ig-primary-seed: #3f51b5;--ig-primary-seed-contrast: white;--ig-secondary-50: #c5cdff;--ig-secondary-50-contrast: black;--ig-secondary-100: #a3aff6;--ig-secondary-100-contrast: black;--ig-secondary-200: #8293f8;--ig-secondary-200-contrast: black;--ig-secondary-300: #7385f4;--ig-secondary-300-contrast: black;--ig-secondary-400: #5468d9;--ig-secondary-400-contrast: black;--ig-secondary-500: #3f51b5;--ig-secondary-500-contrast: white;--ig-secondary-600: #39479c;--ig-secondary-600-contrast: white;--ig-secondary-700: #333d83;--ig-secondary-700-contrast: white;--ig-secondary-800: #2e3172;--ig-secondary-800-contrast: white;--ig-secondary-900: #262851;--ig-secondary-900-contrast: white;--ig-secondary-A100: #39479c;--ig-secondary-A100-contrast: white;--ig-secondary-A200: #333d83;--ig-secondary-A200-contrast: white;--ig-secondary-A400: #2e3172;--ig-secondary-A400-contrast: white;--ig-secondary-A700: #262851;--ig-secondary-A700-contrast: white;--ig-secondary-seed: #3f51b5;--ig-secondary-seed-contrast: white;--ig-gray-50: #24252c;--ig-gray-50-contrast: white;--ig-gray-100: #3b3d47;--ig-gray-100-contrast: white;--ig-gray-200: #545762;--ig-gray-200-contrast: white;--ig-gray-300: #6c707a;--ig-gray-300-contrast: white;--ig-gray-400: #9a9da2;--ig-gray-400-contrast: black;--ig-gray-500: #c3c4c7;--ig-gray-500-contrast: black;--ig-gray-600: #d6d8dc;--ig-gray-600-contrast: black;--ig-gray-700: #ebedf2;--ig-gray-700-contrast: black;--ig-gray-800: #f8f8fa;--ig-gray-800-contrast: black;--ig-gray-900: #fcfcfd;--ig-gray-900-contrast: black;--ig-gray-seed: #c3c4c7;--ig-gray-seed-contrast: black;--ig-info-50: #f1c3ff;--ig-info-50-contrast: black;--ig-info-100: #e89eff;--ig-info-100-contrast: black;--ig-info-200: #dd71ff;--ig-info-200-contrast: black;--ig-info-300: #da64ff;--ig-info-300-contrast: black;--ig-info-400: #bc34d3;--ig-info-400-contrast: white;--ig-info-500: #9c27b0;--ig-info-500-contrast: white;--ig-info-600: #8c16a0;--ig-info-600-contrast: white;--ig-info-700: #7f1192;--ig-info-700-contrast: white;--ig-info-800: #6f0a80;--ig-info-800-contrast: white;--ig-info-900: #5c056b;--ig-info-900-contrast: white;--ig-info-A100: #8c16a0;--ig-info-A100-contrast: white;--ig-info-A200: #7f1192;--ig-info-A200-contrast: white;--ig-info-A400: #6f0a80;--ig-info-A400-contrast: white;--ig-info-A700: #5c056b;--ig-info-A700-contrast: white;--ig-info-seed: #9c27b0;--ig-info-seed-contrast: white;--ig-success-50: #edf3e7;--ig-success-50-contrast: black;--ig-success-100: #d2e2c3;--ig-success-100-contrast: black;--ig-success-200: #b4cf9c;--ig-success-200-contrast: black;--ig-success-300: #95bc74;--ig-success-300-contrast: black;--ig-success-400: #7fad56;--ig-success-400-contrast: black;--ig-success-500: #689f38;--ig-success-500-contrast: black;--ig-success-600: #5a912a;--ig-success-600-contrast: black;--ig-success-700: #4e8222;--ig-success-700-contrast: white;--ig-success-800: #3d7012;--ig-success-800-contrast: white;--ig-success-900: #316109;--ig-success-900-contrast: white;--ig-success-A100: #5a912a;--ig-success-A100-contrast: black;--ig-success-A200: #4e8222;--ig-success-A200-contrast: white;--ig-success-A400: #3d7012;--ig-success-A400-contrast: white;--ig-success-A700: #316109;--ig-success-A700-contrast: white;--ig-success-seed: #689f38;--ig-success-seed-contrast: black;--ig-warn-50: #fed7b7;--ig-warn-50-contrast: black;--ig-warn-100: #ffc696;--ig-warn-100-contrast: black;--ig-warn-200: #ffad67;--ig-warn-200-contrast: black;--ig-warn-300: #fb8f32;--ig-warn-300-contrast: black;--ig-warn-400: #fa7b0e;--ig-warn-400-contrast: black;--ig-warn-500: #f56b1d;--ig-warn-500-contrast: black;--ig-warn-600: #f05a2b;--ig-warn-600-contrast: black;--ig-warn-700: #ec4820;--ig-warn-700-contrast: black;--ig-warn-800: #df370e;--ig-warn-800-contrast: black;--ig-warn-900: #d22900;--ig-warn-900-contrast: white;--ig-warn-A100: #f05a2b;--ig-warn-A100-contrast: black;--ig-warn-A200: #ec4820;--ig-warn-A200-contrast: black;--ig-warn-A400: #df370e;--ig-warn-A400-contrast: black;--ig-warn-A700: #d22900;--ig-warn-A700-contrast: white;--ig-warn-seed: #f56b1d;--ig-warn-seed-contrast: black;--ig-error-50: #ffebf0;--ig-error-50-contrast: black;--ig-error-100: #ffb0b7;--ig-error-100-contrast: black;--ig-error-200: #fc7f8a;--ig-error-200-contrast: black;--ig-error-300: #ec5461;--ig-error-300-contrast: black;--ig-error-400: #dd3544;--ig-error-400-contrast: black;--ig-error-500: #cf1a2b;--ig-error-500-contrast: white;--ig-error-600: #c31223;--ig-error-600-contrast: white;--ig-error-700: #b90415;--ig-error-700-contrast: white;--ig-error-800: #ae0111;--ig-error-800-contrast: white;--ig-error-900: #9f000f;--ig-error-900-contrast: white;--ig-error-A100: #c31223;--ig-error-A100-contrast: white;--ig-error-A200: #b90415;--ig-error-A200-contrast: white;--ig-error-A400: #ae0111;--ig-error-A400-contrast: white;--ig-error-A700: #9f000f;--ig-error-A700-contrast: white;--ig-error-seed: #cf1a2b;--ig-error-seed-contrast: white;--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.78));--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s * 0.8) calc(l * 1.66));--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s * 0.64) calc(l * 1.43));--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s * 0.73) calc(l * 1.19));--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s * 0.875) calc(l * 1.08));--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #1e1f24;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.89));--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.81));--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.73));--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #1e1f24;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.34));--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s * 1.22) calc(l * 1.16));--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.91));--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.65));--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-font-family: Nunito Sans, sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.6875rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.9375rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: none;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-detail-1-font-size: 0.75rem;--ig-detail-1-font-weight: 400;--ig-detail-1-font-style: normal;--ig-detail-1-line-height: 1rem;--ig-detail-1-letter-spacing: 0;--ig-detail-1-text-transform: none;--ig-detail-1-margin-top: 0;--ig-detail-1-margin-bottom: 0;--ig-detail-2-font-size: 0.75rem;--ig-detail-2-font-weight: 600;--ig-detail-2-font-style: normal;--ig-detail-2-line-height: 1rem;--ig-detail-2-letter-spacing: 0;--ig-detail-2-text-transform: none;--ig-detail-2-margin-top: 0;--ig-detail-2-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.4);--ig-elevation-12: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}
|
|
1
|
+
:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y)}:root{--ig-primary-50: #d9deff;--ig-primary-50-contrast: black;--ig-primary-100: #a3aff6;--ig-primary-100-contrast: black;--ig-primary-200: #8293f8;--ig-primary-200-contrast: black;--ig-primary-300: #7385f4;--ig-primary-300-contrast: black;--ig-primary-400: #5468d9;--ig-primary-400-contrast: black;--ig-primary-500: #3f51b5;--ig-primary-500-contrast: white;--ig-primary-600: #39479c;--ig-primary-600-contrast: white;--ig-primary-700: #333d83;--ig-primary-700-contrast: white;--ig-primary-800: #2e3172;--ig-primary-800-contrast: white;--ig-primary-900: #262851;--ig-primary-900-contrast: white;--ig-primary-A100: #39479c;--ig-primary-A100-contrast: white;--ig-primary-A200: #333d83;--ig-primary-A200-contrast: white;--ig-primary-A400: #2e3172;--ig-primary-A400-contrast: white;--ig-primary-A700: #262851;--ig-primary-A700-contrast: white;--ig-primary-seed: #3f51b5;--ig-primary-seed-contrast: white;--ig-secondary-50: #d9deff;--ig-secondary-50-contrast: black;--ig-secondary-100: #a3aff6;--ig-secondary-100-contrast: black;--ig-secondary-200: #8293f8;--ig-secondary-200-contrast: black;--ig-secondary-300: #7385f4;--ig-secondary-300-contrast: black;--ig-secondary-400: #5468d9;--ig-secondary-400-contrast: black;--ig-secondary-500: #3f51b5;--ig-secondary-500-contrast: white;--ig-secondary-600: #39479c;--ig-secondary-600-contrast: white;--ig-secondary-700: #333d83;--ig-secondary-700-contrast: white;--ig-secondary-800: #2e3172;--ig-secondary-800-contrast: white;--ig-secondary-900: #262851;--ig-secondary-900-contrast: white;--ig-secondary-A100: #39479c;--ig-secondary-A100-contrast: white;--ig-secondary-A200: #333d83;--ig-secondary-A200-contrast: white;--ig-secondary-A400: #2e3172;--ig-secondary-A400-contrast: white;--ig-secondary-A700: #262851;--ig-secondary-A700-contrast: white;--ig-secondary-seed: #3f51b5;--ig-secondary-seed-contrast: white;--ig-gray-50: #24252c;--ig-gray-50-contrast: white;--ig-gray-100: #3b3d47;--ig-gray-100-contrast: white;--ig-gray-200: #545762;--ig-gray-200-contrast: white;--ig-gray-300: #6c707a;--ig-gray-300-contrast: white;--ig-gray-400: #8e9096;--ig-gray-400-contrast: black;--ig-gray-500: #b0b2b7;--ig-gray-500-contrast: black;--ig-gray-600: #cbcdd2;--ig-gray-600-contrast: black;--ig-gray-700: #ebedf2;--ig-gray-700-contrast: black;--ig-gray-800: #f8f8fa;--ig-gray-800-contrast: black;--ig-gray-900: #fcfcfd;--ig-gray-900-contrast: black;--ig-gray-seed: #c3c4c7;--ig-gray-seed-contrast: black;--ig-info-50: #f8e2ff;--ig-info-50-contrast: black;--ig-info-100: #f1c4ff;--ig-info-100-contrast: black;--ig-info-200: #e89eff;--ig-info-200-contrast: black;--ig-info-300: #da64ff;--ig-info-300-contrast: black;--ig-info-400: #bc34d3;--ig-info-400-contrast: white;--ig-info-500: #9c27b0;--ig-info-500-contrast: white;--ig-info-600: #8c16a0;--ig-info-600-contrast: white;--ig-info-700: #7f1192;--ig-info-700-contrast: white;--ig-info-800: #6f0a80;--ig-info-800-contrast: white;--ig-info-900: #5c056b;--ig-info-900-contrast: white;--ig-info-A100: #8c16a0;--ig-info-A100-contrast: white;--ig-info-A200: #7f1192;--ig-info-A200-contrast: white;--ig-info-A400: #6f0a80;--ig-info-A400-contrast: white;--ig-info-A700: #5c056b;--ig-info-A700-contrast: white;--ig-info-seed: #9c27b0;--ig-info-seed-contrast: white;--ig-success-50: #edf3e7;--ig-success-50-contrast: black;--ig-success-100: #d2e2c3;--ig-success-100-contrast: black;--ig-success-200: #b4cf9c;--ig-success-200-contrast: black;--ig-success-300: #95bc74;--ig-success-300-contrast: black;--ig-success-400: #7fad56;--ig-success-400-contrast: black;--ig-success-500: #689f38;--ig-success-500-contrast: black;--ig-success-600: #5a912a;--ig-success-600-contrast: black;--ig-success-700: #4e8222;--ig-success-700-contrast: white;--ig-success-800: #3d7012;--ig-success-800-contrast: white;--ig-success-900: #316109;--ig-success-900-contrast: white;--ig-success-A100: #5a912a;--ig-success-A100-contrast: black;--ig-success-A200: #4e8222;--ig-success-A200-contrast: white;--ig-success-A400: #3d7012;--ig-success-A400-contrast: white;--ig-success-A700: #316109;--ig-success-A700-contrast: white;--ig-success-seed: #689f38;--ig-success-seed-contrast: black;--ig-warn-50: #fed7b7;--ig-warn-50-contrast: black;--ig-warn-100: #ffc696;--ig-warn-100-contrast: black;--ig-warn-200: #ffad67;--ig-warn-200-contrast: black;--ig-warn-300: #fb8f32;--ig-warn-300-contrast: black;--ig-warn-400: #fa7b0e;--ig-warn-400-contrast: black;--ig-warn-500: #f56b1d;--ig-warn-500-contrast: black;--ig-warn-600: #f05a2b;--ig-warn-600-contrast: black;--ig-warn-700: #ec4820;--ig-warn-700-contrast: black;--ig-warn-800: #df370e;--ig-warn-800-contrast: black;--ig-warn-900: #d22900;--ig-warn-900-contrast: white;--ig-warn-A100: #f05a2b;--ig-warn-A100-contrast: black;--ig-warn-A200: #ec4820;--ig-warn-A200-contrast: black;--ig-warn-A400: #df370e;--ig-warn-A400-contrast: black;--ig-warn-A700: #d22900;--ig-warn-A700-contrast: white;--ig-warn-seed: #f56b1d;--ig-warn-seed-contrast: black;--ig-error-50: #ffebef;--ig-error-50-contrast: black;--ig-error-100: #ffb0b7;--ig-error-100-contrast: black;--ig-error-200: #fc7f8a;--ig-error-200-contrast: black;--ig-error-300: #ec5461;--ig-error-300-contrast: black;--ig-error-400: #dd3544;--ig-error-400-contrast: black;--ig-error-500: #cf1a2b;--ig-error-500-contrast: white;--ig-error-600: #c31223;--ig-error-600-contrast: white;--ig-error-700: #b90415;--ig-error-700-contrast: white;--ig-error-800: #ae0111;--ig-error-800-contrast: white;--ig-error-900: #9f000f;--ig-error-900-contrast: white;--ig-error-A100: #c31223;--ig-error-A100-contrast: white;--ig-error-A200: #b90415;--ig-error-A200-contrast: white;--ig-error-A400: #ae0111;--ig-error-A400-contrast: white;--ig-error-A700: #9f000f;--ig-error-A700-contrast: white;--ig-error-seed: #cf1a2b;--ig-error-seed-contrast: white;--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.78));--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s * 0.8) calc(l * 1.66));--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s * 0.64) calc(l * 1.43));--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s * 0.73) calc(l * 1.19));--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s * 0.875) calc(l * 1.08));--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #1e1f24;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.89));--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.81));--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.73));--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #1e1f24;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.34));--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s * 1.22) calc(l * 1.16));--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.91));--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.65));--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-font-family: Nunito Sans, sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.6875rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.9375rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: none;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-detail-1-font-size: 0.75rem;--ig-detail-1-font-weight: 400;--ig-detail-1-font-style: normal;--ig-detail-1-line-height: 1rem;--ig-detail-1-letter-spacing: 0;--ig-detail-1-text-transform: none;--ig-detail-1-margin-top: 0;--ig-detail-1-margin-bottom: 0;--ig-detail-2-font-size: 0.75rem;--ig-detail-2-font-weight: 600;--ig-detail-2-font-style: normal;--ig-detail-2-line-height: 1rem;--ig-detail-2-letter-spacing: 0;--ig-detail-2-text-transform: none;--ig-detail-2-margin-top: 0;--ig-detail-2-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.4);--ig-elevation-12: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y)}:root{--ig-primary-50: #c5cdff;--ig-primary-50-contrast: black;--ig-primary-100: #a3aff6;--ig-primary-100-contrast: black;--ig-primary-200: #8293f8;--ig-primary-200-contrast: black;--ig-primary-300: #7385f4;--ig-primary-300-contrast: black;--ig-primary-400: #5468d9;--ig-primary-400-contrast: black;--ig-primary-500: #3f51b5;--ig-primary-500-contrast: white;--ig-primary-600: #39479c;--ig-primary-600-contrast: white;--ig-primary-700: #333d83;--ig-primary-700-contrast: white;--ig-primary-800: #2e3172;--ig-primary-800-contrast: white;--ig-primary-900: #262851;--ig-primary-900-contrast: white;--ig-primary-A100: #39479c;--ig-primary-A100-contrast: white;--ig-primary-A200: #333d83;--ig-primary-A200-contrast: white;--ig-primary-A400: #2e3172;--ig-primary-A400-contrast: white;--ig-primary-A700: #262851;--ig-primary-A700-contrast: white;--ig-primary-seed: #3f51b5;--ig-primary-seed-contrast: white;--ig-secondary-50: #c5cdff;--ig-secondary-50-contrast: black;--ig-secondary-100: #a3aff6;--ig-secondary-100-contrast: black;--ig-secondary-200: #8293f8;--ig-secondary-200-contrast: black;--ig-secondary-300: #7385f4;--ig-secondary-300-contrast: black;--ig-secondary-400: #5468d9;--ig-secondary-400-contrast: black;--ig-secondary-500: #3f51b5;--ig-secondary-500-contrast: white;--ig-secondary-600: #39479c;--ig-secondary-600-contrast: white;--ig-secondary-700: #333d83;--ig-secondary-700-contrast: white;--ig-secondary-800: #2e3172;--ig-secondary-800-contrast: white;--ig-secondary-900: #262851;--ig-secondary-900-contrast: white;--ig-secondary-A100: #39479c;--ig-secondary-A100-contrast: white;--ig-secondary-A200: #333d83;--ig-secondary-A200-contrast: white;--ig-secondary-A400: #2e3172;--ig-secondary-A400-contrast: white;--ig-secondary-A700: #262851;--ig-secondary-A700-contrast: white;--ig-secondary-seed: #3f51b5;--ig-secondary-seed-contrast: white;--ig-gray-50: #fcfcfd;--ig-gray-50-contrast: black;--ig-gray-100: #f8f8fa;--ig-gray-100-contrast: black;--ig-gray-200: #ebedf2;--ig-gray-200-contrast: black;--ig-gray-300: #d6d8dc;--ig-gray-300-contrast: black;--ig-gray-400: #c3c4c7;--ig-gray-400-contrast: black;--ig-gray-500: #9a9da2;--ig-gray-500-contrast: black;--ig-gray-600: #6c707a;--ig-gray-600-contrast: white;--ig-gray-700: #545762;--ig-gray-700-contrast: white;--ig-gray-800: #3b3d47;--ig-gray-800-contrast: white;--ig-gray-900: #24252c;--ig-gray-900-contrast: white;--ig-gray-seed: #9a9da2;--ig-gray-seed-contrast: black;--ig-info-50: #f1c3ff;--ig-info-50-contrast: black;--ig-info-100: #e89eff;--ig-info-100-contrast: black;--ig-info-200: #dd71ff;--ig-info-200-contrast: black;--ig-info-300: #da64ff;--ig-info-300-contrast: black;--ig-info-400: #bc34d3;--ig-info-400-contrast: white;--ig-info-500: #9c27b0;--ig-info-500-contrast: white;--ig-info-600: #8c16a0;--ig-info-600-contrast: white;--ig-info-700: #7f1192;--ig-info-700-contrast: white;--ig-info-800: #6f0a80;--ig-info-800-contrast: white;--ig-info-900: #5c056b;--ig-info-900-contrast: white;--ig-info-A100: #8c16a0;--ig-info-A100-contrast: white;--ig-info-A200: #7f1192;--ig-info-A200-contrast: white;--ig-info-A400: #6f0a80;--ig-info-A400-contrast: white;--ig-info-A700: #5c056b;--ig-info-A700-contrast: white;--ig-info-seed: #9c27b0;--ig-info-seed-contrast: white;--ig-success-50: #edf3e7;--ig-success-50-contrast: black;--ig-success-100: #d2e2c3;--ig-success-100-contrast: black;--ig-success-200: #b4cf9c;--ig-success-200-contrast: black;--ig-success-300: #95bc74;--ig-success-300-contrast: black;--ig-success-400: #7fad56;--ig-success-400-contrast: black;--ig-success-500: #689f38;--ig-success-500-contrast: black;--ig-success-600: #5a912a;--ig-success-600-contrast: black;--ig-success-700: #4e8222;--ig-success-700-contrast: white;--ig-success-800: #3d7012;--ig-success-800-contrast: white;--ig-success-900: #316109;--ig-success-900-contrast: white;--ig-success-A100: #5a912a;--ig-success-A100-contrast: black;--ig-success-A200: #4e8222;--ig-success-A200-contrast: white;--ig-success-A400: #3d7012;--ig-success-A400-contrast: white;--ig-success-A700: #316109;--ig-success-A700-contrast: white;--ig-success-seed: #689f38;--ig-success-seed-contrast: black;--ig-warn-50: #fed7b7;--ig-warn-50-contrast: black;--ig-warn-100: #ffc696;--ig-warn-100-contrast: black;--ig-warn-200: #ffad67;--ig-warn-200-contrast: black;--ig-warn-300: #fb8f32;--ig-warn-300-contrast: black;--ig-warn-400: #fa7b0e;--ig-warn-400-contrast: black;--ig-warn-500: #f56b1d;--ig-warn-500-contrast: black;--ig-warn-600: #f05a2b;--ig-warn-600-contrast: black;--ig-warn-700: #ec4820;--ig-warn-700-contrast: black;--ig-warn-800: #df370e;--ig-warn-800-contrast: black;--ig-warn-900: #d22900;--ig-warn-900-contrast: white;--ig-warn-A100: #f05a2b;--ig-warn-A100-contrast: black;--ig-warn-A200: #ec4820;--ig-warn-A200-contrast: black;--ig-warn-A400: #df370e;--ig-warn-A400-contrast: black;--ig-warn-A700: #d22900;--ig-warn-A700-contrast: white;--ig-warn-seed: #f56b1d;--ig-warn-seed-contrast: black;--ig-error-50: #ffebf0;--ig-error-50-contrast: black;--ig-error-100: #ffb0b7;--ig-error-100-contrast: black;--ig-error-200: #fc7f8a;--ig-error-200-contrast: black;--ig-error-300: #ec5461;--ig-error-300-contrast: black;--ig-error-400: #dd3544;--ig-error-400-contrast: black;--ig-error-500: #cf1a2b;--ig-error-500-contrast: white;--ig-error-600: #c31223;--ig-error-600-contrast: white;--ig-error-700: #b90415;--ig-error-700-contrast: white;--ig-error-800: #ae0111;--ig-error-800-contrast: white;--ig-error-900: #9f000f;--ig-error-900-contrast: white;--ig-error-A100: #c31223;--ig-error-A100-contrast: white;--ig-error-A200: #b90415;--ig-error-A200-contrast: white;--ig-error-A400: #ae0111;--ig-error-A400-contrast: white;--ig-error-A700: #9f000f;--ig-error-A700-contrast: white;--ig-error-seed: #cf1a2b;--ig-error-seed-contrast: white;--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.78));--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s * 0.8) calc(l * 1.66));--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s * 0.64) calc(l * 1.43));--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s * 0.73) calc(l * 1.19));--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s * 0.875) calc(l * 1.08));--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #f8f8fa;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.89));--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.81));--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.73));--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #f8f8fa;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.34));--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s * 1.22) calc(l * 1.16));--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.91));--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.65));--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-font-family: Nunito Sans, sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.6875rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.9375rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: none;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-detail-1-font-size: 0.75rem;--ig-detail-1-font-weight: 400;--ig-detail-1-font-style: normal;--ig-detail-1-line-height: 1rem;--ig-detail-1-letter-spacing: 0;--ig-detail-1-text-transform: none;--ig-detail-1-margin-top: 0;--ig-detail-1-margin-bottom: 0;--ig-detail-2-font-size: 0.75rem;--ig-detail-2-font-weight: 600;--ig-detail-2-font-style: normal;--ig-detail-2-line-height: 1rem;--ig-detail-2-letter-spacing: 0;--ig-detail-2-text-transform: none;--ig-detail-2-margin-top: 0;--ig-detail-2-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.4);--ig-elevation-12: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}
|
|
1
|
+
:root{--ig-wcag-a: 0.31;--ig-wcag-aa: 0.185;--ig-wcag-aaa: 0.178;--ig-contrast-level: var(--ig-wcag-aa);--y: clamp(0, (y / var(--ig-contrast-level) - 1) * -infinity, 1);--y-contrast: xyz-d65 var(--y) var(--y) var(--y)}:root{--ig-primary-50: #d9deff;--ig-primary-50-contrast: black;--ig-primary-100: #a3aff6;--ig-primary-100-contrast: black;--ig-primary-200: #8293f8;--ig-primary-200-contrast: black;--ig-primary-300: #7385f4;--ig-primary-300-contrast: black;--ig-primary-400: #5468d9;--ig-primary-400-contrast: black;--ig-primary-500: #3f51b5;--ig-primary-500-contrast: white;--ig-primary-600: #39479c;--ig-primary-600-contrast: white;--ig-primary-700: #333d83;--ig-primary-700-contrast: white;--ig-primary-800: #2e3172;--ig-primary-800-contrast: white;--ig-primary-900: #262851;--ig-primary-900-contrast: white;--ig-primary-A100: #39479c;--ig-primary-A100-contrast: white;--ig-primary-A200: #333d83;--ig-primary-A200-contrast: white;--ig-primary-A400: #2e3172;--ig-primary-A400-contrast: white;--ig-primary-A700: #262851;--ig-primary-A700-contrast: white;--ig-primary-seed: #3f51b5;--ig-primary-seed-contrast: white;--ig-secondary-50: #d9deff;--ig-secondary-50-contrast: black;--ig-secondary-100: #a3aff6;--ig-secondary-100-contrast: black;--ig-secondary-200: #8293f8;--ig-secondary-200-contrast: black;--ig-secondary-300: #7385f4;--ig-secondary-300-contrast: black;--ig-secondary-400: #5468d9;--ig-secondary-400-contrast: black;--ig-secondary-500: #3f51b5;--ig-secondary-500-contrast: white;--ig-secondary-600: #39479c;--ig-secondary-600-contrast: white;--ig-secondary-700: #333d83;--ig-secondary-700-contrast: white;--ig-secondary-800: #2e3172;--ig-secondary-800-contrast: white;--ig-secondary-900: #262851;--ig-secondary-900-contrast: white;--ig-secondary-A100: #39479c;--ig-secondary-A100-contrast: white;--ig-secondary-A200: #333d83;--ig-secondary-A200-contrast: white;--ig-secondary-A400: #2e3172;--ig-secondary-A400-contrast: white;--ig-secondary-A700: #262851;--ig-secondary-A700-contrast: white;--ig-secondary-seed: #3f51b5;--ig-secondary-seed-contrast: white;--ig-gray-50: #fcfcfd;--ig-gray-50-contrast: black;--ig-gray-100: #f8f8fa;--ig-gray-100-contrast: black;--ig-gray-200: #ebedf2;--ig-gray-200-contrast: black;--ig-gray-300: #cbcdd2;--ig-gray-300-contrast: black;--ig-gray-400: #b0b2b7;--ig-gray-400-contrast: black;--ig-gray-500: #8e9096;--ig-gray-500-contrast: black;--ig-gray-600: #6c707a;--ig-gray-600-contrast: white;--ig-gray-700: #545762;--ig-gray-700-contrast: white;--ig-gray-800: #3b3d47;--ig-gray-800-contrast: white;--ig-gray-900: #24252c;--ig-gray-900-contrast: white;--ig-gray-seed: #9a9da2;--ig-gray-seed-contrast: black;--ig-info-50: #f8e2ff;--ig-info-50-contrast: black;--ig-info-100: #f1c4ff;--ig-info-100-contrast: black;--ig-info-200: #e89eff;--ig-info-200-contrast: black;--ig-info-300: #da64ff;--ig-info-300-contrast: black;--ig-info-400: #bc34d3;--ig-info-400-contrast: white;--ig-info-500: #9c27b0;--ig-info-500-contrast: white;--ig-info-600: #8c16a0;--ig-info-600-contrast: white;--ig-info-700: #7f1192;--ig-info-700-contrast: white;--ig-info-800: #6f0a80;--ig-info-800-contrast: white;--ig-info-900: #5c056b;--ig-info-900-contrast: white;--ig-info-A100: #8c16a0;--ig-info-A100-contrast: white;--ig-info-A200: #7f1192;--ig-info-A200-contrast: white;--ig-info-A400: #6f0a80;--ig-info-A400-contrast: white;--ig-info-A700: #5c056b;--ig-info-A700-contrast: white;--ig-info-seed: #9c27b0;--ig-info-seed-contrast: white;--ig-success-50: #edf3e7;--ig-success-50-contrast: black;--ig-success-100: #d2e2c3;--ig-success-100-contrast: black;--ig-success-200: #b4cf9c;--ig-success-200-contrast: black;--ig-success-300: #95bc74;--ig-success-300-contrast: black;--ig-success-400: #7fad56;--ig-success-400-contrast: black;--ig-success-500: #689f38;--ig-success-500-contrast: black;--ig-success-600: #5a912a;--ig-success-600-contrast: black;--ig-success-700: #4e8222;--ig-success-700-contrast: white;--ig-success-800: #3d7012;--ig-success-800-contrast: white;--ig-success-900: #316109;--ig-success-900-contrast: white;--ig-success-A100: #5a912a;--ig-success-A100-contrast: black;--ig-success-A200: #4e8222;--ig-success-A200-contrast: white;--ig-success-A400: #3d7012;--ig-success-A400-contrast: white;--ig-success-A700: #316109;--ig-success-A700-contrast: white;--ig-success-seed: #689f38;--ig-success-seed-contrast: black;--ig-warn-50: #fed7b7;--ig-warn-50-contrast: black;--ig-warn-100: #ffc696;--ig-warn-100-contrast: black;--ig-warn-200: #ffad67;--ig-warn-200-contrast: black;--ig-warn-300: #fb8f32;--ig-warn-300-contrast: black;--ig-warn-400: #fa7b0e;--ig-warn-400-contrast: black;--ig-warn-500: #f56b1d;--ig-warn-500-contrast: black;--ig-warn-600: #f05a2b;--ig-warn-600-contrast: black;--ig-warn-700: #ec4820;--ig-warn-700-contrast: black;--ig-warn-800: #df370e;--ig-warn-800-contrast: black;--ig-warn-900: #d22900;--ig-warn-900-contrast: white;--ig-warn-A100: #f05a2b;--ig-warn-A100-contrast: black;--ig-warn-A200: #ec4820;--ig-warn-A200-contrast: black;--ig-warn-A400: #df370e;--ig-warn-A400-contrast: black;--ig-warn-A700: #d22900;--ig-warn-A700-contrast: white;--ig-warn-seed: #f56b1d;--ig-warn-seed-contrast: black;--ig-error-50: #ffebef;--ig-error-50-contrast: black;--ig-error-100: #ffb0b7;--ig-error-100-contrast: black;--ig-error-200: #fc7f8a;--ig-error-200-contrast: black;--ig-error-300: #ec5461;--ig-error-300-contrast: black;--ig-error-400: #dd3544;--ig-error-400-contrast: black;--ig-error-500: #cf1a2b;--ig-error-500-contrast: white;--ig-error-600: #c31223;--ig-error-600-contrast: white;--ig-error-700: #b90415;--ig-error-700-contrast: white;--ig-error-800: #ae0111;--ig-error-800-contrast: white;--ig-error-900: #9f000f;--ig-error-900-contrast: white;--ig-error-A100: #c31223;--ig-error-A100-contrast: white;--ig-error-A200: #b90415;--ig-error-A200-contrast: white;--ig-error-A400: #ae0111;--ig-error-A400-contrast: white;--ig-error-A700: #9f000f;--ig-error-A700-contrast: white;--ig-error-seed: #cf1a2b;--ig-error-seed-contrast: white;--ig-surface-50: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.78));--ig-surface-50-contrast: hsla(from color(from var(--ig-surface-50) var(--y-contrast)) h 0 l/1);--ig-surface-100: hsl(from var(--ig-surface-500) h calc(s * 0.8) calc(l * 1.66));--ig-surface-100-contrast: hsla(from color(from var(--ig-surface-100) var(--y-contrast)) h 0 l/1);--ig-surface-200: hsl(from var(--ig-surface-500) h calc(s * 0.64) calc(l * 1.43));--ig-surface-200-contrast: hsla(from color(from var(--ig-surface-200) var(--y-contrast)) h 0 l/1);--ig-surface-300: hsl(from var(--ig-surface-500) h calc(s * 0.73) calc(l * 1.19));--ig-surface-300-contrast: hsla(from color(from var(--ig-surface-300) var(--y-contrast)) h 0 l/1);--ig-surface-400: hsl(from var(--ig-surface-500) h calc(s * 0.875) calc(l * 1.08));--ig-surface-400-contrast: hsla(from color(from var(--ig-surface-400) var(--y-contrast)) h 0 l/1);--ig-surface-500: #f8f8fa;--ig-surface-500-contrast: hsla(from color(from var(--ig-surface-500) var(--y-contrast)) h 0 l/1);--ig-surface-600: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.89));--ig-surface-600-contrast: hsla(from color(from var(--ig-surface-600) var(--y-contrast)) h 0 l/1);--ig-surface-700: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.81));--ig-surface-700-contrast: hsla(from color(from var(--ig-surface-700) var(--y-contrast)) h 0 l/1);--ig-surface-800: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.73));--ig-surface-800-contrast: hsla(from color(from var(--ig-surface-800) var(--y-contrast)) h 0 l/1);--ig-surface-900: hsl(from var(--ig-surface-500) h calc(s * 1.26) calc(l * 0.64));--ig-surface-900-contrast: hsla(from color(from var(--ig-surface-900) var(--y-contrast)) h 0 l/1);--ig-surface-seed: #f8f8fa;--ig-surface-seed-contrast: hsla(from color(from var(--ig-surface-seed) var(--y-contrast)) h 0 l/1);--ig-surface-A100: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 1.34));--ig-surface-A100-contrast: hsla(from color(from var(--ig-surface-A100) var(--y-contrast)) h 0 l/1);--ig-surface-A200: hsl(from var(--ig-surface-500) h calc(s * 1.22) calc(l * 1.16));--ig-surface-A200-contrast: hsla(from color(from var(--ig-surface-A200) var(--y-contrast)) h 0 l/1);--ig-surface-A400: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.91));--ig-surface-A400-contrast: hsla(from color(from var(--ig-surface-A400) var(--y-contrast)) h 0 l/1);--ig-surface-A700: hsl(from var(--ig-surface-500) h calc(s * 1.23) calc(l * 0.65));--ig-surface-A700-contrast: hsla(from color(from var(--ig-surface-A700) var(--y-contrast)) h 0 l/1)}:root{--ig-font-family: Nunito Sans, sans-serif;--ig-base-font-size: 16px;--ig-h1-font-size: 2.25rem;--ig-h1-font-weight: 300;--ig-h1-font-style: normal;--ig-h1-line-height: 2.625rem;--ig-h1-letter-spacing: 0;--ig-h1-text-transform: none;--ig-h1-margin-top: 0;--ig-h1-margin-bottom: 0;--ig-h2-font-size: 1.75rem;--ig-h2-font-weight: 400;--ig-h2-font-style: normal;--ig-h2-line-height: 2.25rem;--ig-h2-letter-spacing: 0;--ig-h2-text-transform: none;--ig-h2-margin-top: 0;--ig-h2-margin-bottom: 0;--ig-h3-font-size: 1.5rem;--ig-h3-font-weight: 400;--ig-h3-font-style: normal;--ig-h3-line-height: 2rem;--ig-h3-letter-spacing: 0;--ig-h3-text-transform: none;--ig-h3-margin-top: 0;--ig-h3-margin-bottom: 0;--ig-h4-font-size: 1.25rem;--ig-h4-font-weight: 600;--ig-h4-font-style: normal;--ig-h4-line-height: 1.625rem;--ig-h4-letter-spacing: 0;--ig-h4-text-transform: none;--ig-h4-margin-top: 0;--ig-h4-margin-bottom: 0;--ig-h5-font-size: 1rem;--ig-h5-font-weight: 600;--ig-h5-font-style: normal;--ig-h5-line-height: 1.375rem;--ig-h5-letter-spacing: 0;--ig-h5-text-transform: none;--ig-h5-margin-top: 0;--ig-h5-margin-bottom: 0;--ig-h6-font-size: 0.875rem;--ig-h6-font-weight: 600;--ig-h6-font-style: normal;--ig-h6-line-height: 1.25rem;--ig-h6-letter-spacing: 0;--ig-h6-text-transform: none;--ig-h6-margin-top: 0;--ig-h6-margin-bottom: 0;--ig-subtitle-1-font-size: 0.8125rem;--ig-subtitle-1-font-weight: 600;--ig-subtitle-1-font-style: normal;--ig-subtitle-1-line-height: 1.125rem;--ig-subtitle-1-letter-spacing: 0;--ig-subtitle-1-text-transform: none;--ig-subtitle-1-margin-top: 0;--ig-subtitle-1-margin-bottom: 0;--ig-subtitle-2-font-size: 0.75rem;--ig-subtitle-2-font-weight: 600;--ig-subtitle-2-font-style: normal;--ig-subtitle-2-line-height: 1rem;--ig-subtitle-2-letter-spacing: 0;--ig-subtitle-2-text-transform: none;--ig-subtitle-2-margin-top: 0;--ig-subtitle-2-margin-bottom: 0;--ig-body-1-font-size: 0.8125rem;--ig-body-1-font-weight: 400;--ig-body-1-font-style: normal;--ig-body-1-line-height: 1.125rem;--ig-body-1-letter-spacing: 0;--ig-body-1-text-transform: none;--ig-body-1-margin-top: 0;--ig-body-1-margin-bottom: 0;--ig-body-2-font-size: 0.75rem;--ig-body-2-font-weight: 400;--ig-body-2-font-style: normal;--ig-body-2-line-height: 1rem;--ig-body-2-letter-spacing: 0;--ig-body-2-text-transform: none;--ig-body-2-margin-top: 0;--ig-body-2-margin-bottom: 0;--ig-button-font-size: 0.6875rem;--ig-button-font-weight: 700;--ig-button-font-style: normal;--ig-button-line-height: 0.9375rem;--ig-button-letter-spacing: 0;--ig-button-text-transform: uppercase;--ig-button-margin-top: 0;--ig-button-margin-bottom: 0;--ig-caption-font-size: 0.6875rem;--ig-caption-font-weight: 400;--ig-caption-font-style: normal;--ig-caption-line-height: 0.9375rem;--ig-caption-letter-spacing: 0;--ig-caption-text-transform: normal;--ig-caption-margin-top: 0;--ig-caption-margin-bottom: 0;--ig-overline-font-size: 0.6875rem;--ig-overline-font-weight: 700;--ig-overline-font-style: normal;--ig-overline-line-height: 0.9375rem;--ig-overline-letter-spacing: 0;--ig-overline-text-transform: none;--ig-overline-margin-top: 0;--ig-overline-margin-bottom: 0;--ig-detail-1-font-size: 0.75rem;--ig-detail-1-font-weight: 400;--ig-detail-1-font-style: normal;--ig-detail-1-line-height: 1rem;--ig-detail-1-letter-spacing: 0;--ig-detail-1-text-transform: none;--ig-detail-1-margin-top: 0;--ig-detail-1-margin-bottom: 0;--ig-detail-2-font-size: 0.75rem;--ig-detail-2-font-weight: 600;--ig-detail-2-font-style: normal;--ig-detail-2-line-height: 1rem;--ig-detail-2-letter-spacing: 0;--ig-detail-2-text-transform: none;--ig-detail-2-margin-top: 0;--ig-detail-2-margin-bottom: 0}.ig-typography h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography p{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__h1{font-family:var(--ig-h1-font-family, var(--ig-font-family));font-size:var(--ig-h1-font-size);font-weight:var(--ig-h1-font-weight);font-style:var(--ig-h1-font-style);line-height:var(--ig-h1-line-height);letter-spacing:var(--ig-h1-letter-spacing);text-transform:var(--ig-h1-text-transform);margin-top:var(--ig-h1-margin-top);margin-bottom:var(--ig-h1-margin-bottom)}.ig-typography .ig-typography__h2{font-family:var(--ig-h2-font-family, var(--ig-font-family));font-size:var(--ig-h2-font-size);font-weight:var(--ig-h2-font-weight);font-style:var(--ig-h2-font-style);line-height:var(--ig-h2-line-height);letter-spacing:var(--ig-h2-letter-spacing);text-transform:var(--ig-h2-text-transform);margin-top:var(--ig-h2-margin-top);margin-bottom:var(--ig-h2-margin-bottom)}.ig-typography .ig-typography__h3{font-family:var(--ig-h3-font-family, var(--ig-font-family));font-size:var(--ig-h3-font-size);font-weight:var(--ig-h3-font-weight);font-style:var(--ig-h3-font-style);line-height:var(--ig-h3-line-height);letter-spacing:var(--ig-h3-letter-spacing);text-transform:var(--ig-h3-text-transform);margin-top:var(--ig-h3-margin-top);margin-bottom:var(--ig-h3-margin-bottom)}.ig-typography .ig-typography__h4{font-family:var(--ig-h4-font-family, var(--ig-font-family));font-size:var(--ig-h4-font-size);font-weight:var(--ig-h4-font-weight);font-style:var(--ig-h4-font-style);line-height:var(--ig-h4-line-height);letter-spacing:var(--ig-h4-letter-spacing);text-transform:var(--ig-h4-text-transform);margin-top:var(--ig-h4-margin-top);margin-bottom:var(--ig-h4-margin-bottom)}.ig-typography .ig-typography__h5{font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom)}.ig-typography .ig-typography__h6{font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom)}.ig-typography .ig-typography__subtitle-1{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom)}.ig-typography .ig-typography__subtitle-2{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}.ig-typography .ig-typography__body-1{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}.ig-typography .ig-typography__body-2{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}.ig-typography .ig-typography__button{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom)}.ig-typography .ig-typography__caption{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}.ig-typography .ig-typography__overline{font-family:var(--ig-overline-font-family, var(--ig-font-family));font-size:var(--ig-overline-font-size);font-weight:var(--ig-overline-font-weight);font-style:var(--ig-overline-font-style);line-height:var(--ig-overline-line-height);letter-spacing:var(--ig-overline-letter-spacing);text-transform:var(--ig-overline-text-transform);margin-top:var(--ig-overline-margin-top);margin-bottom:var(--ig-overline-margin-bottom)}:root{--ig-elevation-0: none;--ig-elevation-1: 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 1px) calc(var(--ig-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--ig-elevation-2: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-3: 0 calc(var(--ig-elevation-factor, 1) * 3px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-4: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.1);--ig-elevation-5: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-6: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-7: 0 0 calc(var(--ig-elevation-factor, 1) * 12px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-8: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(36, 37, 44, 0.2);--ig-elevation-9: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-10: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-11: 0 calc(var(--ig-elevation-factor, 1) * 2px) calc(var(--ig-elevation-factor, 1) * 6px) 0 rgba(0, 0, 0, 0.4);--ig-elevation-12: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4);--ig-elevation-13: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-14: 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 5px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--ig-elevation-15: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 15px) calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-16: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 16px) calc(var(--ig-elevation-factor, 1) * 24px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 30px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-17: 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 17px) calc(var(--ig-elevation-factor, 1) * 26px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 6px) calc(var(--ig-elevation-factor, 1) * 32px) calc(var(--ig-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--ig-elevation-18: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 11px) calc(var(--ig-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 18px) calc(var(--ig-elevation-factor, 1) * 28px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 34px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-19: 0 calc(var(--ig-elevation-factor, 1) * 9px) calc(var(--ig-elevation-factor, 1) * 12px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 19px) calc(var(--ig-elevation-factor, 1) * 29px) calc(var(--ig-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 7px) calc(var(--ig-elevation-factor, 1) * 36px) calc(var(--ig-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--ig-elevation-20: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 20px) calc(var(--ig-elevation-factor, 1) * 31px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 38px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-21: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 13px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 21px) calc(var(--ig-elevation-factor, 1) * 33px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 40px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-22: 0 calc(var(--ig-elevation-factor, 1) * 10px) calc(var(--ig-elevation-factor, 1) * 14px) calc(var(--ig-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--ig-elevation-factor, 1) * 22px) calc(var(--ig-elevation-factor, 1) * 35px) calc(var(--ig-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--ig-elevation-factor, 1) * 8px) calc(var(--ig-elevation-factor, 1) * 42px) calc(var(--ig-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--ig-elevation-23: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(0, 0, 0, 0.3);--ig-elevation-24: 0 0 calc(var(--ig-elevation-factor, 1) * 16px) 0 rgba(36, 37, 44, 0.4)}
|