From b84ee47ff06a24769ae744deb30e9bd00194149f Mon Sep 17 00:00:00 2001 From: John Cowen Date: Tue, 23 Nov 2021 18:32:11 +0000 Subject: [PATCH] ui: Fix brand coloring for inline-code plus docs (#11578) * ui: Fix brand coloring for inline-code plus docs Also use --tones instead of --black/--white (#11601) Co-authored-by: Evan Rowe --- .changelog/11578.txt | 3 + ui/packages/consul-ui/.docfy-config.js | 6 + .../app/components/auth-form/skin.scss | 2 +- .../consul-ui/app/components/card/skin.scss | 2 +- .../app/components/certificate/index.scss | 2 +- .../app/components/code-editor/layout.scss | 2 +- .../app/components/code-editor/skin.scss | 8 +- .../app/components/composite-row/index.scss | 2 +- .../components/confirmation-dialog/skin.scss | 2 +- .../components/consul/auth-method/index.scss | 4 +- .../consul/discovery-chain/index.hbs | 2 +- .../consul/discovery-chain/skin.scss | 6 +- .../app/components/consul/loader/skin.scss | 2 +- .../expanded-single-select/skin.scss | 2 +- .../app/components/freetext-filter/skin.scss | 2 +- .../components/hashicorp-consul/index.scss | 2 +- .../app/components/informed-action/skin.scss | 4 +- .../app/components/inline-code/skin.scss | 2 +- .../app/components/list-row/skin.scss | 2 +- .../app/components/modal-dialog/skin.scss | 2 +- .../consul-ui/app/components/notice/skin.scss | 2 +- .../app/components/overlay/none.scss | 2 +- .../app/components/overlay/square-tail.scss | 2 +- .../app/components/radio-card/skin.scss | 2 +- .../app/components/skip-links/skin.scss | 4 +- .../app/components/sliding-toggle/skin.scss | 2 +- .../app/components/tabular-details/skin.scss | 2 +- .../app/components/tabular-dl/skin.scss | 4 +- .../app/components/tooltip/index.scss | 2 +- .../topology-metrics/card/index.scss | 2 +- .../topology-metrics/popover/index.scss | 2 +- .../app/components/topology-metrics/skin.scss | 4 +- .../consul-ui/app/helpers/icons-debug.js | 1057 + .../consul-ui/app/modifiers/css-props.js | 39 + .../app/styles/base/color/README.mdx | 81 + .../base/color/ui/frame-placeholders.scss | 4 +- .../color/ui/themes/dark-high-contrast.scss | 17 - .../app/styles/base/color/ui/themes/dark.scss | 45 +- .../color/ui/themes/light-high-contrast.scss | 16 - .../styles/base/color/ui/themes/light.scss | 16 - .../app/styles/base/icons/README.mdx | 74 + .../styles/base/icons/base-placeholders.scss | 2 + .../app/styles/base/icons/base-variables.scss | 4801 ++- .../app/styles/base/icons/debug.scss | 34092 ++++++++++++++++ .../app/styles/base/typography/README.mdx | 143 + ui/packages/consul-ui/app/styles/debug.scss | 90 +- .../consul-ui/app/styles/variables/skin.scss | 38 +- ui/packages/consul-ui/app/templates/debug.hbs | 24 + ui/packages/consul-ui/docs/index.mdx | 9 +- ui/packages/consul-ui/ember-cli-build.js | 2 + 50 files changed, 38609 insertions(+), 2030 deletions(-) create mode 100644 .changelog/11578.txt create mode 100644 ui/packages/consul-ui/app/helpers/icons-debug.js create mode 100644 ui/packages/consul-ui/app/modifiers/css-props.js create mode 100644 ui/packages/consul-ui/app/styles/base/color/README.mdx create mode 100644 ui/packages/consul-ui/app/styles/base/icons/README.mdx create mode 100644 ui/packages/consul-ui/app/styles/base/icons/debug.scss create mode 100644 ui/packages/consul-ui/app/styles/base/typography/README.mdx diff --git a/.changelog/11578.txt b/.changelog/11578.txt new file mode 100644 index 0000000000..76f66adb98 --- /dev/null +++ b/.changelog/11578.txt @@ -0,0 +1,3 @@ +```release-note:bug +ui: Fix inline-code brand styling +``` diff --git a/ui/packages/consul-ui/.docfy-config.js b/ui/packages/consul-ui/.docfy-config.js index a3970301ca..445c28addd 100644 --- a/ui/packages/consul-ui/.docfy-config.js +++ b/ui/packages/consul-ui/.docfy-config.js @@ -50,6 +50,12 @@ module.exports = { urlSchema: 'auto', urlPrefix: 'docs', }, + { + root: path.resolve(__dirname, 'app/styles'), + pattern: '**/*.mdx', + urlSchema: 'auto', + urlPrefix: 'docs/styles', + }, { root: path.resolve(__dirname, 'app/modifiers'), pattern: '**/*.mdx', diff --git a/ui/packages/consul-ui/app/components/auth-form/skin.scss b/ui/packages/consul-ui/app/components/auth-form/skin.scss index 58053db1bc..939e323cad 100644 --- a/ui/packages/consul-ui/app/components/auth-form/skin.scss +++ b/ui/packages/consul-ui/app/components/auth-form/skin.scss @@ -8,5 +8,5 @@ /* in the center so if the background color of what the */ /* line is on is different, then this should be different */ %auth-form-hr span { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } diff --git a/ui/packages/consul-ui/app/components/card/skin.scss b/ui/packages/consul-ui/app/components/card/skin.scss index da07fa3f17..de730cf5bf 100644 --- a/ui/packages/consul-ui/app/components/card/skin.scss +++ b/ui/packages/consul-ui/app/components/card/skin.scss @@ -5,7 +5,7 @@ %card { border: var(--decor-border-100); border-radius: var(--decor-radius-100); - background-color: rgb(var(--white) / 90%); + background-color: rgb(var(--tone-gray-000) / 90%); } %card > section, %card > ul > li { diff --git a/ui/packages/consul-ui/app/components/certificate/index.scss b/ui/packages/consul-ui/app/components/certificate/index.scss index ff343a3a5a..f4a7ab23a9 100644 --- a/ui/packages/consul-ui/app/components/certificate/index.scss +++ b/ui/packages/consul-ui/app/components/certificate/index.scss @@ -20,7 +20,7 @@ } hr { border: 3px dashed rgb(var(--tone-gray-300)); - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); width: 150px; margin: auto; margin-top: 9px; diff --git a/ui/packages/consul-ui/app/components/code-editor/layout.scss b/ui/packages/consul-ui/app/components/code-editor/layout.scss index 8eca313da1..2200042322 100644 --- a/ui/packages/consul-ui/app/components/code-editor/layout.scss +++ b/ui/packages/consul-ui/app/components/code-editor/layout.scss @@ -11,7 +11,7 @@ bottom: 0px; width: 100%; height: 25px; - background-color: var(--black); + background-color: rgb(var(--tone-gray-999)); content: ''; display: block; } diff --git a/ui/packages/consul-ui/app/components/code-editor/skin.scss b/ui/packages/consul-ui/app/components/code-editor/skin.scss index fc65b498b8..f4b35e6bd3 100644 --- a/ui/packages/consul-ui/app/components/code-editor/skin.scss +++ b/ui/packages/consul-ui/app/components/code-editor/skin.scss @@ -46,7 +46,7 @@ $syntax-dark-gray: #535f73; .cm-s-hashi { &.CodeMirror { width: 100%; - background-color: rgb(var(--black)) !important; + background-color: rgb(var(--tone-gray-999)) !important; color: #cfd2d1 !important; border: none; font-family: var(--typo-family-mono); @@ -81,7 +81,7 @@ $syntax-dark-gray: #535f73; .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { - background: rgb(var(--white) / 10%); + background: rgb(var(--tone-gray-000) / 10%); } span.cm-comment { @@ -154,7 +154,7 @@ $syntax-dark-gray: #535f73; .CodeMirror-matchingbracket { text-decoration: underline; - color: rgb(var(--white)) !important; + color: rgb(var(--tone-gray-000)) !important; } } @@ -178,7 +178,7 @@ $syntax-dark-gray: #535f73; } span.cm-property { - color: rgb(var(--white)); + color: rgb(var(--tone-gray-000)); } span.cm-variable-2 { diff --git a/ui/packages/consul-ui/app/components/composite-row/index.scss b/ui/packages/consul-ui/app/components/composite-row/index.scss index 7b42462c67..2f56cbe05c 100644 --- a/ui/packages/consul-ui/app/components/composite-row/index.scss +++ b/ui/packages/consul-ui/app/components/composite-row/index.scss @@ -113,5 +113,5 @@ %composite-row-header .policy-management dd::before, %composite-row-detail .policy-management::before { @extend %with-star-fill-mask, %as-pseudo; - background-color: rgb(var(--brand-600)); + background-color: rgb(var(--tone-brand-600)); } diff --git a/ui/packages/consul-ui/app/components/confirmation-dialog/skin.scss b/ui/packages/consul-ui/app/components/confirmation-dialog/skin.scss index 3c40475820..ded503dcfa 100644 --- a/ui/packages/consul-ui/app/components/confirmation-dialog/skin.scss +++ b/ui/packages/consul-ui/app/components/confirmation-dialog/skin.scss @@ -1,5 +1,5 @@ table div.with-confirmation.confirming { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } %confirmation-dialog-inline p { color: rgb(var(--tone-gray-400)); diff --git a/ui/packages/consul-ui/app/components/consul/auth-method/index.scss b/ui/packages/consul-ui/app/components/consul/auth-method/index.scss index 1b171b1ca7..c1b8623813 100644 --- a/ui/packages/consul-ui/app/components/consul/auth-method/index.scss +++ b/ui/packages/consul-ui/app/components/consul/auth-method/index.scss @@ -27,7 +27,7 @@ tbody { td { font-size: var(--typo-size-600); - color: var(--black); + color: rgb(var(--tone-gray-999)); } tr { cursor: default; @@ -74,7 +74,7 @@ tbody { td { font-size: var(--typo-size-600); - color: var(--black); + color: rgb(var(--tone-gray-999)); } tr { cursor: default; diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/index.hbs b/ui/packages/consul-ui/app/components/consul/discovery-chain/index.hbs index 52e3ab1a08..fca6c4a23e 100644 --- a/ui/packages/consul-ui/app/components/consul/discovery-chain/index.hbs +++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/index.hbs @@ -3,7 +3,7 @@ {{selected.nodes}} { opacity: 1 !important; - background-color: var(--white); + background-color: var(--tone-gray-000); border: var(--decor-border-100); border-radius: var(--decor-radius-200); border-color: rgb(var(--tone-gray-500)); diff --git a/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss b/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss index 6c34f57b96..30055d3aa7 100644 --- a/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss +++ b/ui/packages/consul-ui/app/components/consul/discovery-chain/skin.scss @@ -63,7 +63,7 @@ } %chain-node-active { opacity: 1; - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); border-color: rgb(var(--tone-gray-500)); } /* TODO: More text truncation, centralize */ @@ -99,7 +99,7 @@ /**/ %with-chain-outlet::before { @extend %as-pseudo; - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); border-radius: var(--decor-radius-full); border: 2px solid rgb(var(--tone-gray-400)); @@ -107,5 +107,5 @@ %discovery-chain circle { stroke-width: 2; stroke: rgb(var(--tone-gray-400)); - fill: rgb(var(--white)); + fill: rgb(var(--tone-gray-000)); } diff --git a/ui/packages/consul-ui/app/components/consul/loader/skin.scss b/ui/packages/consul-ui/app/components/consul/loader/skin.scss index a5f3a103f1..a7a7f43220 100644 --- a/ui/packages/consul-ui/app/components/consul/loader/skin.scss +++ b/ui/packages/consul-ui/app/components/consul/loader/skin.scss @@ -1,5 +1,5 @@ %loader circle { - fill: rgb(var(--brand-100)); + fill: rgb(var(--tone-brand-100)); } %loader circle { animation: loader-animation 1.5s infinite ease-in-out; diff --git a/ui/packages/consul-ui/app/components/expanded-single-select/skin.scss b/ui/packages/consul-ui/app/components/expanded-single-select/skin.scss index 297a60de3b..76c2f47196 100644 --- a/ui/packages/consul-ui/app/components/expanded-single-select/skin.scss +++ b/ui/packages/consul-ui/app/components/expanded-single-select/skin.scss @@ -14,5 +14,5 @@ %expanded-single-select input[type='radio']:checked + *, %expanded-single-select input[type='radio']:hover + *, %expanded-single-select input[type='radio']:focus + * { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } diff --git a/ui/packages/consul-ui/app/components/freetext-filter/skin.scss b/ui/packages/consul-ui/app/components/freetext-filter/skin.scss index ec23367742..dae3d356a2 100644 --- a/ui/packages/consul-ui/app/components/freetext-filter/skin.scss +++ b/ui/packages/consul-ui/app/components/freetext-filter/skin.scss @@ -3,7 +3,7 @@ border: var(--decor-border-100); border-radius: var(--decor-radius-100); - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); border-color: rgb(var(--tone-gray-200)); color: rgb(var(--tone-gray-400)); } diff --git a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss index 306d8a3814..875e2af852 100644 --- a/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss +++ b/ui/packages/consul-ui/app/components/hashicorp-consul/index.scss @@ -7,7 +7,7 @@ display: none; } [role='banner'] a svg { - fill: rgb(var(--brand-600)); + fill: rgb(var(--tone-brand-600)); } .docs-link a::after { @extend %with-docs-mask, %as-pseudo; diff --git a/ui/packages/consul-ui/app/components/informed-action/skin.scss b/ui/packages/consul-ui/app/components/informed-action/skin.scss index de092e973b..72b3624449 100644 --- a/ui/packages/consul-ui/app/components/informed-action/skin.scss +++ b/ui/packages/consul-ui/app/components/informed-action/skin.scss @@ -3,7 +3,7 @@ border-radius: var(--decor-radius-200); border: var(--decor-border-100); border-color: rgb(var(--tone-gray-300)); - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } > div { border-top-left-radius: var(--decor-radius-200); @@ -18,7 +18,7 @@ } p { @extend %p2; - color: var(--black); + color: rgb(var(--tone-gray-999)); } > ul { list-style: none; diff --git a/ui/packages/consul-ui/app/components/inline-code/skin.scss b/ui/packages/consul-ui/app/components/inline-code/skin.scss index 3a013be65b..133d1ede38 100644 --- a/ui/packages/consul-ui/app/components/inline-code/skin.scss +++ b/ui/packages/consul-ui/app/components/inline-code/skin.scss @@ -1,6 +1,6 @@ %inline-code { border: 1px solid; - color: var(rgb(var(--brand-600)), inherit); + color: rgb(var(--tone-brand-600)); background-color: rgb(var(--tone-gray-050)); border-color: rgb(var(--tone-gray-200)); } diff --git a/ui/packages/consul-ui/app/components/list-row/skin.scss b/ui/packages/consul-ui/app/components/list-row/skin.scss index 12d6ed6fd7..0aacf59bf1 100644 --- a/ui/packages/consul-ui/app/components/list-row/skin.scss +++ b/ui/packages/consul-ui/app/components/list-row/skin.scss @@ -13,7 +13,7 @@ cursor: pointer; } %list-row-header { - color: var(--black); + color: rgb(var(--tone-gray-999)); } %list-row-header * { color: inherit; diff --git a/ui/packages/consul-ui/app/components/modal-dialog/skin.scss b/ui/packages/consul-ui/app/components/modal-dialog/skin.scss index 171752150e..1172121c7a 100644 --- a/ui/packages/consul-ui/app/components/modal-dialog/skin.scss +++ b/ui/packages/consul-ui/app/components/modal-dialog/skin.scss @@ -15,7 +15,7 @@ margin-right: 3px; } %modal-dialog-overlay { - background-color: rgb(var(--white) / 90%); + background-color: rgb(var(--tone-gray-000) / 90%); } %modal-window { box-shadow: var(--decor-elevation-800); diff --git a/ui/packages/consul-ui/app/components/notice/skin.scss b/ui/packages/consul-ui/app/components/notice/skin.scss index 5d99272474..3167d385e8 100644 --- a/ui/packages/consul-ui/app/components/notice/skin.scss +++ b/ui/packages/consul-ui/app/components/notice/skin.scss @@ -1,7 +1,7 @@ %notice { border-radius: var(--decor-radius-100); border: var(--decor-border-100); - color: var(--black); + color: rgb(var(--tone-gray-999)); } %notice::before { @extend %as-pseudo; diff --git a/ui/packages/consul-ui/app/components/overlay/none.scss b/ui/packages/consul-ui/app/components/overlay/none.scss index e4084cc8be..951343b770 100644 --- a/ui/packages/consul-ui/app/components/overlay/none.scss +++ b/ui/packages/consul-ui/app/components/overlay/none.scss @@ -26,7 +26,7 @@ transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } & { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); border-radius: var(--decor-radius-100); box-shadow: var(--decor-elevation-400); } diff --git a/ui/packages/consul-ui/app/components/overlay/square-tail.scss b/ui/packages/consul-ui/app/components/overlay/square-tail.scss index 2647345284..286ababa3a 100644 --- a/ui/packages/consul-ui/app/components/overlay/square-tail.scss +++ b/ui/packages/consul-ui/app/components/overlay/square-tail.scss @@ -4,7 +4,7 @@ left: calc(0px - (var(--size) / 2)) !important; } .tippy-arrow::before { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); width: calc(1px + var(--size)); height: calc(1px + var(--size)); border: var(--decor-border-100); diff --git a/ui/packages/consul-ui/app/components/radio-card/skin.scss b/ui/packages/consul-ui/app/components/radio-card/skin.scss index c52a026050..03320aa5e6 100644 --- a/ui/packages/consul-ui/app/components/radio-card/skin.scss +++ b/ui/packages/consul-ui/app/components/radio-card/skin.scss @@ -19,7 +19,7 @@ margin-bottom: 0.5em; } %radio-card header { - color: var(--black); + color: rgb(var(--tone-gray-999)); } %radio-card-with-icon > :last-child { padding-left: 47px; diff --git a/ui/packages/consul-ui/app/components/skip-links/skin.scss b/ui/packages/consul-ui/app/components/skip-links/skin.scss index 17c3dc4009..808731d8d5 100644 --- a/ui/packages/consul-ui/app/components/skip-links/skin.scss +++ b/ui/packages/consul-ui/app/components/skip-links/skin.scss @@ -1,6 +1,6 @@ %skip-links { - outline: 1px solid rgb(var(--white)); - color: rgb(var(--white)); + outline: 1px solid rgb(var(--tone-gray-000)); + color: rgb(var(--tone-gray-000)); background-color: rgb(var(--tone-blue-500)); } %skip-links button, diff --git a/ui/packages/consul-ui/app/components/sliding-toggle/skin.scss b/ui/packages/consul-ui/app/components/sliding-toggle/skin.scss index 9ab9704cc3..6a3e38cf77 100644 --- a/ui/packages/consul-ui/app/components/sliding-toggle/skin.scss +++ b/ui/packages/consul-ui/app/components/sliding-toggle/skin.scss @@ -18,7 +18,7 @@ color: rgb(var(--tone-gray-900)); } %sliding-toggle label span::after { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } %sliding-toggle label input:checked + span::before, %sliding-toggle-negative label input + span::before { diff --git a/ui/packages/consul-ui/app/components/tabular-details/skin.scss b/ui/packages/consul-ui/app/components/tabular-details/skin.scss index 53def1879f..0bd53b99ad 100644 --- a/ui/packages/consul-ui/app/components/tabular-details/skin.scss +++ b/ui/packages/consul-ui/app/components/tabular-details/skin.scss @@ -14,7 +14,7 @@ %tabular-detail::before, %tabular-detail > div, %tabular-detail > label { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } %tabular-detail > label::before { transform: rotate(180deg); diff --git a/ui/packages/consul-ui/app/components/tabular-dl/skin.scss b/ui/packages/consul-ui/app/components/tabular-dl/skin.scss index 5113a1be35..a48931cb3c 100644 --- a/ui/packages/consul-ui/app/components/tabular-dl/skin.scss +++ b/ui/packages/consul-ui/app/components/tabular-dl/skin.scss @@ -6,13 +6,13 @@ dt, dd { border-color: rgb(var(--tone-gray-300)) !important; - color: var(--black) !important; + color: rgb(var(--tone-gray-999)) !important; } dt { font-weight: var(--typo-weight-bold); } dd .copy-button button::before { - background-color: var(--black); + background-color: rgb(var(--tone-gray-999)); } dt.type + dd span::before { @extend %with-info-circle-outline-mask, %as-pseudo; diff --git a/ui/packages/consul-ui/app/components/tooltip/index.scss b/ui/packages/consul-ui/app/components/tooltip/index.scss index a7e308ad2b..333faed35f 100644 --- a/ui/packages/consul-ui/app/components/tooltip/index.scss +++ b/ui/packages/consul-ui/app/components/tooltip/index.scss @@ -32,7 +32,7 @@ %tooltip-bubble { & { background-color: rgb(var(--tone-gray-700)); - color: rgb(var(--white)); + color: rgb(var(--tone-gray-000)); } } %tooltip-tail { diff --git a/ui/packages/consul-ui/app/components/topology-metrics/card/index.scss b/ui/packages/consul-ui/app/components/topology-metrics/card/index.scss index 0212f144a3..7a08492caf 100644 --- a/ui/packages/consul-ui/app/components/topology-metrics/card/index.scss +++ b/ui/packages/consul-ui/app/components/topology-metrics/card/index.scss @@ -7,7 +7,7 @@ display: block; color: rgb(var(--tone-gray-700)); overflow: hidden; - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); border-radius: var(--decor-radius-100); border: 1px solid rgb(var(--tone-gray-200)); p { diff --git a/ui/packages/consul-ui/app/components/topology-metrics/popover/index.scss b/ui/packages/consul-ui/app/components/topology-metrics/popover/index.scss index b4102e0815..bef40bb814 100644 --- a/ui/packages/consul-ui/app/components/topology-metrics/popover/index.scss +++ b/ui/packages/consul-ui/app/components/topology-metrics/popover/index.scss @@ -2,7 +2,7 @@ > button { position: absolute; transform: translate(-50%, -50%); - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); padding: 1px 1px; &:hover { cursor: pointer; diff --git a/ui/packages/consul-ui/app/components/topology-metrics/skin.scss b/ui/packages/consul-ui/app/components/topology-metrics/skin.scss index afd24a6062..8b6fc0fda3 100644 --- a/ui/packages/consul-ui/app/components/topology-metrics/skin.scss +++ b/ui/packages/consul-ui/app/components/topology-metrics/skin.scss @@ -24,7 +24,7 @@ // Metrics Container #metrics-container { div:first-child { - background-color: rgb(var(--white)); + background-color: rgb(var(--tone-gray-000)); } .link { background-color: rgb(var(--tone-gray-100)); @@ -53,7 +53,7 @@ fill: var(--transparent); } circle { - fill: rgb(var(--white)); + fill: rgb(var(--tone-gray-000)); } .allow-arrow { fill: rgb(var(--tone-gray-300)); diff --git a/ui/packages/consul-ui/app/helpers/icons-debug.js b/ui/packages/consul-ui/app/helpers/icons-debug.js new file mode 100644 index 0000000000..a64039cab8 --- /dev/null +++ b/ui/packages/consul-ui/app/helpers/icons-debug.js @@ -0,0 +1,1057 @@ +import { helper } from '@ember/component/helper'; + +export default helper(function([lib], hash) { + return [ + 'activity-16.svg', +'activity-24.svg', +'alert-circle-16.svg', +'alert-circle-24.svg', +'alert-circle-fill-16.svg', +'alert-circle-fill-24.svg', +'alert-circle-fill.svg', +'alert-circle-outline.svg', +'alert-octagon-16.svg', +'alert-octagon-24.svg', +'alert-octagon-fill-16.svg', +'alert-octagon-fill-24.svg', +'alert-triangle-16.svg', +'alert-triangle-24.svg', +'alert-triangle-fill-16.svg', +'alert-triangle-fill-24.svg', +'alert-triangle.svg', +'alibaba-16.svg', +'alibaba-24.svg', +'alibaba-color-16.svg', +'alibaba-color-24.svg', +'align-center-16.svg', +'align-center-24.svg', +'align-justify-16.svg', +'align-justify-24.svg', +'align-left-16.svg', +'align-left-24.svg', +'align-right-16.svg', +'align-right-24.svg', +'apple-16.svg', +'apple-24.svg', +'apple-color-16.svg', +'apple-color-24.svg', +'archive-16.svg', +'archive-24.svg', +'arrow-down-16.svg', +'arrow-down-24.svg', +'arrow-down-circle-16.svg', +'arrow-down-circle-24.svg', +'arrow-down-left-16.svg', +'arrow-down-left-24.svg', +'arrow-down-right-16.svg', +'arrow-down-right-24.svg', +'arrow-down.svg', +'arrow-left-16.svg', +'arrow-left-24.svg', +'arrow-left-circle-16.svg', +'arrow-left-circle-24.svg', +'arrow-left.svg', +'arrow-right-16.svg', +'arrow-right-24.svg', +'arrow-right-circle-16.svg', +'arrow-right-circle-24.svg', +'arrow-right.svg', +'arrow-up-16.svg', +'arrow-up-24.svg', +'arrow-up-circle-16.svg', +'arrow-up-circle-24.svg', +'arrow-up-left-16.svg', +'arrow-up-left-24.svg', +'arrow-up-right-16.svg', +'arrow-up-right-24.svg', +'arrow-up.svg', +'at-sign-16.svg', +'at-sign-24.svg', +'auth0-16.svg', +'auth0-24.svg', +'auth0-color-16.svg', +'auth0-color-24.svg', +'auto-apply-16.svg', +'auto-apply-24.svg', +'award-16.svg', +'award-24.svg', +'aws-16.svg', +'aws-24.svg', +'aws-color-16.svg', +'aws-color-24.svg', +'azure-16.svg', +'azure-24.svg', +'azure-color-16.svg', +'azure-color-24.svg', +'azure-devops-16.svg', +'azure-devops-24.svg', +'azure-devops-color-16.svg', +'azure-devops-color-24.svg', +'bar-chart-16.svg', +'bar-chart-24.svg', +'bar-chart-alt-16.svg', +'bar-chart-alt-24.svg', +'battery-16.svg', +'battery-24.svg', +'battery-charging-16.svg', +'battery-charging-24.svg', +'beaker-16.svg', +'beaker-24.svg', +'bell-16.svg', +'bell-24.svg', +'bell-active-16.svg', +'bell-active-24.svg', +'bell-active-fill-16.svg', +'bell-active-fill-24.svg', +'bell-off-16.svg', +'bell-off-24.svg', +'bitbucket-16.svg', +'bitbucket-24.svg', +'bitbucket-color-16.svg', +'bitbucket-color-24.svg', +'bolt.svg', +'bookmark-16.svg', +'bookmark-24.svg', +'bookmark-add-16.svg', +'bookmark-add-24.svg', +'bookmark-add-fill-16.svg', +'bookmark-add-fill-24.svg', +'bookmark-fill-16.svg', +'bookmark-fill-24.svg', +'bookmark-remove-16.svg', +'bookmark-remove-24.svg', +'bookmark-remove-fill-16.svg', +'bookmark-remove-fill-24.svg', +'bottom-16.svg', +'bottom-24.svg', +'box-16.svg', +'box-24.svg', +'box-check-fill.svg', +'box-outline.svg', +'briefcase-16.svg', +'briefcase-24.svg', +'broadcast.svg', +'bug-16.svg', +'bug-24.svg', +'bug.svg', +'build-16.svg', +'build-24.svg', +'calendar-16.svg', +'calendar-24.svg', +'calendar.svg', +'camera-16.svg', +'camera-24.svg', +'camera-off-16.svg', +'camera-off-24.svg', +'cancel-circle-fill.svg', +'cancel-circle-outline.svg', +'cancel-plain.svg', +'cancel-square-fill.svg', +'cancel-square-outline.svg', +'caret-16.svg', +'caret-24.svg', +'caret-down.svg', +'caret-up.svg', +'cast-16.svg', +'cast-24.svg', +'certificate-16.svg', +'certificate-24.svg', +'change-16.svg', +'change-24.svg', +'change-circle-16.svg', +'change-circle-24.svg', +'change-square-16.svg', +'change-square-24.svg', +'check-16.svg', +'check-24.svg', +'check-circle-16.svg', +'check-circle-24.svg', +'check-circle-fill-16.svg', +'check-circle-fill-24.svg', +'check-circle-fill.svg', +'check-circle-outline.svg', +'check-diamond-16.svg', +'check-diamond-24.svg', +'check-diamond-fill-16.svg', +'check-diamond-fill-24.svg', +'check-hexagon-16.svg', +'check-hexagon-24.svg', +'check-hexagon-fill-16.svg', +'check-hexagon-fill-24.svg', +'check-plain.svg', +'check-square-16.svg', +'check-square-24.svg', +'check-square-fill-16.svg', +'check-square-fill-24.svg', +'chevron-down-16.svg', +'chevron-down-24.svg', +'chevron-down.svg', +'chevron-left-16.svg', +'chevron-left-24.svg', +'chevron-left.svg', +'chevron-right-16.svg', +'chevron-right-24.svg', +'chevron-right.svg', +'chevron-up-16.svg', +'chevron-up-24.svg', +'chevron-up.svg', +'chevrons-down-16.svg', +'chevrons-down-24.svg', +'chevrons-left-16.svg', +'chevrons-left-24.svg', +'chevrons-right-16.svg', +'chevrons-right-24.svg', +'chevrons-up-16.svg', +'chevrons-up-24.svg', +'circle-16.svg', +'circle-24.svg', +'circle-dot-16.svg', +'circle-dot-24.svg', +'circle-fill-16.svg', +'circle-fill-24.svg', +'circle-half-16.svg', +'circle-half-24.svg', +'clipboard-16.svg', +'clipboard-24.svg', +'clipboard-checked-16.svg', +'clipboard-checked-24.svg', +'clipboard-copy-16.svg', +'clipboard-copy-24.svg', +'clock-16.svg', +'clock-24.svg', +'clock-fill.svg', +'clock-outline.svg', +'cloud-16.svg', +'cloud-24.svg', +'cloud-check-16.svg', +'cloud-check-24.svg', +'cloud-cross.svg', +'cloud-download-16.svg', +'cloud-download-24.svg', +'cloud-lightning-16.svg', +'cloud-lightning-24.svg', +'cloud-lock-16.svg', +'cloud-lock-24.svg', +'cloud-off-16.svg', +'cloud-off-24.svg', +'cloud-upload-16.svg', +'cloud-upload-24.svg', +'cloud-x-16.svg', +'cloud-x-24.svg', +'code-16.svg', +'code-24.svg', +'code.svg', +'collections-16.svg', +'collections-24.svg', +'command-16.svg', +'command-24.svg', +'compass-16.svg', +'compass-24.svg', +'connection-16.svg', +'connection-24.svg', +'connection-gateway-16.svg', +'connection-gateway-24.svg', +'console.svg', +'copy-action.svg', +'copy-success.svg', +'corner-down-left-16.svg', +'corner-down-left-24.svg', +'corner-down-right-16.svg', +'corner-down-right-24.svg', +'corner-left-down-16.svg', +'corner-left-down-24.svg', +'corner-left-up-16.svg', +'corner-left-up-24.svg', +'corner-right-down-16.svg', +'corner-right-down-24.svg', +'corner-right-up-16.svg', +'corner-right-up-24.svg', +'corner-up-left-16.svg', +'corner-up-left-24.svg', +'corner-up-right-16.svg', +'corner-up-right-24.svg', +'cpu-16.svg', +'cpu-24.svg', +'credit-card-16.svg', +'credit-card-24.svg', +'crop-16.svg', +'crop-24.svg', +'crosshair-16.svg', +'crosshair-24.svg', +'dashboard-16.svg', +'dashboard-24.svg', +'database-16.svg', +'database-24.svg', +'database.svg', +'delay-16.svg', +'delay-24.svg', +'delay.svg', +'delete-16.svg', +'delete-24.svg', +'deny-alt.svg', +'deny-color.svg', +'deny-default.svg', +'diamond-16.svg', +'diamond-24.svg', +'diamond-fill-16.svg', +'diamond-fill-24.svg', +'disabled.svg', +'disc-16.svg', +'disc-24.svg', +'discussion-circle-16.svg', +'discussion-circle-24.svg', +'discussion-square-16.svg', +'discussion-square-24.svg', +'docker-16.svg', +'docker-24.svg', +'docker-color-16.svg', +'docker-color-24.svg', +'docs-16.svg', +'docs-24.svg', +'docs-download-16.svg', +'docs-download-24.svg', +'docs-link-16.svg', +'docs-link-24.svg', +'docs.svg', +'dollar-sign-16.svg', +'dollar-sign-24.svg', +'dot-16.svg', +'dot-24.svg', +'dot-half-16.svg', +'dot-half-24.svg', +'download-16.svg', +'download-24.svg', +'download.svg', +'droplet-16.svg', +'droplet-24.svg', +'duplicate-16.svg', +'duplicate-24.svg', +'edit-16.svg', +'edit-24.svg', +'edit.svg', +'entry-point-16.svg', +'entry-point-24.svg', +'envelope-sealed-fill.svg', +'envelope-sealed-outline.svg', +'envelope-unsealed--outline.svg', +'envelope-unsealed-fill.svg', +'event-16.svg', +'event-24.svg', +'exit-point-16.svg', +'exit-point-24.svg', +'exit.svg', +'expand-less.svg', +'expand-more.svg', +'external-link-16.svg', +'external-link-24.svg', +'eye-16.svg', +'eye-24.svg', +'eye-off-16.svg', +'eye-off-24.svg', +'f5-16.svg', +'f5-24.svg', +'f5-color-16.svg', +'f5-color-24.svg', +'fast-forward-16.svg', +'fast-forward-24.svg', +'file-16.svg', +'file-24.svg', +'file-change-16.svg', +'file-change-24.svg', +'file-check-16.svg', +'file-check-24.svg', +'file-diff-16.svg', +'file-diff-24.svg', +'file-fill.svg', +'file-minus-16.svg', +'file-minus-24.svg', +'file-outline.svg', +'file-plus-16.svg', +'file-plus-24.svg', +'file-source-16.svg', +'file-source-24.svg', +'file-text-16.svg', +'file-text-24.svg', +'file-x-16.svg', +'file-x-24.svg', +'files-16.svg', +'files-24.svg', +'film-16.svg', +'film-24.svg', +'filter-16.svg', +'filter-24.svg', +'filter-circle-16.svg', +'filter-circle-24.svg', +'filter-fill-16.svg', +'filter-fill-24.svg', +'filter.svg', +'fingerprint-16.svg', +'fingerprint-24.svg', +'flag-16.svg', +'flag-24.svg', +'flag.svg', +'folder-16.svg', +'folder-24.svg', +'folder-fill-16.svg', +'folder-fill-24.svg', +'folder-fill.svg', +'folder-minus-16.svg', +'folder-minus-24.svg', +'folder-minus-fill-16.svg', +'folder-minus-fill-24.svg', +'folder-outline.svg', +'folder-plus-16.svg', +'folder-plus-24.svg', +'folder-plus-fill-16.svg', +'folder-plus-fill-24.svg', +'folder-star-16.svg', +'folder-star-24.svg', +'folder-users-16.svg', +'folder-users-24.svg', +'frown-16.svg', +'frown-24.svg', +'gateway-16.svg', +'gateway-24.svg', +'gateway.svg', +'gcp-16.svg', +'gcp-24.svg', +'gcp-color-16.svg', +'gcp-color-24.svg', +'gift-16.svg', +'gift-24.svg', +'gift-fill.svg', +'gift-outline.svg', +'git-branch-16.svg', +'git-branch-24.svg', +'git-branch.svg', +'git-commit-16.svg', +'git-commit-24.svg', +'git-commit.svg', +'git-merge-16.svg', +'git-merge-24.svg', +'git-pull-request-16.svg', +'git-pull-request-24.svg', +'git-pull-request.svg', +'git-repo-16.svg', +'git-repo-24.svg', +'git-repository.svg', +'github-16.svg', +'github-24.svg', +'github-color-16.svg', +'github-color-24.svg', +'gitlab-16.svg', +'gitlab-24.svg', +'gitlab-color-16.svg', +'gitlab-color-24.svg', +'globe-16.svg', +'globe-24.svg', +'globe-private-16.svg', +'globe-private-24.svg', +'google-16.svg', +'google-24.svg', +'google-color-16.svg', +'google-color-24.svg', +'grid-16.svg', +'grid-24.svg', +'grid-alt-16.svg', +'grid-alt-24.svg', +'guide-16.svg', +'guide-24.svg', +'guide-link-16.svg', +'guide-link-24.svg', +'guide.svg', +'hammer-16.svg', +'hammer-24.svg', +'hard-drive-16.svg', +'hard-drive-24.svg', +'hash-16.svg', +'hash-24.svg', +'headphones-16.svg', +'headphones-24.svg', +'health.svg', +'heart-16.svg', +'heart-24.svg', +'heart-fill-16.svg', +'heart-fill-24.svg', +'heart-off-16.svg', +'heart-off-24.svg', +'help-16.svg', +'help-24.svg', +'help-circle-fill.svg', +'help-circle-outline.svg', +'hexagon-16.svg', +'hexagon-24.svg', +'hexagon-fill-16.svg', +'hexagon-fill-24.svg', +'history-16.svg', +'history-24.svg', +'history.svg', +'home-16.svg', +'home-24.svg', +'hourglass-16.svg', +'hourglass-24.svg', +'identity-service-16.svg', +'identity-service-24.svg', +'identity-user-16.svg', +'identity-user-24.svg', +'image-16.svg', +'image-24.svg', +'inbox-16.svg', +'inbox-24.svg', +'info-16.svg', +'info-24.svg', +'info-circle-fill.svg', +'info-circle-outline.svg', +'jump-link-16.svg', +'jump-link-24.svg', +'key-16.svg', +'key-24.svg', +'key-values-16.svg', +'key-values-24.svg', +'key.svg', +'kubernetes-16.svg', +'kubernetes-24.svg', +'kubernetes-color-16.svg', +'kubernetes-color-24.svg', +'labyrinth-16.svg', +'labyrinth-24.svg', +'layers-16.svg', +'layers-24.svg', +'layers.svg', +'layout-16.svg', +'layout-24.svg', +'learn-16.svg', +'learn-24.svg', +'learn-link-16.svg', +'learn-link-24.svg', +'learn.svg', +'line-chart-16.svg', +'line-chart-24.svg', +'line-chart-up-16.svg', +'line-chart-up-24.svg', +'link-16.svg', +'link-24.svg', +'link.svg', +'list-16.svg', +'list-24.svg', +'loading.svg', +'lock-16.svg', +'lock-24.svg', +'lock-closed-fill.svg', +'lock-closed-outline.svg', +'lock-closed.svg', +'lock-disabled.svg', +'lock-fill-16.svg', +'lock-fill-24.svg', +'lock-off-16.svg', +'lock-off-24.svg', +'lock-open.svg', +'logo-alicloud-color.svg', +'logo-alicloud-monochrome.svg', +'logo-auth0-color.svg', +'logo-aws-color.svg', +'logo-aws-monochrome.svg', +'logo-azure-color.svg', +'logo-azure-dev-ops-color.svg', +'logo-azure-dev-ops-monochrome.svg', +'logo-azure-monochrome.svg', +'logo-bitbucket-color.svg', +'logo-bitbucket-monochrome.svg', +'logo-consul-color.svg', +'logo-ember-circle-color.svg', +'logo-gcp-color.svg', +'logo-gcp-monochrome.svg', +'logo-github-color.svg', +'logo-github-monochrome.svg', +'logo-gitlab-color.svg', +'logo-gitlab-monochrome.svg', +'logo-glimmer-color.svg', +'logo-google-color.svg', +'logo-google-monochrome.svg', +'logo-hashicorp-color.svg', +'logo-jwt-color.svg', +'logo-kubernetes-color.svg', +'logo-kubernetes-monochrome.svg', +'logo-microsoft-color.svg', +'logo-nomad-color.svg', +'logo-oidc-color.svg', +'logo-okta-color.svg', +'logo-oracle-color.svg', +'logo-oracle-monochrome.svg', +'logo-slack-color.svg', +'logo-slack-monochrome.svg', +'logo-terraform-color.svg', +'logo-vault-color.svg', +'logo-vmware-color.svg', +'logo-vmware-monochrome.svg', +'mail-16.svg', +'mail-24.svg', +'mail-open-16.svg', +'mail-open-24.svg', +'map-16.svg', +'map-24.svg', +'map-pin-16.svg', +'map-pin-24.svg', +'maximize-16.svg', +'maximize-24.svg', +'maximize-alt-16.svg', +'maximize-alt-24.svg', +'meh-16.svg', +'meh-24.svg', +'menu-16.svg', +'menu-24.svg', +'menu.svg', +'mesh-16.svg', +'mesh-24.svg', +'mesh.svg', +'message-circle-16.svg', +'message-circle-24.svg', +'message-circle-fill-16.svg', +'message-circle-fill-24.svg', +'message-square-16.svg', +'message-square-24.svg', +'message-square-fill-16.svg', +'message-square-fill-24.svg', +'message.svg', +'mic-16.svg', +'mic-24.svg', +'mic-off-16.svg', +'mic-off-24.svg', +'microsoft-16.svg', +'microsoft-24.svg', +'microsoft-color-16.svg', +'microsoft-color-24.svg', +'migrate-16.svg', +'migrate-24.svg', +'minimize-16.svg', +'minimize-24.svg', +'minimize-alt-16.svg', +'minimize-alt-24.svg', +'minus-16.svg', +'minus-24.svg', +'minus-circle-16.svg', +'minus-circle-24.svg', +'minus-circle-fill.svg', +'minus-circle-outline.svg', +'minus-plain.svg', +'minus-plus-16.svg', +'minus-plus-24.svg', +'minus-plus-circle-16.svg', +'minus-plus-circle-24.svg', +'minus-plus-square-16.svg', +'minus-plus-square-24.svg', +'minus-square-16.svg', +'minus-square-24.svg', +'minus-square-fill.svg', +'module-16.svg', +'module-24.svg', +'module.svg', +'monitor-16.svg', +'monitor-24.svg', +'moon-16.svg', +'moon-24.svg', +'more-horizontal-16.svg', +'more-horizontal-24.svg', +'more-horizontal.svg', +'more-vertical-16.svg', +'more-vertical-24.svg', +'more-vertical.svg', +'mouse-pointer-16.svg', +'mouse-pointer-24.svg', +'move-16.svg', +'move-24.svg', +'music-16.svg', +'music-24.svg', +'navigation-16.svg', +'navigation-24.svg', +'navigation-alt-16.svg', +'navigation-alt-24.svg', +'network-16.svg', +'network-24.svg', +'network-alt-16.svg', +'network-alt-24.svg', +'newspaper-16.svg', +'newspaper-24.svg', +'node-16.svg', +'node-24.svg', +'notification-disabled.svg', +'notification-fill.svg', +'notification-outline.svg', +'octagon-16.svg', +'octagon-24.svg', +'okta-16.svg', +'okta-24.svg', +'okta-color-16.svg', +'okta-color-24.svg', +'oracle-16.svg', +'oracle-24.svg', +'oracle-color-16.svg', +'oracle-color-24.svg', +'org-16.svg', +'org-24.svg', +'outline-16.svg', +'outline-24.svg', +'outline.svg', +'package-16.svg', +'package-24.svg', +'page-outline.svg', +'paperclip-16.svg', +'paperclip-24.svg', +'partner.svg', +'path-16.svg', +'path-24.svg', +'path.svg', +'pause-16.svg', +'pause-24.svg', +'pause-circle-16.svg', +'pause-circle-24.svg', +'pen-tool-16.svg', +'pen-tool-24.svg', +'pencil-tool-16.svg', +'pencil-tool-24.svg', +'phone-16.svg', +'phone-24.svg', +'phone-call-16.svg', +'phone-call-24.svg', +'phone-off-16.svg', +'phone-off-24.svg', +'pie-chart-16.svg', +'pie-chart-24.svg', +'pin-16.svg', +'pin-24.svg', +'play-16.svg', +'play-24.svg', +'play-circle-16.svg', +'play-circle-24.svg', +'play-fill.svg', +'play-outline.svg', +'play-plain.svg', +'plus-16.svg', +'plus-24.svg', +'plus-circle-16.svg', +'plus-circle-24.svg', +'plus-circle-fill.svg', +'plus-circle-outline.svg', +'plus-plain.svg', +'plus-square-16.svg', +'plus-square-24.svg', +'plus-square-fill.svg', +'port.svg', +'power-16.svg', +'power-24.svg', +'printer-16.svg', +'printer-24.svg', +'protocol.svg', +'provider-16.svg', +'provider-24.svg', +'provider.svg', +'public-default.svg', +'public-locked.svg', +'queue-16.svg', +'queue-24.svg', +'queue.svg', +'radio-16.svg', +'radio-24.svg', +'radio-button-checked.svg', +'radio-button-unchecked.svg', +'random-16.svg', +'random-24.svg', +'random.svg', +'redirect-16.svg', +'redirect-24.svg', +'redirect.svg', +'refresh-alert.svg', +'refresh-default.svg', +'reload-16.svg', +'reload-24.svg', +'remix.svg', +'repeat-16.svg', +'repeat-24.svg', +'replication-direct-16.svg', +'replication-direct-24.svg', +'replication-perf-16.svg', +'replication-perf-24.svg', +'rewind-16.svg', +'rewind-24.svg', +'ribbon.svg', +'rocket-16.svg', +'rocket-24.svg', +'rotate-ccw-16.svg', +'rotate-ccw-24.svg', +'rotate-cw-16.svg', +'rotate-cw-24.svg', +'rss-16.svg', +'rss-24.svg', +'run.svg', +'save-16.svg', +'save-24.svg', +'scissors-16.svg', +'scissors-24.svg', +'search-16.svg', +'search-24.svg', +'search-color.svg', +'search.svg', +'send-16.svg', +'send-24.svg', +'server-16.svg', +'server-24.svg', +'server-cluster-16.svg', +'server-cluster-24.svg', +'serverless-16.svg', +'serverless-24.svg', +'settings-16.svg', +'settings-24.svg', +'settings.svg', +'share-16.svg', +'share-24.svg', +'shield-16.svg', +'shield-24.svg', +'shield-alert-16.svg', +'shield-alert-24.svg', +'shield-check-16.svg', +'shield-check-24.svg', +'shield-off-16.svg', +'shield-off-24.svg', +'shield-x-16.svg', +'shield-x-24.svg', +'shopping-bag-16.svg', +'shopping-bag-24.svg', +'shopping-cart-16.svg', +'shopping-cart-24.svg', +'shuffle-16.svg', +'shuffle-24.svg', +'sidebar-16.svg', +'sidebar-24.svg', +'sidebar-hide-16.svg', +'sidebar-hide-24.svg', +'sidebar-show-16.svg', +'sidebar-show-24.svg', +'sign-in-16.svg', +'sign-in-24.svg', +'sign-out-16.svg', +'sign-out-24.svg', +'skip-16.svg', +'skip-24.svg', +'skip-back-16.svg', +'skip-back-24.svg', +'skip-forward-16.svg', +'skip-forward-24.svg', +'slack-16.svg', +'slack-24.svg', +'slack-color-16.svg', +'slack-color-24.svg', +'slash-16.svg', +'slash-24.svg', +'slash-square-16.svg', +'slash-square-24.svg', +'sliders-16.svg', +'sliders-24.svg', +'smartphone-16.svg', +'smartphone-24.svg', +'smile-16.svg', +'smile-24.svg', +'socket-16.svg', +'socket-24.svg', +'socket.svg', +'sort-asc-16.svg', +'sort-asc-24.svg', +'sort-desc-16.svg', +'sort-desc-24.svg', +'sort.svg', +'source-file.svg', +'speaker-16.svg', +'speaker-24.svg', +'square-16.svg', +'square-24.svg', +'square-fill-16.svg', +'square-fill-24.svg', +'star-16.svg', +'star-24.svg', +'star-circle-16.svg', +'star-circle-24.svg', +'star-fill-16.svg', +'star-fill-24.svg', +'star-fill.svg', +'star-off-16.svg', +'star-off-24.svg', +'star-outline.svg', +'stop-circle-16.svg', +'stop-circle-24.svg', +'sub-left.svg', +'sub-right.svg', +'sun-16.svg', +'sun-24.svg', +'support-16.svg', +'support-24.svg', +'support.svg', +'swap-horizontal-16.svg', +'swap-horizontal-24.svg', +'swap-horizontal.svg', +'swap-vertical-16.svg', +'swap-vertical-24.svg', +'swap-vertical.svg', +'switcher-16.svg', +'switcher-24.svg', +'sync-16.svg', +'sync-24.svg', +'sync-alert-16.svg', +'sync-alert-24.svg', +'sync-reverse-16.svg', +'sync-reverse-24.svg', +'tablet-16.svg', +'tablet-24.svg', +'tag-16.svg', +'tag-24.svg', +'tag.svg', +'target-16.svg', +'target-24.svg', +'terminal-16.svg', +'terminal-24.svg', +'terminal-screen-16.svg', +'terminal-screen-24.svg', +'thumbs-down-16.svg', +'thumbs-down-24.svg', +'thumbs-up-16.svg', +'thumbs-up-24.svg', +'toggle-left-16.svg', +'toggle-left-24.svg', +'toggle-right-16.svg', +'toggle-right-24.svg', +'token-16.svg', +'token-24.svg', +'tools-16.svg', +'tools-24.svg', +'top-16.svg', +'top-24.svg', +'trash-16.svg', +'trash-24.svg', +'trash.svg', +'trend-down-16.svg', +'trend-down-24.svg', +'trend-up-16.svg', +'trend-up-24.svg', +'triangle-16.svg', +'triangle-24.svg', +'triangle-fill-16.svg', +'triangle-fill-24.svg', +'truck-16.svg', +'truck-24.svg', +'tune.svg', +'tv-16.svg', +'tv-24.svg', +'type-16.svg', +'type-24.svg', +'unfold-close-16.svg', +'unfold-close-24.svg', +'unfold-less.svg', +'unfold-more.svg', +'unfold-open-16.svg', +'unfold-open-24.svg', +'unlock-16.svg', +'unlock-24.svg', +'upload-16.svg', +'upload-24.svg', +'upload.svg', +'user-16.svg', +'user-24.svg', +'user-add.svg', +'user-check-16.svg', +'user-check-24.svg', +'user-circle-16.svg', +'user-circle-24.svg', +'user-circle-fill-16.svg', +'user-circle-fill-24.svg', +'user-minus-16.svg', +'user-minus-24.svg', +'user-organization.svg', +'user-plain.svg', +'user-plus-16.svg', +'user-plus-24.svg', +'user-square-fill.svg', +'user-square-outline.svg', +'user-team.svg', +'user-x-16.svg', +'user-x-24.svg', +'users-16.svg', +'users-24.svg', +'vault-16.svg', +'vault-24.svg', +'verified-16.svg', +'verified-24.svg', +'video-16.svg', +'video-24.svg', +'video-off-16.svg', +'video-off-24.svg', +'visibility-hide.svg', +'visibility-show.svg', +'vmware-16.svg', +'vmware-24.svg', +'vmware-color-16.svg', +'vmware-color-24.svg', +'volume-16.svg', +'volume-2-16.svg', +'volume-2-24.svg', +'volume-24.svg', +'volume-down-16.svg', +'volume-down-24.svg', +'volume-x-16.svg', +'volume-x-24.svg', +'wall-16.svg', +'wall-24.svg', +'watch-16.svg', +'watch-24.svg', +'webhook-16.svg', +'webhook-24.svg', +'webhook.svg', +'wifi-16.svg', +'wifi-24.svg', +'wifi-off-16.svg', +'wifi-off-24.svg', +'wrench-16.svg', +'wrench-24.svg', +'x-16.svg', +'x-24.svg', +'x-circle-16.svg', +'x-circle-24.svg', +'x-circle-fill-16.svg', +'x-circle-fill-24.svg', +'x-diamond-16.svg', +'x-diamond-24.svg', +'x-diamond-fill-16.svg', +'x-diamond-fill-24.svg', +'x-hexagon-16.svg', +'x-hexagon-24.svg', +'x-hexagon-fill-16.svg', +'x-hexagon-fill-24.svg', +'x-square-16.svg', +'x-square-24.svg', +'x-square-fill-16.svg', +'x-square-fill-24.svg', +'zap-16.svg', +'zap-24.svg', +'zap-off-16.svg', +'zap-off-24.svg', +'zoom-in-16.svg', +'zoom-in-24.svg', +'zoom-out-16.svg', +'zoom-out-24.svg' + + ].filter(item => { + const sized = item.endsWith('-16.svg') || item.endsWith('-24.svg'); + return lib === 'structure' ? !sized : sized; + }).map(item => { + const temp = item.split('.'); + temp.pop(); + const name = temp.join('.'); + let placeholder = `with-${name}`; + if(name.indexOf('-color') !== -1) { + placeholder = `${placeholder}-icon`; + } else { + placeholder = `${placeholder}-mask`; + } + return { + placeholder: placeholder, + name: name + }; + }) +}); diff --git a/ui/packages/consul-ui/app/modifiers/css-props.js b/ui/packages/consul-ui/app/modifiers/css-props.js new file mode 100644 index 0000000000..7ed02b4330 --- /dev/null +++ b/ui/packages/consul-ui/app/modifiers/css-props.js @@ -0,0 +1,39 @@ +import { modifier } from 'ember-modifier'; +const STYLE_RULE = 1; +const getCustomProperties = function() { + return Object.fromEntries( + [...document.styleSheets].reduce( + (prev, item) => + prev.concat( + [...item.cssRules] + .filter(item => item.type === STYLE_RULE) + .reduce((prev, rule) => { + const props = [...rule.style] + .filter(prop => prop.startsWith('--')) + .map(prop => [prop.trim(), rule.style.getPropertyValue(prop).trim()]); + return [...prev, ...props]; + }, []) + ), + [] + ) + ); +}; +const props = getCustomProperties(); +export default modifier(function($element, [returns], hash) { + const re = new RegExp(`^--${hash.prefix || '.'}${hash.group || ''}+`); + const obj = {}; + Object.entries(props).forEach(([key, value]) => { + const res = key.match(re); + if(res) { + let prop = res[0]; + if (prop.charAt(prop.length - 1) === '-') { + prop = prop.substr(0, prop.length - 1); + } + if (typeof obj[prop] === 'undefined') { + obj[prop] = {}; + } + obj[prop][key] = value; + } + }); + returns(obj); +}); diff --git a/ui/packages/consul-ui/app/styles/base/color/README.mdx b/ui/packages/consul-ui/app/styles/base/color/README.mdx new file mode 100644 index 0000000000..414514316d --- /dev/null +++ b/ui/packages/consul-ui/app/styles/base/color/README.mdx @@ -0,0 +1,81 @@ +# Colors + +All colors for the immediate future should _mostly_ use the following `tone` +CSS properties, unless: + +1. We get around to eventually adding semantic colors names (or adding something else) in which case these docs should be updated. +2. You are absolutely sure the color you want should never be changed by a theme. These should be very very few and far between so even if we get that wrong it should be easy to update. + +`tones` should always using the following form: + +```css +property: rgb(var(--tone-gray-500)); +``` + +In other words always use `rgb` this gives us the flexibility to easily use these variables with alpha if we ever need to. + +```css +property: rgb(var(--tone-gray-500) / 50); +``` + +Currently, alphas are mainly used for shadows. Please avoid the use of alphas for adjusting hues as they can produce unpredictable results. We should be utilizing our pre-defined color palette or adding new colors to it with proper RGB values. If you do need to add a color with alpha, please include a code comment or a self-comment explaining the use case. + +Lastly, there is currently one non-color alias group which is `--tone-brand` which is a group of our current brand colors. + + +## %theme-light (default) + +```hbs preview-template + +``` + +## %theme-dark + +If you need to build something (like a component or view) which begins in 'dark mode', you will need to switch your coloring and use + +```css +%component-name { + @extend %theme-dark; +} +``` + +```hbs preview-template + +``` + diff --git a/ui/packages/consul-ui/app/styles/base/color/ui/frame-placeholders.scss b/ui/packages/consul-ui/app/styles/base/color/ui/frame-placeholders.scss index 52d04b0973..4f0cf22e0f 100644 --- a/ui/packages/consul-ui/app/styles/base/color/ui/frame-placeholders.scss +++ b/ui/packages/consul-ui/app/styles/base/color/ui/frame-placeholders.scss @@ -9,8 +9,8 @@ %frame-brand-300 { @extend %frame-border-000; background-color: var(--transparent); - border-color: rgb(var(--decor-brand-600, inherit)); - color: rgb(var(--typo-brand-600, inherit)); + border-color: rgb(var(--decor-brand-600)); + color: rgb(var(--typo-brand-600)); } /* possibly filter bar */ diff --git a/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark-high-contrast.scss b/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark-high-contrast.scss index 22f5f94ac0..0c815c10f7 100644 --- a/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark-high-contrast.scss +++ b/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark-high-contrast.scss @@ -95,22 +95,5 @@ --tone-yellow-950: var(--yellow-950); --tone-yellow-999: var(--black); - --tone-yellow-000: var(--white); - --tone-yellow-050: var(--yellow-050); - --tone-yellow-100: var(--yellow-100); - --tone-yellow-150: var(--yellow-150); - --tone-yellow-200: var(--yellow-200); - --tone-yellow-300: var(--yellow-300); - --tone-yellow-400: var(--yellow-400); - --tone-yellow-500: var(--yellow-500); - --tone-yellow-600: var(--yellow-600); - --tone-yellow-700: var(--yellow-700); - --tone-yellow-800: var(--yellow-800); - --tone-yellow-850: var(--yellow-850); - --tone-yellow-900: var(--yellow-900); - --tone-yellow-950: var(--yellow-950); - --tone-yellow-999: var(--black); - --tone-transparent: var(--transparent); } - diff --git a/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark.scss b/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark.scss index 8bb76828a7..27f809fc1b 100644 --- a/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark.scss +++ b/ui/packages/consul-ui/app/styles/base/color/ui/themes/dark.scss @@ -79,38 +79,21 @@ --tone-orange-950: var(--orange-950); --tone-orange-999: var(--black); - --tone-yellow-000: var(--white); - --tone-yellow-050: var(--yellow-050); - --tone-yellow-100: var(--yellow-100); - --tone-yellow-150: var(--yellow-150); - --tone-yellow-200: var(--yellow-200); - --tone-yellow-300: var(--yellow-300); - --tone-yellow-400: var(--yellow-400); + --tone-yellow-000: var(--black); + --tone-yellow-050: var(--blue-950); + --tone-yellow-100: var(--yellow-900); + --tone-yellow-150: var(--yellow-850); + --tone-yellow-200: var(--yellow-800); + --tone-yellow-300: var(--yellow-700); + --tone-yellow-400: var(--yellow-600); --tone-yellow-500: var(--yellow-500); - --tone-yellow-600: var(--yellow-600); - --tone-yellow-700: var(--yellow-700); - --tone-yellow-800: var(--yellow-800); - --tone-yellow-850: var(--yellow-850); - --tone-yellow-900: var(--yellow-900); - --tone-yellow-950: var(--yellow-950); - --tone-yellow-999: var(--black); - - --tone-yellow-000: var(--white); - --tone-yellow-050: var(--yellow-050); - --tone-yellow-100: var(--yellow-100); - --tone-yellow-150: var(--yellow-150); - --tone-yellow-200: var(--yellow-200); - --tone-yellow-300: var(--yellow-300); - --tone-yellow-400: var(--yellow-400); - --tone-yellow-500: var(--yellow-500); - --tone-yellow-600: var(--yellow-600); - --tone-yellow-700: var(--yellow-700); - --tone-yellow-800: var(--yellow-800); - --tone-yellow-850: var(--yellow-850); - --tone-yellow-900: var(--yellow-900); - --tone-yellow-950: var(--yellow-950); - --tone-yellow-999: var(--black); + --tone-yellow-600: var(--yellow-400); + --tone-yellow-700: var(--yellow-300); + --tone-yellow-800: var(--yellow-200); + --tone-yellow-850: var(--yellow-250); + --tone-yellow-900: var(--yellow-100); + --tone-yellow-950: var(--yellow-050); + --tone-yellow-999: var(--white); --tone-transparent: var(--transparent); } - diff --git a/ui/packages/consul-ui/app/styles/base/color/ui/themes/light-high-contrast.scss b/ui/packages/consul-ui/app/styles/base/color/ui/themes/light-high-contrast.scss index 947fa84635..676de6b15f 100644 --- a/ui/packages/consul-ui/app/styles/base/color/ui/themes/light-high-contrast.scss +++ b/ui/packages/consul-ui/app/styles/base/color/ui/themes/light-high-contrast.scss @@ -95,21 +95,5 @@ --tone-yellow-950: var(--yellow-950); --tone-yellow-999: var(--black); - --tone-yellow-000: var(--white); - --tone-yellow-050: var(--yellow-050); - --tone-yellow-100: var(--yellow-100); - --tone-yellow-150: var(--yellow-150); - --tone-yellow-200: var(--yellow-200); - --tone-yellow-300: var(--yellow-300); - --tone-yellow-400: var(--yellow-400); - --tone-yellow-500: var(--yellow-500); - --tone-yellow-600: var(--yellow-600); - --tone-yellow-700: var(--yellow-700); - --tone-yellow-800: var(--yellow-800); - --tone-yellow-850: var(--yellow-850); - --tone-yellow-900: var(--yellow-900); - --tone-yellow-950: var(--yellow-950); - --tone-yellow-999: var(--black); - --tone-transparent: var(--transparent); } diff --git a/ui/packages/consul-ui/app/styles/base/color/ui/themes/light.scss b/ui/packages/consul-ui/app/styles/base/color/ui/themes/light.scss index 8584bfbd25..7497280ba0 100644 --- a/ui/packages/consul-ui/app/styles/base/color/ui/themes/light.scss +++ b/ui/packages/consul-ui/app/styles/base/color/ui/themes/light.scss @@ -95,21 +95,5 @@ --tone-yellow-950: var(--yellow-950); --tone-yellow-999: var(--black); - --tone-yellow-000: var(--white); - --tone-yellow-050: var(--yellow-050); - --tone-yellow-100: var(--yellow-100); - --tone-yellow-150: var(--yellow-150); - --tone-yellow-200: var(--yellow-200); - --tone-yellow-300: var(--yellow-300); - --tone-yellow-400: var(--yellow-400); - --tone-yellow-500: var(--yellow-500); - --tone-yellow-600: var(--yellow-600); - --tone-yellow-700: var(--yellow-700); - --tone-yellow-800: var(--yellow-800); - --tone-yellow-850: var(--yellow-850); - --tone-yellow-900: var(--yellow-900); - --tone-yellow-950: var(--yellow-950); - --tone-yellow-999: var(--black); - --tone-transparent: var(--transparent); } diff --git a/ui/packages/consul-ui/app/styles/base/icons/README.mdx b/ui/packages/consul-ui/app/styles/base/icons/README.mdx new file mode 100644 index 0000000000..8c8791353b --- /dev/null +++ b/ui/packages/consul-ui/app/styles/base/icons/README.mdx @@ -0,0 +1,74 @@ +# Iconography + +Please prefer our Constructable `%placeholder` styles over singular CSS +properties. If you need to drop back, to something not covered there then you +can also use CSS properties directly. + +All icons use a `%with-` prefix for example `%with-alert-circle-fill-icon` or +`%with-alert-circle-fill-mask`. We mostly use the `-mask` suffix and also use +the `%as-pseudo` placeholder to tell CSS that we are using the background on a +pseudo element: + +```css +.selector::before { + @extend %with-alert-circle-fill-mask, %as-pseudo; +} +``` + +If you are not using a pseudo element for whatever reason, then you do not need +to use `%as-pseudo`. + +When using `-mask` icons, color will use the `currentColor` of the element. If +you need the color of the icon to be different to the text you can define the +color of the icon itself via the `color` CSS property (preferred) but you can +also use `background-color`. + +```css +.selector::before { + @extend %with-alert-circle-fill-mask, %as-pseudo; + color: rgb(var(--tone-strawberry-500)); +} +``` + +If you need to use a colored icon (usually an existing brand icon) then don't +use `-mask`, use `-icon` instead: + +```css +.selector::before { + @extend %with-logo-consul-color-icon, %as-pseudo; +} +``` + +## Structure Icons + Consul Specific Icons + +```hbs preview-template + +``` + +## Flight Icons + +```hbs preview-template + +``` diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss b/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss index e8658c8467..c659f53745 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss @@ -3,6 +3,8 @@ background-position: center; } %with-mask { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; mask-repeat: no-repeat; mask-position: center; background-color: currentColor; diff --git a/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss b/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss index c79b863f45..5149201eca 100644 --- a/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss +++ b/ui/packages/consul-ui/app/styles/base/icons/base-variables.scss @@ -1,4131 +1,5164 @@ + %activity-16-svg-prop { - --activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %activity-24-svg-prop { - --activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-circle-16-svg-prop { - --alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-circle-24-svg-prop { - --alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-circle-fill-16-svg-prop { - --alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-circle-fill-24-svg-prop { - --alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-circle-fill-svg-prop { --alert-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %alert-circle-outline-svg-prop { --alert-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %alert-octagon-16-svg-prop { - --alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-octagon-24-svg-prop { - --alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-octagon-fill-16-svg-prop { - --alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-octagon-fill-24-svg-prop { - --alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-triangle-16-svg-prop { - --alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-triangle-24-svg-prop { - --alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-triangle-fill-16-svg-prop { - --alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-triangle-fill-24-svg-prop { - --alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alert-triangle-svg-prop { --alert-triangle-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %alibaba-16-svg-prop { - --alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alibaba-24-svg-prop { - --alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alibaba-color-16-svg-prop { - --alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %alibaba-color-24-svg-prop { - --alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-center-16-svg-prop { - --align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-center-24-svg-prop { - --align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-justify-16-svg-prop { - --align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-justify-24-svg-prop { - --align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-left-16-svg-prop { - --align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-left-24-svg-prop { - --align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-right-16-svg-prop { - --align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %align-right-24-svg-prop { - --align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %apple-16-svg-prop { - --apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %apple-24-svg-prop { - --apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %apple-color-16-svg-prop { - --apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %apple-color-24-svg-prop { - --apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %archive-16-svg-prop { - --archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %archive-24-svg-prop { - --archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-16-svg-prop { - --arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-24-svg-prop { - --arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-circle-16-svg-prop { - --arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-circle-24-svg-prop { - --arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-left-16-svg-prop { - --arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-left-24-svg-prop { - --arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-right-16-svg-prop { - --arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-right-24-svg-prop { - --arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-down-svg-prop { --arrow-down-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %arrow-left-16-svg-prop { - --arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-left-24-svg-prop { - --arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-left-circle-16-svg-prop { - --arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-left-circle-24-svg-prop { - --arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-left-svg-prop { --arrow-left-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %arrow-right-16-svg-prop { - --arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-right-24-svg-prop { - --arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-right-circle-16-svg-prop { - --arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-right-circle-24-svg-prop { - --arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-right-svg-prop { --arrow-right-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %arrow-up-16-svg-prop { - --arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-24-svg-prop { - --arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-circle-16-svg-prop { - --arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-circle-24-svg-prop { - --arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-left-16-svg-prop { - --arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-left-24-svg-prop { - --arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-right-16-svg-prop { - --arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-right-24-svg-prop { - --arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %arrow-up-svg-prop { --arrow-up-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %at-sign-16-svg-prop { - --at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %at-sign-24-svg-prop { - --at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auth0-16-svg-prop { - --auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auth0-24-svg-prop { - --auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auth0-color-16-svg-prop { - --auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auth0-color-24-svg-prop { - --auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auto-apply-16-svg-prop { - --auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %auto-apply-24-svg-prop { - --auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %award-16-svg-prop { - --award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %award-24-svg-prop { - --award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %aws-16-svg-prop { - --aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %aws-24-svg-prop { - --aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %aws-color-16-svg-prop { - --aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %aws-color-24-svg-prop { - --aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-16-svg-prop { - --azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-24-svg-prop { - --azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-color-16-svg-prop { - --azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-color-24-svg-prop { - --azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-devops-16-svg-prop { - --azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-devops-24-svg-prop { - --azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-devops-color-16-svg-prop { - --azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %azure-devops-color-24-svg-prop { - --azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bar-chart-16-svg-prop { - --bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bar-chart-24-svg-prop { - --bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bar-chart-alt-16-svg-prop { - --bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bar-chart-alt-24-svg-prop { - --bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %battery-16-svg-prop { - --battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %battery-24-svg-prop { - --battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %battery-charging-16-svg-prop { - --battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %battery-charging-24-svg-prop { - --battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %beaker-16-svg-prop { - --beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %beaker-24-svg-prop { - --beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-16-svg-prop { - --bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-24-svg-prop { - --bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-active-16-svg-prop { - --bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-active-24-svg-prop { - --bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-active-fill-16-svg-prop { - --bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-active-fill-24-svg-prop { - --bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-off-16-svg-prop { - --bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bell-off-24-svg-prop { - --bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bitbucket-16-svg-prop { - --bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bitbucket-24-svg-prop { - --bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bitbucket-color-16-svg-prop { - --bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bitbucket-color-24-svg-prop { - --bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bolt-svg-prop { --bolt-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %bookmark-16-svg-prop { - --bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-24-svg-prop { - --bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-add-16-svg-prop { - --bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-add-24-svg-prop { - --bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-add-fill-16-svg-prop { - --bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-add-fill-24-svg-prop { - --bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-fill-16-svg-prop { - --bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-fill-24-svg-prop { - --bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-remove-16-svg-prop { - --bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-remove-24-svg-prop { - --bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-remove-fill-16-svg-prop { - --bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bookmark-remove-fill-24-svg-prop { - --bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bottom-16-svg-prop { - --bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bottom-24-svg-prop { - --bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %box-16-svg-prop { - --box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %box-24-svg-prop { - --box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %box-check-fill-svg-prop { --box-check-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %box-outline-svg-prop { --box-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %briefcase-16-svg-prop { - --briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %briefcase-24-svg-prop { - --briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %broadcast-svg-prop { --broadcast-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %bug-16-svg-prop { - --bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bug-24-svg-prop { - --bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %bug-svg-prop { --bug-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %build-16-svg-prop { - --build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %build-24-svg-prop { - --build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %calendar-16-svg-prop { - --calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %calendar-24-svg-prop { - --calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %calendar-svg-prop { --calendar-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %camera-16-svg-prop { - --camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %camera-24-svg-prop { - --camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %camera-off-16-svg-prop { - --camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %camera-off-24-svg-prop { - --camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cancel-circle-fill-svg-prop { --cancel-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cancel-circle-outline-svg-prop { --cancel-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cancel-plain-svg-prop { --cancel-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cancel-square-fill-svg-prop { --cancel-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cancel-square-outline-svg-prop { --cancel-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %caret-16-svg-prop { - --caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %caret-24-svg-prop { - --caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %caret-down-svg-prop { --caret-down-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %caret-up-svg-prop { --caret-up-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cast-16-svg-prop { - --cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cast-24-svg-prop { - --cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %certificate-16-svg-prop { - --certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %certificate-24-svg-prop { - --certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-16-svg-prop { - --change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-24-svg-prop { - --change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-circle-16-svg-prop { - --change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-circle-24-svg-prop { - --change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-square-16-svg-prop { - --change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %change-square-24-svg-prop { - --change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-16-svg-prop { - --check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-24-svg-prop { - --check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-circle-16-svg-prop { - --check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-circle-24-svg-prop { - --check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-circle-fill-16-svg-prop { - --check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-circle-fill-24-svg-prop { - --check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-circle-fill-svg-prop { --check-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %check-circle-outline-svg-prop { --check-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %check-diamond-16-svg-prop { - --check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-diamond-24-svg-prop { - --check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-diamond-fill-16-svg-prop { - --check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-diamond-fill-24-svg-prop { - --check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-hexagon-16-svg-prop { - --check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-hexagon-24-svg-prop { - --check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-hexagon-fill-16-svg-prop { - --check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-hexagon-fill-24-svg-prop { - --check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-plain-svg-prop { --check-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %check-square-16-svg-prop { - --check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-square-24-svg-prop { - --check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-square-fill-16-svg-prop { - --check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %check-square-fill-24-svg-prop { - --check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-down-16-svg-prop { - --chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-down-24-svg-prop { - --chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-down-svg-prop { --chevron-down-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %chevron-left-16-svg-prop { - --chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-left-24-svg-prop { - --chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-left-svg-prop { --chevron-left-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %chevron-right-16-svg-prop { - --chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-right-24-svg-prop { - --chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-right-svg-prop { --chevron-right-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %chevron-up-16-svg-prop { - --chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-up-24-svg-prop { - --chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevron-up-svg-prop { --chevron-up-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %chevrons-down-16-svg-prop { - --chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-down-24-svg-prop { - --chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-left-16-svg-prop { - --chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-left-24-svg-prop { - --chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-right-16-svg-prop { - --chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-right-24-svg-prop { - --chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-up-16-svg-prop { - --chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %chevrons-up-24-svg-prop { - --chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-16-svg-prop { - --circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-24-svg-prop { - --circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-dot-16-svg-prop { - --circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-dot-24-svg-prop { - --circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-fill-16-svg-prop { - --circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-fill-24-svg-prop { - --circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-half-16-svg-prop { - --circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %circle-half-24-svg-prop { - --circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-16-svg-prop { - --clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-24-svg-prop { - --clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-checked-16-svg-prop { - --clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-checked-24-svg-prop { - --clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-copy-16-svg-prop { - --clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clipboard-copy-24-svg-prop { - --clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clock-16-svg-prop { - --clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clock-24-svg-prop { - --clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %clock-fill-svg-prop { --clock-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %clock-outline-svg-prop { --clock-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cloud-16-svg-prop { - --cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-24-svg-prop { - --cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-check-16-svg-prop { - --cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-check-24-svg-prop { - --cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-cross-svg-prop { --cloud-cross-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %cloud-download-16-svg-prop { - --cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-download-24-svg-prop { - --cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-lightning-16-svg-prop { - --cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-lightning-24-svg-prop { - --cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-lock-16-svg-prop { - --cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-lock-24-svg-prop { - --cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-off-16-svg-prop { - --cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-off-24-svg-prop { - --cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-upload-16-svg-prop { - --cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-upload-24-svg-prop { - --cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-x-16-svg-prop { - --cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cloud-x-24-svg-prop { - --cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %code-16-svg-prop { - --code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %code-24-svg-prop { - --code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %code-svg-prop { --code-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %collections-16-svg-prop { - --collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %collections-24-svg-prop { - --collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %command-16-svg-prop { - --command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %command-24-svg-prop { - --command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %compass-16-svg-prop { - --compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %compass-24-svg-prop { - --compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %connection-16-svg-prop { - --connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %connection-24-svg-prop { - --connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %connection-gateway-16-svg-prop { - --connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %connection-gateway-24-svg-prop { - --connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %console-svg-prop { --console-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %copy-action-svg-prop { --copy-action-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %copy-success-svg-prop { --copy-success-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %corner-down-left-16-svg-prop { - --corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-down-left-24-svg-prop { - --corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-down-right-16-svg-prop { - --corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-down-right-24-svg-prop { - --corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-left-down-16-svg-prop { - --corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-left-down-24-svg-prop { - --corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-left-up-16-svg-prop { - --corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-left-up-24-svg-prop { - --corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-right-down-16-svg-prop { - --corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-right-down-24-svg-prop { - --corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-right-up-16-svg-prop { - --corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-right-up-24-svg-prop { - --corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-up-left-16-svg-prop { - --corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-up-left-24-svg-prop { - --corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-up-right-16-svg-prop { - --corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %corner-up-right-24-svg-prop { - --corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cpu-16-svg-prop { - --cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %cpu-24-svg-prop { - --cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %credit-card-16-svg-prop { - --credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %credit-card-24-svg-prop { - --credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %crop-16-svg-prop { - --crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %crop-24-svg-prop { - --crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %crosshair-16-svg-prop { - --crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %crosshair-24-svg-prop { - --crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dashboard-16-svg-prop { - --dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dashboard-24-svg-prop { - --dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %database-16-svg-prop { - --database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %database-24-svg-prop { - --database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %database-svg-prop { --database-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %delay-16-svg-prop { - --delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %delay-24-svg-prop { - --delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %delay-svg-prop { --delay-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %delete-16-svg-prop { - --delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %delete-24-svg-prop { - --delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %deny-alt-svg-prop { --deny-alt-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %deny-color-svg-prop { --deny-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %deny-default-svg-prop { --deny-default-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %diamond-16-svg-prop { - --diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %diamond-24-svg-prop { - --diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %diamond-fill-16-svg-prop { - --diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %diamond-fill-24-svg-prop { - --diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %disabled-svg-prop { --disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %disc-16-svg-prop { - --disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %disc-24-svg-prop { - --disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %discussion-circle-16-svg-prop { - --discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %discussion-circle-24-svg-prop { - --discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %discussion-square-16-svg-prop { - --discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %discussion-square-24-svg-prop { - --discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docker-16-svg-prop { - --docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docker-24-svg-prop { - --docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docker-color-16-svg-prop { - --docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docker-color-24-svg-prop { - --docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-16-svg-prop { - --docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-24-svg-prop { - --docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-download-16-svg-prop { - --docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-download-24-svg-prop { - --docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-link-16-svg-prop { - --docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-link-24-svg-prop { - --docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %docs-svg-prop { --docs-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %dollar-sign-16-svg-prop { - --dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dollar-sign-24-svg-prop { - --dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dot-16-svg-prop { - --dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dot-24-svg-prop { - --dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dot-half-16-svg-prop { - --dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %dot-half-24-svg-prop { - --dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %download-16-svg-prop { - --download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %download-24-svg-prop { - --download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %download-svg-prop { --download-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %droplet-16-svg-prop { - --droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %droplet-24-svg-prop { - --droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %duplicate-16-svg-prop { - --duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %duplicate-24-svg-prop { - --duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %edit-16-svg-prop { - --edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %edit-24-svg-prop { - --edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %edit-svg-prop { --edit-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %entry-point-16-svg-prop { - --entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %entry-point-24-svg-prop { - --entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %envelope-sealed-fill-svg-prop { --envelope-sealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %envelope-sealed-outline-svg-prop { --envelope-sealed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %envelope-unsealed--outline-svg-prop { --envelope-unsealed--outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %envelope-unsealed-fill-svg-prop { --envelope-unsealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %event-16-svg-prop { - --event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %event-24-svg-prop { - --event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %exit-point-16-svg-prop { - --exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %exit-point-24-svg-prop { - --exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %exit-svg-prop { --exit-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %expand-less-svg-prop { --expand-less-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %expand-more-svg-prop { --expand-more-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %external-link-16-svg-prop { - --external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %external-link-24-svg-prop { - --external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %eye-16-svg-prop { - --eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %eye-24-svg-prop { - --eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %eye-off-16-svg-prop { - --eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %eye-off-24-svg-prop { - --eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %f5-16-svg-prop { - --f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %f5-24-svg-prop { - --f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %f5-color-16-svg-prop { - --f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %f5-color-24-svg-prop { - --f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %fast-forward-16-svg-prop { - --fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %fast-forward-24-svg-prop { - --fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-16-svg-prop { - --file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-24-svg-prop { - --file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-change-16-svg-prop { - --file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-change-24-svg-prop { - --file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-check-16-svg-prop { - --file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-check-24-svg-prop { - --file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-diff-16-svg-prop { - --file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-diff-24-svg-prop { - --file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-fill-svg-prop { --file-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %file-minus-16-svg-prop { - --file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-minus-24-svg-prop { - --file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-outline-svg-prop { --file-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %file-plus-16-svg-prop { - --file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-plus-24-svg-prop { - --file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-source-16-svg-prop { - --file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-source-24-svg-prop { - --file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-text-16-svg-prop { - --file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-text-24-svg-prop { - --file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-x-16-svg-prop { - --file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %file-x-24-svg-prop { - --file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %files-16-svg-prop { - --files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %files-24-svg-prop { - --files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %film-16-svg-prop { - --film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %film-24-svg-prop { - --film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-16-svg-prop { - --filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-24-svg-prop { - --filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-circle-16-svg-prop { - --filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-circle-24-svg-prop { - --filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-fill-16-svg-prop { - --filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-fill-24-svg-prop { - --filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %filter-svg-prop { --filter-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %fingerprint-16-svg-prop { - --fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %fingerprint-24-svg-prop { - --fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %flag-16-svg-prop { - --flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %flag-24-svg-prop { - --flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %flag-svg-prop { --flag-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %folder-16-svg-prop { - --folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-24-svg-prop { - --folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-fill-16-svg-prop { - --folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-fill-24-svg-prop { - --folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-fill-svg-prop { --folder-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %folder-minus-16-svg-prop { - --folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-minus-24-svg-prop { - --folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-minus-fill-16-svg-prop { - --folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-minus-fill-24-svg-prop { - --folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-outline-svg-prop { --folder-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %folder-plus-16-svg-prop { - --folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-plus-24-svg-prop { - --folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-plus-fill-16-svg-prop { - --folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-plus-fill-24-svg-prop { - --folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-star-16-svg-prop { - --folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-star-24-svg-prop { - --folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-users-16-svg-prop { - --folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %folder-users-24-svg-prop { - --folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %frown-16-svg-prop { - --frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %frown-24-svg-prop { - --frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gateway-16-svg-prop { - --gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gateway-24-svg-prop { - --gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gateway-svg-prop { --gateway-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %gcp-16-svg-prop { - --gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gcp-24-svg-prop { - --gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gcp-color-16-svg-prop { - --gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gcp-color-24-svg-prop { - --gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gift-16-svg-prop { - --gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gift-24-svg-prop { - --gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gift-fill-svg-prop { --gift-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %gift-outline-svg-prop { --gift-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %git-branch-16-svg-prop { - --git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-branch-24-svg-prop { - --git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-branch-svg-prop { --git-branch-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %git-commit-16-svg-prop { - --git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-commit-24-svg-prop { - --git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-commit-svg-prop { --git-commit-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %git-merge-16-svg-prop { - --git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-merge-24-svg-prop { - --git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-pull-request-16-svg-prop { - --git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-pull-request-24-svg-prop { - --git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-pull-request-svg-prop { --git-pull-request-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %git-repo-16-svg-prop { - --git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-repo-24-svg-prop { - --git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %git-repository-svg-prop { --git-repository-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %github-16-svg-prop { - --github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %github-24-svg-prop { - --github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %github-color-16-svg-prop { - --github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %github-color-24-svg-prop { - --github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gitlab-16-svg-prop { - --gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gitlab-24-svg-prop { - --gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gitlab-color-16-svg-prop { - --gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %gitlab-color-24-svg-prop { - --gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %globe-16-svg-prop { - --globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %globe-24-svg-prop { - --globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %globe-private-16-svg-prop { - --globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %globe-private-24-svg-prop { - --globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %google-16-svg-prop { - --google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %google-24-svg-prop { - --google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %google-color-16-svg-prop { - --google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %google-color-24-svg-prop { - --google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %grid-16-svg-prop { - --grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %grid-24-svg-prop { - --grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %grid-alt-16-svg-prop { - --grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %grid-alt-24-svg-prop { - --grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %guide-16-svg-prop { - --guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %guide-24-svg-prop { - --guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %guide-link-16-svg-prop { - --guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %guide-link-24-svg-prop { - --guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %guide-svg-prop { --guide-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %hammer-16-svg-prop { - --hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hammer-24-svg-prop { - --hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hard-drive-16-svg-prop { - --hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hard-drive-24-svg-prop { - --hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hash-16-svg-prop { - --hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hash-24-svg-prop { - --hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %headphones-16-svg-prop { - --headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %headphones-24-svg-prop { - --headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %health-svg-prop { --health-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %heart-16-svg-prop { - --heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %heart-24-svg-prop { - --heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %heart-fill-16-svg-prop { - --heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %heart-fill-24-svg-prop { - --heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %heart-off-16-svg-prop { - --heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %heart-off-24-svg-prop { - --heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %help-16-svg-prop { - --help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %help-24-svg-prop { - --help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %help-circle-fill-svg-prop { --help-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %help-circle-outline-svg-prop { --help-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %hexagon-16-svg-prop { - --hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hexagon-24-svg-prop { - --hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hexagon-fill-16-svg-prop { - --hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hexagon-fill-24-svg-prop { - --hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %history-16-svg-prop { - --history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %history-24-svg-prop { - --history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %history-svg-prop { --history-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %home-16-svg-prop { - --home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %home-24-svg-prop { - --home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hourglass-16-svg-prop { - --hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %hourglass-24-svg-prop { - --hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %identity-service-16-svg-prop { - --identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %identity-service-24-svg-prop { - --identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %identity-user-16-svg-prop { - --identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %identity-user-24-svg-prop { - --identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %image-16-svg-prop { - --image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %image-24-svg-prop { - --image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %inbox-16-svg-prop { - --inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %inbox-24-svg-prop { - --inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %info-16-svg-prop { - --info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %info-24-svg-prop { - --info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %info-circle-fill-svg-prop { --info-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %info-circle-outline-svg-prop { --info-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %jump-link-16-svg-prop { - --jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %jump-link-24-svg-prop { - --jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %key-16-svg-prop { - --key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %key-24-svg-prop { - --key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %key-values-16-svg-prop { - --key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %key-values-24-svg-prop { - --key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %key-svg-prop { --key-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %kubernetes-16-svg-prop { - --kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %kubernetes-24-svg-prop { - --kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %kubernetes-color-16-svg-prop { - --kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %kubernetes-color-24-svg-prop { - --kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %labyrinth-16-svg-prop { - --labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %labyrinth-24-svg-prop { - --labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %layers-16-svg-prop { - --layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %layers-24-svg-prop { - --layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %layers-svg-prop { --layers-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %layout-16-svg-prop { - --layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %layout-24-svg-prop { - --layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %learn-16-svg-prop { - --learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %learn-24-svg-prop { - --learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %learn-link-16-svg-prop { - --learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %learn-link-24-svg-prop { - --learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %learn-svg-prop { --learn-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %line-chart-16-svg-prop { - --line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %line-chart-24-svg-prop { - --line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %line-chart-up-16-svg-prop { - --line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %line-chart-up-24-svg-prop { - --line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %link-16-svg-prop { - --link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %link-24-svg-prop { - --link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %link-svg-prop { --link-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %list-16-svg-prop { - --list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %list-24-svg-prop { - --list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %loading-svg-prop { - --loading-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --loading-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-16-svg-prop { - --lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-24-svg-prop { - --lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-closed-fill-svg-prop { --lock-closed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %lock-closed-outline-svg-prop { --lock-closed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %lock-closed-svg-prop { --lock-closed-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %lock-disabled-svg-prop { --lock-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %lock-fill-16-svg-prop { - --lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-fill-24-svg-prop { - --lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-off-16-svg-prop { - --lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-off-24-svg-prop { - --lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %lock-open-svg-prop { --lock-open-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-alicloud-color-svg-prop { --logo-alicloud-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-alicloud-monochrome-svg-prop { --logo-alicloud-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-auth0-color-svg-prop { --logo-auth0-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-aws-color-svg-prop { --logo-aws-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-aws-monochrome-svg-prop { --logo-aws-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-azure-color-svg-prop { --logo-azure-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-azure-dev-ops-color-svg-prop { --logo-azure-dev-ops-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-azure-dev-ops-monochrome-svg-prop { --logo-azure-dev-ops-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-azure-monochrome-svg-prop { --logo-azure-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-bitbucket-color-svg-prop { --logo-bitbucket-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-bitbucket-monochrome-svg-prop { --logo-bitbucket-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-consul-color-svg-prop { --logo-consul-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-ember-circle-color-svg-prop { --logo-ember-circle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-gcp-color-svg-prop { --logo-gcp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-gcp-monochrome-svg-prop { --logo-gcp-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-github-color-svg-prop { --logo-github-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-github-monochrome-svg-prop { --logo-github-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-gitlab-color-svg-prop { --logo-gitlab-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-gitlab-monochrome-svg-prop { --logo-gitlab-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-glimmer-color-svg-prop { --logo-glimmer-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-google-color-svg-prop { --logo-google-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-google-monochrome-svg-prop { --logo-google-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-hashicorp-color-svg-prop { --logo-hashicorp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-jwt-color-svg-prop { --logo-jwt-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-kubernetes-color-svg-prop { --logo-kubernetes-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-kubernetes-monochrome-svg-prop { --logo-kubernetes-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-microsoft-color-svg-prop { --logo-microsoft-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-nomad-color-svg-prop { --logo-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-oidc-color-svg-prop { --logo-oidc-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-okta-color-svg-prop { --logo-okta-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-oracle-color-svg-prop { --logo-oracle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-oracle-monochrome-svg-prop { --logo-oracle-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-slack-color-svg-prop { --logo-slack-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-slack-monochrome-svg-prop { --logo-slack-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-terraform-color-svg-prop { --logo-terraform-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-vault-color-svg-prop { --logo-vault-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-vmware-color-svg-prop { --logo-vmware-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %logo-vmware-monochrome-svg-prop { --logo-vmware-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %mail-16-svg-prop { - --mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mail-24-svg-prop { - --mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mail-open-16-svg-prop { - --mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mail-open-24-svg-prop { - --mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %map-16-svg-prop { - --map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %map-24-svg-prop { - --map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %map-pin-16-svg-prop { - --map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %map-pin-24-svg-prop { - --map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %maximize-16-svg-prop { - --maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %maximize-24-svg-prop { - --maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %maximize-alt-16-svg-prop { - --maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %maximize-alt-24-svg-prop { - --maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %meh-16-svg-prop { - --meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %meh-24-svg-prop { - --meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %menu-16-svg-prop { - --menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %menu-24-svg-prop { - --menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %menu-svg-prop { --menu-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %mesh-16-svg-prop { - --mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mesh-24-svg-prop { - --mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mesh-svg-prop { --mesh-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %message-circle-16-svg-prop { - --message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-circle-24-svg-prop { - --message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-circle-fill-16-svg-prop { - --message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-circle-fill-24-svg-prop { - --message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-square-16-svg-prop { - --message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-square-24-svg-prop { - --message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-square-fill-16-svg-prop { - --message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-square-fill-24-svg-prop { - --message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %message-svg-prop { --message-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %mic-16-svg-prop { - --mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mic-24-svg-prop { - --mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mic-off-16-svg-prop { - --mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mic-off-24-svg-prop { - --mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %microsoft-16-svg-prop { - --microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %microsoft-24-svg-prop { - --microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %microsoft-color-16-svg-prop { - --microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %microsoft-color-24-svg-prop { - --microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %migrate-16-svg-prop { - --migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %migrate-24-svg-prop { - --migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minimize-16-svg-prop { - --minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minimize-24-svg-prop { - --minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minimize-alt-16-svg-prop { - --minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minimize-alt-24-svg-prop { - --minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-16-svg-prop { - --minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-24-svg-prop { - --minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-circle-16-svg-prop { - --minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-circle-24-svg-prop { - --minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-circle-fill-svg-prop { --minus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %minus-circle-outline-svg-prop { --minus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %minus-plain-svg-prop { --minus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %minus-plus-16-svg-prop { - --minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-plus-24-svg-prop { - --minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-plus-circle-16-svg-prop { - --minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-plus-circle-24-svg-prop { - --minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-plus-square-16-svg-prop { - --minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-plus-square-24-svg-prop { - --minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-square-16-svg-prop { - --minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-square-24-svg-prop { - --minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %minus-square-fill-svg-prop { --minus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %module-16-svg-prop { - --module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %module-24-svg-prop { - --module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %module-svg-prop { --module-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %monitor-16-svg-prop { - --monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %monitor-24-svg-prop { - --monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %moon-16-svg-prop { - --moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %moon-24-svg-prop { - --moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %more-horizontal-16-svg-prop { - --more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %more-horizontal-24-svg-prop { - --more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %more-horizontal-svg-prop { --more-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %more-vertical-16-svg-prop { - --more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %more-vertical-24-svg-prop { - --more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %more-vertical-svg-prop { --more-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %mouse-pointer-16-svg-prop { - --mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %mouse-pointer-24-svg-prop { - --mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %move-16-svg-prop { - --move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %move-24-svg-prop { - --move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %music-16-svg-prop { - --music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %music-24-svg-prop { - --music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %navigation-16-svg-prop { - --navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %navigation-24-svg-prop { - --navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %navigation-alt-16-svg-prop { - --navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %navigation-alt-24-svg-prop { - --navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %network-16-svg-prop { - --network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %network-24-svg-prop { - --network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %network-alt-16-svg-prop { - --network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %network-alt-24-svg-prop { - --network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %newspaper-16-svg-prop { - --newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %newspaper-24-svg-prop { - --newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %node-16-svg-prop { - --node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %node-24-svg-prop { - --node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %notification-disabled-svg-prop { --notification-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %notification-fill-svg-prop { --notification-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %notification-outline-svg-prop { --notification-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %octagon-16-svg-prop { - --octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %octagon-24-svg-prop { - --octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %okta-16-svg-prop { - --okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %okta-24-svg-prop { - --okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %okta-color-16-svg-prop { - --okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %okta-color-24-svg-prop { - --okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %oracle-16-svg-prop { - --oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %oracle-24-svg-prop { - --oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %oracle-color-16-svg-prop { - --oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %oracle-color-24-svg-prop { - --oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %org-16-svg-prop { - --org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %org-24-svg-prop { - --org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %outline-16-svg-prop { - --outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %outline-24-svg-prop { - --outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %outline-svg-prop { --outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %package-16-svg-prop { - --package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %package-24-svg-prop { - --package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %page-outline-svg-prop { --page-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %paperclip-16-svg-prop { - --paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %paperclip-24-svg-prop { - --paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %partner-svg-prop { --partner-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %path-16-svg-prop { - --path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %path-24-svg-prop { - --path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %path-svg-prop { --path-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %pause-16-svg-prop { - --pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pause-24-svg-prop { - --pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pause-circle-16-svg-prop { - --pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pause-circle-24-svg-prop { - --pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pen-tool-16-svg-prop { - --pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pen-tool-24-svg-prop { - --pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pencil-tool-16-svg-prop { - --pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pencil-tool-24-svg-prop { - --pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-16-svg-prop { - --phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-24-svg-prop { - --phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-call-16-svg-prop { - --phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-call-24-svg-prop { - --phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-off-16-svg-prop { - --phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %phone-off-24-svg-prop { - --phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pie-chart-16-svg-prop { - --pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pie-chart-24-svg-prop { - --pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pin-16-svg-prop { - --pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %pin-24-svg-prop { - --pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %play-16-svg-prop { - --play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %play-24-svg-prop { - --play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %play-circle-16-svg-prop { - --play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %play-circle-24-svg-prop { - --play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %play-fill-svg-prop { --play-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %play-outline-svg-prop { --play-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %play-plain-svg-prop { --play-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %plus-16-svg-prop { - --plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-24-svg-prop { - --plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-circle-16-svg-prop { - --plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-circle-24-svg-prop { - --plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-circle-fill-svg-prop { --plus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %plus-circle-outline-svg-prop { --plus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %plus-plain-svg-prop { --plus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %plus-square-16-svg-prop { - --plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-square-24-svg-prop { - --plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %plus-square-fill-svg-prop { --plus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %port-svg-prop { --port-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %power-16-svg-prop { - --power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %power-24-svg-prop { - --power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %printer-16-svg-prop { - --printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %printer-24-svg-prop { - --printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %protocol-svg-prop { --protocol-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %provider-16-svg-prop { - --provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %provider-24-svg-prop { - --provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %provider-svg-prop { --provider-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %public-default-svg-prop { --public-default-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %public-locked-svg-prop { --public-locked-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %queue-16-svg-prop { - --queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %queue-24-svg-prop { - --queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %queue-svg-prop { --queue-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %radio-16-svg-prop { - --radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %radio-24-svg-prop { - --radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %radio-button-checked-svg-prop { --radio-button-checked-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %radio-button-unchecked-svg-prop { --radio-button-unchecked-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %random-16-svg-prop { - --random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %random-24-svg-prop { - --random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %random-svg-prop { --random-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %redirect-16-svg-prop { - --redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %redirect-24-svg-prop { - --redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %redirect-svg-prop { - --redirect-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --redirect-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %refresh-alert-svg-prop { --refresh-alert-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %refresh-default-svg-prop { --refresh-default-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %reload-16-svg-prop { - --reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %reload-24-svg-prop { - --reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %remix-svg-prop { --remix-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %repeat-16-svg-prop { - --repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %repeat-24-svg-prop { - --repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %replication-direct-16-svg-prop { - --replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %replication-direct-24-svg-prop { - --replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %replication-perf-16-svg-prop { - --replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %replication-perf-24-svg-prop { - --replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rewind-16-svg-prop { - --rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rewind-24-svg-prop { - --rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %ribbon-svg-prop { --ribbon-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %rocket-16-svg-prop { - --rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rocket-24-svg-prop { - --rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rotate-ccw-16-svg-prop { - --rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rotate-ccw-24-svg-prop { - --rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rotate-cw-16-svg-prop { - --rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rotate-cw-24-svg-prop { - --rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rss-16-svg-prop { - --rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %rss-24-svg-prop { - --rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %run-svg-prop { - --run-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --run-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %save-16-svg-prop { - --save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %save-24-svg-prop { - --save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %scissors-16-svg-prop { - --scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %scissors-24-svg-prop { - --scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %search-16-svg-prop { - --search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %search-24-svg-prop { - --search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %search-color-svg-prop { --search-color-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %search-svg-prop { --search-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %send-16-svg-prop { - --send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %send-24-svg-prop { - --send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %server-16-svg-prop { - --server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %server-24-svg-prop { - --server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %server-cluster-16-svg-prop { - --server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %server-cluster-24-svg-prop { - --server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %serverless-16-svg-prop { - --serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %serverless-24-svg-prop { - --serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %settings-16-svg-prop { - --settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %settings-24-svg-prop { - --settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %settings-svg-prop { --settings-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %share-16-svg-prop { - --share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %share-24-svg-prop { - --share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-16-svg-prop { - --shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-24-svg-prop { - --shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-alert-16-svg-prop { - --shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-alert-24-svg-prop { - --shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-check-16-svg-prop { - --shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-check-24-svg-prop { - --shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-off-16-svg-prop { - --shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-off-24-svg-prop { - --shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-x-16-svg-prop { - --shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shield-x-24-svg-prop { - --shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shopping-bag-16-svg-prop { - --shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shopping-bag-24-svg-prop { - --shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shopping-cart-16-svg-prop { - --shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shopping-cart-24-svg-prop { - --shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shuffle-16-svg-prop { - --shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %shuffle-24-svg-prop { - --shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-16-svg-prop { - --sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-24-svg-prop { - --sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-hide-16-svg-prop { - --sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-hide-24-svg-prop { - --sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-show-16-svg-prop { - --sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sidebar-show-24-svg-prop { - --sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sign-in-16-svg-prop { - --sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sign-in-24-svg-prop { - --sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sign-out-16-svg-prop { - --sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sign-out-24-svg-prop { - --sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-16-svg-prop { - --skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-24-svg-prop { - --skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-back-16-svg-prop { - --skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-back-24-svg-prop { - --skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-forward-16-svg-prop { - --skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %skip-forward-24-svg-prop { - --skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slack-16-svg-prop { - --slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slack-24-svg-prop { - --slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slack-color-16-svg-prop { - --slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slack-color-24-svg-prop { - --slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slash-16-svg-prop { - --slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slash-24-svg-prop { - --slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slash-square-16-svg-prop { - --slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %slash-square-24-svg-prop { - --slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sliders-16-svg-prop { - --sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sliders-24-svg-prop { - --sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %smartphone-16-svg-prop { - --smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %smartphone-24-svg-prop { - --smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %smile-16-svg-prop { - --smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %smile-24-svg-prop { - --smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %socket-16-svg-prop { - --socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %socket-24-svg-prop { - --socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %socket-svg-prop { --socket-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %sort-asc-16-svg-prop { - --sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sort-asc-24-svg-prop { - --sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sort-desc-16-svg-prop { - --sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sort-desc-24-svg-prop { - --sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sort-svg-prop { --sort-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %source-file-svg-prop { --source-file-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %speaker-16-svg-prop { - --speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %speaker-24-svg-prop { - --speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %square-16-svg-prop { - --square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %square-24-svg-prop { - --square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %square-fill-16-svg-prop { - --square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %square-fill-24-svg-prop { - --square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-16-svg-prop { - --star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-24-svg-prop { - --star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-circle-16-svg-prop { - --star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-circle-24-svg-prop { - --star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-fill-16-svg-prop { - --star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-fill-24-svg-prop { - --star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-fill-svg-prop { --star-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %star-off-16-svg-prop { - --star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-off-24-svg-prop { - --star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %star-outline-svg-prop { --star-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %stop-circle-16-svg-prop { - --stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %stop-circle-24-svg-prop { - --stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sub-left-svg-prop { --sub-left-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %sub-right-svg-prop { --sub-right-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %sun-16-svg-prop { - --sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sun-24-svg-prop { - --sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %support-16-svg-prop { - --support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %support-24-svg-prop { - --support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %support-svg-prop { --support-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %swap-horizontal-16-svg-prop { - --swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %swap-horizontal-24-svg-prop { - --swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %swap-horizontal-svg-prop { --swap-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %swap-vertical-16-svg-prop { - --swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %swap-vertical-24-svg-prop { - --swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %swap-vertical-svg-prop { --swap-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %switcher-16-svg-prop { - --switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %switcher-24-svg-prop { - --switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-16-svg-prop { - --sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-24-svg-prop { - --sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-alert-16-svg-prop { - --sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-alert-24-svg-prop { - --sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-reverse-16-svg-prop { - --sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %sync-reverse-24-svg-prop { - --sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tablet-16-svg-prop { - --tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tablet-24-svg-prop { - --tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tag-16-svg-prop { - --tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tag-24-svg-prop { - --tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tag-svg-prop { --tag-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %target-16-svg-prop { - --target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %target-24-svg-prop { - --target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %terminal-16-svg-prop { - --terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %terminal-24-svg-prop { - --terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %terminal-screen-16-svg-prop { - --terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %terminal-screen-24-svg-prop { - --terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %thumbs-down-16-svg-prop { - --thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %thumbs-down-24-svg-prop { - --thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %thumbs-up-16-svg-prop { - --thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %thumbs-up-24-svg-prop { - --thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %toggle-left-16-svg-prop { - --toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %toggle-left-24-svg-prop { - --toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %toggle-right-16-svg-prop { - --toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %toggle-right-24-svg-prop { - --toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %token-16-svg-prop { - --token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %token-24-svg-prop { - --token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tools-16-svg-prop { - --tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tools-24-svg-prop { - --tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %top-16-svg-prop { - --top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %top-24-svg-prop { - --top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trash-16-svg-prop { - --trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trash-24-svg-prop { - --trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trash-svg-prop { --trash-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %trend-down-16-svg-prop { - --trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trend-down-24-svg-prop { - --trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trend-up-16-svg-prop { - --trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %trend-up-24-svg-prop { - --trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %triangle-16-svg-prop { - --triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %triangle-24-svg-prop { - --triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %triangle-fill-16-svg-prop { - --triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %triangle-fill-24-svg-prop { - --triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %truck-16-svg-prop { - --truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %truck-24-svg-prop { - --truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tune-svg-prop { --tune-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %tv-16-svg-prop { - --tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %tv-24-svg-prop { - --tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %type-16-svg-prop { - --type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %type-24-svg-prop { - --type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unfold-close-16-svg-prop { - --unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unfold-close-24-svg-prop { - --unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unfold-less-svg-prop { --unfold-less-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %unfold-more-svg-prop { --unfold-more-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %unfold-open-16-svg-prop { - --unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unfold-open-24-svg-prop { - --unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unlock-16-svg-prop { - --unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %unlock-24-svg-prop { - --unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %upload-16-svg-prop { - --upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %upload-24-svg-prop { - --upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %upload-svg-prop { --upload-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-16-svg-prop { - --user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-24-svg-prop { - --user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-add-svg-prop { --user-add-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-check-16-svg-prop { - --user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-check-24-svg-prop { - --user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-circle-16-svg-prop { - --user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-circle-24-svg-prop { - --user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-circle-fill-16-svg-prop { - --user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-circle-fill-24-svg-prop { - --user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-minus-16-svg-prop { - --user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-minus-24-svg-prop { - --user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-organization-svg-prop { --user-organization-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-plain-svg-prop { --user-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-plus-16-svg-prop { - --user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-plus-24-svg-prop { - --user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-square-fill-svg-prop { --user-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-square-outline-svg-prop { --user-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-team-svg-prop { --user-team-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %user-x-16-svg-prop { - --user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %user-x-24-svg-prop { - --user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %users-16-svg-prop { - --users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %users-24-svg-prop { - --users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %vault-16-svg-prop { - --vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %vault-24-svg-prop { - --vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %verified-16-svg-prop { - --verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %verified-24-svg-prop { - --verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %video-16-svg-prop { - --video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %video-24-svg-prop { - --video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %video-off-16-svg-prop { - --video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %video-off-24-svg-prop { - --video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %visibility-hide-svg-prop { --visibility-hide-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %visibility-show-svg-prop { --visibility-show-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %vmware-16-svg-prop { - --vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %vmware-24-svg-prop { - --vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %vmware-color-16-svg-prop { - --vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %vmware-color-24-svg-prop { - --vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-16-svg-prop { - --volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-2-16-svg-prop { - --volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-2-24-svg-prop { - --volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-24-svg-prop { - --volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-down-16-svg-prop { - --volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-down-24-svg-prop { - --volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-x-16-svg-prop { - --volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %volume-x-24-svg-prop { - --volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wall-16-svg-prop { - --wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wall-24-svg-prop { - --wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %watch-16-svg-prop { - --watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %watch-24-svg-prop { - --watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %webhook-16-svg-prop { - --webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %webhook-24-svg-prop { - --webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %webhook-svg-prop { --webhook-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + } + %wifi-16-svg-prop { - --wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wifi-24-svg-prop { - --wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wifi-off-16-svg-prop { - --wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wifi-off-24-svg-prop { - --wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wrench-16-svg-prop { - --wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %wrench-24-svg-prop { - --wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-16-svg-prop { - --x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-24-svg-prop { - --x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-circle-16-svg-prop { - --x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-circle-24-svg-prop { - --x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-circle-fill-16-svg-prop { - --x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-circle-fill-24-svg-prop { - --x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-diamond-16-svg-prop { - --x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-diamond-24-svg-prop { - --x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-diamond-fill-16-svg-prop { - --x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-diamond-fill-24-svg-prop { - --x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-hexagon-16-svg-prop { - --x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-hexagon-24-svg-prop { - --x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-hexagon-fill-16-svg-prop { - --x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-hexagon-fill-24-svg-prop { - --x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-square-16-svg-prop { - --x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-square-24-svg-prop { - --x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-square-fill-16-svg-prop { - --x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %x-square-fill-24-svg-prop { - --x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zap-16-svg-prop { - --zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zap-24-svg-prop { - --zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zap-off-16-svg-prop { - --zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zap-off-24-svg-prop { - --zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zoom-in-16-svg-prop { - --zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zoom-in-24-svg-prop { - --zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zoom-out-16-svg-prop { - --zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + } + %zoom-out-24-svg-prop { - --zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); -} + --zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + } diff --git a/ui/packages/consul-ui/app/styles/base/icons/debug.scss b/ui/packages/consul-ui/app/styles/base/icons/debug.scss new file mode 100644 index 0000000000..8106bc04e3 --- /dev/null +++ b/ui/packages/consul-ui/app/styles/base/icons/debug.scss @@ -0,0 +1,34092 @@ + +.debug-with-activity-16-mask-before::before, +.debug-with-activity-16-icon-before::before, +.debug-with-activity-16-mask-after::after, +.debug-with-activity-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-activity-16-mask-before::before, +.debug-with-activity-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--activity-16-svg); + mask-image: var(--activity-16-svg); +} +.debug-with-activity-16-icon-before::before, +.debug-with-activity-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--activity-16-svg); +} + +.debug-with-activity-24-mask-before::before, +.debug-with-activity-24-icon-before::before, +.debug-with-activity-24-mask-after::after, +.debug-with-activity-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-activity-24-mask-before::before, +.debug-with-activity-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--activity-24-svg); + mask-image: var(--activity-24-svg); +} +.debug-with-activity-24-icon-before::before, +.debug-with-activity-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--activity-24-svg); +} + +.debug-with-alert-circle-16-mask-before::before, +.debug-with-alert-circle-16-icon-before::before, +.debug-with-alert-circle-16-mask-after::after, +.debug-with-alert-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-16-mask-before::before, +.debug-with-alert-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-16-svg); + mask-image: var(--alert-circle-16-svg); +} +.debug-with-alert-circle-16-icon-before::before, +.debug-with-alert-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-16-svg); +} + +.debug-with-alert-circle-24-mask-before::before, +.debug-with-alert-circle-24-icon-before::before, +.debug-with-alert-circle-24-mask-after::after, +.debug-with-alert-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-24-mask-before::before, +.debug-with-alert-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-24-svg); + mask-image: var(--alert-circle-24-svg); +} +.debug-with-alert-circle-24-icon-before::before, +.debug-with-alert-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-24-svg); +} + +.debug-with-alert-circle-fill-16-mask-before::before, +.debug-with-alert-circle-fill-16-icon-before::before, +.debug-with-alert-circle-fill-16-mask-after::after, +.debug-with-alert-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-fill-16-mask-before::before, +.debug-with-alert-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-fill-16-svg); + mask-image: var(--alert-circle-fill-16-svg); +} +.debug-with-alert-circle-fill-16-icon-before::before, +.debug-with-alert-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-fill-16-svg); +} + +.debug-with-alert-circle-fill-24-mask-before::before, +.debug-with-alert-circle-fill-24-icon-before::before, +.debug-with-alert-circle-fill-24-mask-after::after, +.debug-with-alert-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-fill-24-mask-before::before, +.debug-with-alert-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-fill-24-svg); + mask-image: var(--alert-circle-fill-24-svg); +} +.debug-with-alert-circle-fill-24-icon-before::before, +.debug-with-alert-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-fill-24-svg); +} + +.debug-with-alert-circle-fill-mask-before::before, +.debug-with-alert-circle-fill-icon-before::before, +.debug-with-alert-circle-fill-mask-after::after, +.debug-with-alert-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-fill-mask-before::before, +.debug-with-alert-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-fill-svg); + mask-image: var(--alert-circle-fill-svg); +} +.debug-with-alert-circle-fill-icon-before::before, +.debug-with-alert-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-fill-svg); +} + +.debug-with-alert-circle-outline-mask-before::before, +.debug-with-alert-circle-outline-icon-before::before, +.debug-with-alert-circle-outline-mask-after::after, +.debug-with-alert-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-circle-outline-mask-before::before, +.debug-with-alert-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-circle-outline-svg); + mask-image: var(--alert-circle-outline-svg); +} +.debug-with-alert-circle-outline-icon-before::before, +.debug-with-alert-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-circle-outline-svg); +} + +.debug-with-alert-octagon-16-mask-before::before, +.debug-with-alert-octagon-16-icon-before::before, +.debug-with-alert-octagon-16-mask-after::after, +.debug-with-alert-octagon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-octagon-16-mask-before::before, +.debug-with-alert-octagon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-octagon-16-svg); + mask-image: var(--alert-octagon-16-svg); +} +.debug-with-alert-octagon-16-icon-before::before, +.debug-with-alert-octagon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-octagon-16-svg); +} + +.debug-with-alert-octagon-24-mask-before::before, +.debug-with-alert-octagon-24-icon-before::before, +.debug-with-alert-octagon-24-mask-after::after, +.debug-with-alert-octagon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-octagon-24-mask-before::before, +.debug-with-alert-octagon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-octagon-24-svg); + mask-image: var(--alert-octagon-24-svg); +} +.debug-with-alert-octagon-24-icon-before::before, +.debug-with-alert-octagon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-octagon-24-svg); +} + +.debug-with-alert-octagon-fill-16-mask-before::before, +.debug-with-alert-octagon-fill-16-icon-before::before, +.debug-with-alert-octagon-fill-16-mask-after::after, +.debug-with-alert-octagon-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-octagon-fill-16-mask-before::before, +.debug-with-alert-octagon-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-octagon-fill-16-svg); + mask-image: var(--alert-octagon-fill-16-svg); +} +.debug-with-alert-octagon-fill-16-icon-before::before, +.debug-with-alert-octagon-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-octagon-fill-16-svg); +} + +.debug-with-alert-octagon-fill-24-mask-before::before, +.debug-with-alert-octagon-fill-24-icon-before::before, +.debug-with-alert-octagon-fill-24-mask-after::after, +.debug-with-alert-octagon-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-octagon-fill-24-mask-before::before, +.debug-with-alert-octagon-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-octagon-fill-24-svg); + mask-image: var(--alert-octagon-fill-24-svg); +} +.debug-with-alert-octagon-fill-24-icon-before::before, +.debug-with-alert-octagon-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-octagon-fill-24-svg); +} + +.debug-with-alert-triangle-16-mask-before::before, +.debug-with-alert-triangle-16-icon-before::before, +.debug-with-alert-triangle-16-mask-after::after, +.debug-with-alert-triangle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-triangle-16-mask-before::before, +.debug-with-alert-triangle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-triangle-16-svg); + mask-image: var(--alert-triangle-16-svg); +} +.debug-with-alert-triangle-16-icon-before::before, +.debug-with-alert-triangle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-triangle-16-svg); +} + +.debug-with-alert-triangle-24-mask-before::before, +.debug-with-alert-triangle-24-icon-before::before, +.debug-with-alert-triangle-24-mask-after::after, +.debug-with-alert-triangle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-triangle-24-mask-before::before, +.debug-with-alert-triangle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-triangle-24-svg); + mask-image: var(--alert-triangle-24-svg); +} +.debug-with-alert-triangle-24-icon-before::before, +.debug-with-alert-triangle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-triangle-24-svg); +} + +.debug-with-alert-triangle-fill-16-mask-before::before, +.debug-with-alert-triangle-fill-16-icon-before::before, +.debug-with-alert-triangle-fill-16-mask-after::after, +.debug-with-alert-triangle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-triangle-fill-16-mask-before::before, +.debug-with-alert-triangle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-triangle-fill-16-svg); + mask-image: var(--alert-triangle-fill-16-svg); +} +.debug-with-alert-triangle-fill-16-icon-before::before, +.debug-with-alert-triangle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-triangle-fill-16-svg); +} + +.debug-with-alert-triangle-fill-24-mask-before::before, +.debug-with-alert-triangle-fill-24-icon-before::before, +.debug-with-alert-triangle-fill-24-mask-after::after, +.debug-with-alert-triangle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-triangle-fill-24-mask-before::before, +.debug-with-alert-triangle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-triangle-fill-24-svg); + mask-image: var(--alert-triangle-fill-24-svg); +} +.debug-with-alert-triangle-fill-24-icon-before::before, +.debug-with-alert-triangle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-triangle-fill-24-svg); +} + +.debug-with-alert-triangle-mask-before::before, +.debug-with-alert-triangle-icon-before::before, +.debug-with-alert-triangle-mask-after::after, +.debug-with-alert-triangle-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alert-triangle-mask-before::before, +.debug-with-alert-triangle-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alert-triangle-svg); + mask-image: var(--alert-triangle-svg); +} +.debug-with-alert-triangle-icon-before::before, +.debug-with-alert-triangle-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alert-triangle-svg); +} + +.debug-with-alibaba-16-mask-before::before, +.debug-with-alibaba-16-icon-before::before, +.debug-with-alibaba-16-mask-after::after, +.debug-with-alibaba-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alibaba-16-mask-before::before, +.debug-with-alibaba-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alibaba-16-svg); + mask-image: var(--alibaba-16-svg); +} +.debug-with-alibaba-16-icon-before::before, +.debug-with-alibaba-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alibaba-16-svg); +} + +.debug-with-alibaba-24-mask-before::before, +.debug-with-alibaba-24-icon-before::before, +.debug-with-alibaba-24-mask-after::after, +.debug-with-alibaba-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alibaba-24-mask-before::before, +.debug-with-alibaba-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alibaba-24-svg); + mask-image: var(--alibaba-24-svg); +} +.debug-with-alibaba-24-icon-before::before, +.debug-with-alibaba-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alibaba-24-svg); +} + +.debug-with-alibaba-color-16-mask-before::before, +.debug-with-alibaba-color-16-icon-before::before, +.debug-with-alibaba-color-16-mask-after::after, +.debug-with-alibaba-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alibaba-color-16-mask-before::before, +.debug-with-alibaba-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alibaba-color-16-svg); + mask-image: var(--alibaba-color-16-svg); +} +.debug-with-alibaba-color-16-icon-before::before, +.debug-with-alibaba-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alibaba-color-16-svg); +} + +.debug-with-alibaba-color-24-mask-before::before, +.debug-with-alibaba-color-24-icon-before::before, +.debug-with-alibaba-color-24-mask-after::after, +.debug-with-alibaba-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-alibaba-color-24-mask-before::before, +.debug-with-alibaba-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--alibaba-color-24-svg); + mask-image: var(--alibaba-color-24-svg); +} +.debug-with-alibaba-color-24-icon-before::before, +.debug-with-alibaba-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--alibaba-color-24-svg); +} + +.debug-with-align-center-16-mask-before::before, +.debug-with-align-center-16-icon-before::before, +.debug-with-align-center-16-mask-after::after, +.debug-with-align-center-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-center-16-mask-before::before, +.debug-with-align-center-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-center-16-svg); + mask-image: var(--align-center-16-svg); +} +.debug-with-align-center-16-icon-before::before, +.debug-with-align-center-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-center-16-svg); +} + +.debug-with-align-center-24-mask-before::before, +.debug-with-align-center-24-icon-before::before, +.debug-with-align-center-24-mask-after::after, +.debug-with-align-center-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-center-24-mask-before::before, +.debug-with-align-center-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-center-24-svg); + mask-image: var(--align-center-24-svg); +} +.debug-with-align-center-24-icon-before::before, +.debug-with-align-center-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-center-24-svg); +} + +.debug-with-align-justify-16-mask-before::before, +.debug-with-align-justify-16-icon-before::before, +.debug-with-align-justify-16-mask-after::after, +.debug-with-align-justify-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-justify-16-mask-before::before, +.debug-with-align-justify-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-justify-16-svg); + mask-image: var(--align-justify-16-svg); +} +.debug-with-align-justify-16-icon-before::before, +.debug-with-align-justify-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-justify-16-svg); +} + +.debug-with-align-justify-24-mask-before::before, +.debug-with-align-justify-24-icon-before::before, +.debug-with-align-justify-24-mask-after::after, +.debug-with-align-justify-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-justify-24-mask-before::before, +.debug-with-align-justify-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-justify-24-svg); + mask-image: var(--align-justify-24-svg); +} +.debug-with-align-justify-24-icon-before::before, +.debug-with-align-justify-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-justify-24-svg); +} + +.debug-with-align-left-16-mask-before::before, +.debug-with-align-left-16-icon-before::before, +.debug-with-align-left-16-mask-after::after, +.debug-with-align-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-left-16-mask-before::before, +.debug-with-align-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-left-16-svg); + mask-image: var(--align-left-16-svg); +} +.debug-with-align-left-16-icon-before::before, +.debug-with-align-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-left-16-svg); +} + +.debug-with-align-left-24-mask-before::before, +.debug-with-align-left-24-icon-before::before, +.debug-with-align-left-24-mask-after::after, +.debug-with-align-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-left-24-mask-before::before, +.debug-with-align-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-left-24-svg); + mask-image: var(--align-left-24-svg); +} +.debug-with-align-left-24-icon-before::before, +.debug-with-align-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-left-24-svg); +} + +.debug-with-align-right-16-mask-before::before, +.debug-with-align-right-16-icon-before::before, +.debug-with-align-right-16-mask-after::after, +.debug-with-align-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-right-16-mask-before::before, +.debug-with-align-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-right-16-svg); + mask-image: var(--align-right-16-svg); +} +.debug-with-align-right-16-icon-before::before, +.debug-with-align-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-right-16-svg); +} + +.debug-with-align-right-24-mask-before::before, +.debug-with-align-right-24-icon-before::before, +.debug-with-align-right-24-mask-after::after, +.debug-with-align-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-align-right-24-mask-before::before, +.debug-with-align-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--align-right-24-svg); + mask-image: var(--align-right-24-svg); +} +.debug-with-align-right-24-icon-before::before, +.debug-with-align-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--align-right-24-svg); +} + +.debug-with-apple-16-mask-before::before, +.debug-with-apple-16-icon-before::before, +.debug-with-apple-16-mask-after::after, +.debug-with-apple-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-apple-16-mask-before::before, +.debug-with-apple-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--apple-16-svg); + mask-image: var(--apple-16-svg); +} +.debug-with-apple-16-icon-before::before, +.debug-with-apple-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--apple-16-svg); +} + +.debug-with-apple-24-mask-before::before, +.debug-with-apple-24-icon-before::before, +.debug-with-apple-24-mask-after::after, +.debug-with-apple-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-apple-24-mask-before::before, +.debug-with-apple-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--apple-24-svg); + mask-image: var(--apple-24-svg); +} +.debug-with-apple-24-icon-before::before, +.debug-with-apple-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--apple-24-svg); +} + +.debug-with-apple-color-16-mask-before::before, +.debug-with-apple-color-16-icon-before::before, +.debug-with-apple-color-16-mask-after::after, +.debug-with-apple-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-apple-color-16-mask-before::before, +.debug-with-apple-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--apple-color-16-svg); + mask-image: var(--apple-color-16-svg); +} +.debug-with-apple-color-16-icon-before::before, +.debug-with-apple-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--apple-color-16-svg); +} + +.debug-with-apple-color-24-mask-before::before, +.debug-with-apple-color-24-icon-before::before, +.debug-with-apple-color-24-mask-after::after, +.debug-with-apple-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-apple-color-24-mask-before::before, +.debug-with-apple-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--apple-color-24-svg); + mask-image: var(--apple-color-24-svg); +} +.debug-with-apple-color-24-icon-before::before, +.debug-with-apple-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--apple-color-24-svg); +} + +.debug-with-archive-16-mask-before::before, +.debug-with-archive-16-icon-before::before, +.debug-with-archive-16-mask-after::after, +.debug-with-archive-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-archive-16-mask-before::before, +.debug-with-archive-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--archive-16-svg); + mask-image: var(--archive-16-svg); +} +.debug-with-archive-16-icon-before::before, +.debug-with-archive-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--archive-16-svg); +} + +.debug-with-archive-24-mask-before::before, +.debug-with-archive-24-icon-before::before, +.debug-with-archive-24-mask-after::after, +.debug-with-archive-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-archive-24-mask-before::before, +.debug-with-archive-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--archive-24-svg); + mask-image: var(--archive-24-svg); +} +.debug-with-archive-24-icon-before::before, +.debug-with-archive-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--archive-24-svg); +} + +.debug-with-arrow-down-16-mask-before::before, +.debug-with-arrow-down-16-icon-before::before, +.debug-with-arrow-down-16-mask-after::after, +.debug-with-arrow-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-16-mask-before::before, +.debug-with-arrow-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-16-svg); + mask-image: var(--arrow-down-16-svg); +} +.debug-with-arrow-down-16-icon-before::before, +.debug-with-arrow-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-16-svg); +} + +.debug-with-arrow-down-24-mask-before::before, +.debug-with-arrow-down-24-icon-before::before, +.debug-with-arrow-down-24-mask-after::after, +.debug-with-arrow-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-24-mask-before::before, +.debug-with-arrow-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-24-svg); + mask-image: var(--arrow-down-24-svg); +} +.debug-with-arrow-down-24-icon-before::before, +.debug-with-arrow-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-24-svg); +} + +.debug-with-arrow-down-circle-16-mask-before::before, +.debug-with-arrow-down-circle-16-icon-before::before, +.debug-with-arrow-down-circle-16-mask-after::after, +.debug-with-arrow-down-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-circle-16-mask-before::before, +.debug-with-arrow-down-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-circle-16-svg); + mask-image: var(--arrow-down-circle-16-svg); +} +.debug-with-arrow-down-circle-16-icon-before::before, +.debug-with-arrow-down-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-circle-16-svg); +} + +.debug-with-arrow-down-circle-24-mask-before::before, +.debug-with-arrow-down-circle-24-icon-before::before, +.debug-with-arrow-down-circle-24-mask-after::after, +.debug-with-arrow-down-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-circle-24-mask-before::before, +.debug-with-arrow-down-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-circle-24-svg); + mask-image: var(--arrow-down-circle-24-svg); +} +.debug-with-arrow-down-circle-24-icon-before::before, +.debug-with-arrow-down-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-circle-24-svg); +} + +.debug-with-arrow-down-left-16-mask-before::before, +.debug-with-arrow-down-left-16-icon-before::before, +.debug-with-arrow-down-left-16-mask-after::after, +.debug-with-arrow-down-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-left-16-mask-before::before, +.debug-with-arrow-down-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-left-16-svg); + mask-image: var(--arrow-down-left-16-svg); +} +.debug-with-arrow-down-left-16-icon-before::before, +.debug-with-arrow-down-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-left-16-svg); +} + +.debug-with-arrow-down-left-24-mask-before::before, +.debug-with-arrow-down-left-24-icon-before::before, +.debug-with-arrow-down-left-24-mask-after::after, +.debug-with-arrow-down-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-left-24-mask-before::before, +.debug-with-arrow-down-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-left-24-svg); + mask-image: var(--arrow-down-left-24-svg); +} +.debug-with-arrow-down-left-24-icon-before::before, +.debug-with-arrow-down-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-left-24-svg); +} + +.debug-with-arrow-down-right-16-mask-before::before, +.debug-with-arrow-down-right-16-icon-before::before, +.debug-with-arrow-down-right-16-mask-after::after, +.debug-with-arrow-down-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-right-16-mask-before::before, +.debug-with-arrow-down-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-right-16-svg); + mask-image: var(--arrow-down-right-16-svg); +} +.debug-with-arrow-down-right-16-icon-before::before, +.debug-with-arrow-down-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-right-16-svg); +} + +.debug-with-arrow-down-right-24-mask-before::before, +.debug-with-arrow-down-right-24-icon-before::before, +.debug-with-arrow-down-right-24-mask-after::after, +.debug-with-arrow-down-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-right-24-mask-before::before, +.debug-with-arrow-down-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-right-24-svg); + mask-image: var(--arrow-down-right-24-svg); +} +.debug-with-arrow-down-right-24-icon-before::before, +.debug-with-arrow-down-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-right-24-svg); +} + +.debug-with-arrow-down-mask-before::before, +.debug-with-arrow-down-icon-before::before, +.debug-with-arrow-down-mask-after::after, +.debug-with-arrow-down-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-down-mask-before::before, +.debug-with-arrow-down-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-down-svg); + mask-image: var(--arrow-down-svg); +} +.debug-with-arrow-down-icon-before::before, +.debug-with-arrow-down-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-down-svg); +} + +.debug-with-arrow-left-16-mask-before::before, +.debug-with-arrow-left-16-icon-before::before, +.debug-with-arrow-left-16-mask-after::after, +.debug-with-arrow-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-left-16-mask-before::before, +.debug-with-arrow-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-left-16-svg); + mask-image: var(--arrow-left-16-svg); +} +.debug-with-arrow-left-16-icon-before::before, +.debug-with-arrow-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-left-16-svg); +} + +.debug-with-arrow-left-24-mask-before::before, +.debug-with-arrow-left-24-icon-before::before, +.debug-with-arrow-left-24-mask-after::after, +.debug-with-arrow-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-left-24-mask-before::before, +.debug-with-arrow-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-left-24-svg); + mask-image: var(--arrow-left-24-svg); +} +.debug-with-arrow-left-24-icon-before::before, +.debug-with-arrow-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-left-24-svg); +} + +.debug-with-arrow-left-circle-16-mask-before::before, +.debug-with-arrow-left-circle-16-icon-before::before, +.debug-with-arrow-left-circle-16-mask-after::after, +.debug-with-arrow-left-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-left-circle-16-mask-before::before, +.debug-with-arrow-left-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-left-circle-16-svg); + mask-image: var(--arrow-left-circle-16-svg); +} +.debug-with-arrow-left-circle-16-icon-before::before, +.debug-with-arrow-left-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-left-circle-16-svg); +} + +.debug-with-arrow-left-circle-24-mask-before::before, +.debug-with-arrow-left-circle-24-icon-before::before, +.debug-with-arrow-left-circle-24-mask-after::after, +.debug-with-arrow-left-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-left-circle-24-mask-before::before, +.debug-with-arrow-left-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-left-circle-24-svg); + mask-image: var(--arrow-left-circle-24-svg); +} +.debug-with-arrow-left-circle-24-icon-before::before, +.debug-with-arrow-left-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-left-circle-24-svg); +} + +.debug-with-arrow-left-mask-before::before, +.debug-with-arrow-left-icon-before::before, +.debug-with-arrow-left-mask-after::after, +.debug-with-arrow-left-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-left-mask-before::before, +.debug-with-arrow-left-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-left-svg); + mask-image: var(--arrow-left-svg); +} +.debug-with-arrow-left-icon-before::before, +.debug-with-arrow-left-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-left-svg); +} + +.debug-with-arrow-right-16-mask-before::before, +.debug-with-arrow-right-16-icon-before::before, +.debug-with-arrow-right-16-mask-after::after, +.debug-with-arrow-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-right-16-mask-before::before, +.debug-with-arrow-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-right-16-svg); + mask-image: var(--arrow-right-16-svg); +} +.debug-with-arrow-right-16-icon-before::before, +.debug-with-arrow-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-right-16-svg); +} + +.debug-with-arrow-right-24-mask-before::before, +.debug-with-arrow-right-24-icon-before::before, +.debug-with-arrow-right-24-mask-after::after, +.debug-with-arrow-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-right-24-mask-before::before, +.debug-with-arrow-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-right-24-svg); + mask-image: var(--arrow-right-24-svg); +} +.debug-with-arrow-right-24-icon-before::before, +.debug-with-arrow-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-right-24-svg); +} + +.debug-with-arrow-right-circle-16-mask-before::before, +.debug-with-arrow-right-circle-16-icon-before::before, +.debug-with-arrow-right-circle-16-mask-after::after, +.debug-with-arrow-right-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-right-circle-16-mask-before::before, +.debug-with-arrow-right-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-right-circle-16-svg); + mask-image: var(--arrow-right-circle-16-svg); +} +.debug-with-arrow-right-circle-16-icon-before::before, +.debug-with-arrow-right-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-right-circle-16-svg); +} + +.debug-with-arrow-right-circle-24-mask-before::before, +.debug-with-arrow-right-circle-24-icon-before::before, +.debug-with-arrow-right-circle-24-mask-after::after, +.debug-with-arrow-right-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-right-circle-24-mask-before::before, +.debug-with-arrow-right-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-right-circle-24-svg); + mask-image: var(--arrow-right-circle-24-svg); +} +.debug-with-arrow-right-circle-24-icon-before::before, +.debug-with-arrow-right-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-right-circle-24-svg); +} + +.debug-with-arrow-right-mask-before::before, +.debug-with-arrow-right-icon-before::before, +.debug-with-arrow-right-mask-after::after, +.debug-with-arrow-right-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-right-mask-before::before, +.debug-with-arrow-right-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-right-svg); + mask-image: var(--arrow-right-svg); +} +.debug-with-arrow-right-icon-before::before, +.debug-with-arrow-right-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-right-svg); +} + +.debug-with-arrow-up-16-mask-before::before, +.debug-with-arrow-up-16-icon-before::before, +.debug-with-arrow-up-16-mask-after::after, +.debug-with-arrow-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-16-mask-before::before, +.debug-with-arrow-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-16-svg); + mask-image: var(--arrow-up-16-svg); +} +.debug-with-arrow-up-16-icon-before::before, +.debug-with-arrow-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-16-svg); +} + +.debug-with-arrow-up-24-mask-before::before, +.debug-with-arrow-up-24-icon-before::before, +.debug-with-arrow-up-24-mask-after::after, +.debug-with-arrow-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-24-mask-before::before, +.debug-with-arrow-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-24-svg); + mask-image: var(--arrow-up-24-svg); +} +.debug-with-arrow-up-24-icon-before::before, +.debug-with-arrow-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-24-svg); +} + +.debug-with-arrow-up-circle-16-mask-before::before, +.debug-with-arrow-up-circle-16-icon-before::before, +.debug-with-arrow-up-circle-16-mask-after::after, +.debug-with-arrow-up-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-circle-16-mask-before::before, +.debug-with-arrow-up-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-circle-16-svg); + mask-image: var(--arrow-up-circle-16-svg); +} +.debug-with-arrow-up-circle-16-icon-before::before, +.debug-with-arrow-up-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-circle-16-svg); +} + +.debug-with-arrow-up-circle-24-mask-before::before, +.debug-with-arrow-up-circle-24-icon-before::before, +.debug-with-arrow-up-circle-24-mask-after::after, +.debug-with-arrow-up-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-circle-24-mask-before::before, +.debug-with-arrow-up-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-circle-24-svg); + mask-image: var(--arrow-up-circle-24-svg); +} +.debug-with-arrow-up-circle-24-icon-before::before, +.debug-with-arrow-up-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-circle-24-svg); +} + +.debug-with-arrow-up-left-16-mask-before::before, +.debug-with-arrow-up-left-16-icon-before::before, +.debug-with-arrow-up-left-16-mask-after::after, +.debug-with-arrow-up-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-left-16-mask-before::before, +.debug-with-arrow-up-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-left-16-svg); + mask-image: var(--arrow-up-left-16-svg); +} +.debug-with-arrow-up-left-16-icon-before::before, +.debug-with-arrow-up-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-left-16-svg); +} + +.debug-with-arrow-up-left-24-mask-before::before, +.debug-with-arrow-up-left-24-icon-before::before, +.debug-with-arrow-up-left-24-mask-after::after, +.debug-with-arrow-up-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-left-24-mask-before::before, +.debug-with-arrow-up-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-left-24-svg); + mask-image: var(--arrow-up-left-24-svg); +} +.debug-with-arrow-up-left-24-icon-before::before, +.debug-with-arrow-up-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-left-24-svg); +} + +.debug-with-arrow-up-right-16-mask-before::before, +.debug-with-arrow-up-right-16-icon-before::before, +.debug-with-arrow-up-right-16-mask-after::after, +.debug-with-arrow-up-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-right-16-mask-before::before, +.debug-with-arrow-up-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-right-16-svg); + mask-image: var(--arrow-up-right-16-svg); +} +.debug-with-arrow-up-right-16-icon-before::before, +.debug-with-arrow-up-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-right-16-svg); +} + +.debug-with-arrow-up-right-24-mask-before::before, +.debug-with-arrow-up-right-24-icon-before::before, +.debug-with-arrow-up-right-24-mask-after::after, +.debug-with-arrow-up-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-right-24-mask-before::before, +.debug-with-arrow-up-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-right-24-svg); + mask-image: var(--arrow-up-right-24-svg); +} +.debug-with-arrow-up-right-24-icon-before::before, +.debug-with-arrow-up-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-right-24-svg); +} + +.debug-with-arrow-up-mask-before::before, +.debug-with-arrow-up-icon-before::before, +.debug-with-arrow-up-mask-after::after, +.debug-with-arrow-up-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-arrow-up-mask-before::before, +.debug-with-arrow-up-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--arrow-up-svg); + mask-image: var(--arrow-up-svg); +} +.debug-with-arrow-up-icon-before::before, +.debug-with-arrow-up-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--arrow-up-svg); +} + +.debug-with-at-sign-16-mask-before::before, +.debug-with-at-sign-16-icon-before::before, +.debug-with-at-sign-16-mask-after::after, +.debug-with-at-sign-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-at-sign-16-mask-before::before, +.debug-with-at-sign-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--at-sign-16-svg); + mask-image: var(--at-sign-16-svg); +} +.debug-with-at-sign-16-icon-before::before, +.debug-with-at-sign-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--at-sign-16-svg); +} + +.debug-with-at-sign-24-mask-before::before, +.debug-with-at-sign-24-icon-before::before, +.debug-with-at-sign-24-mask-after::after, +.debug-with-at-sign-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-at-sign-24-mask-before::before, +.debug-with-at-sign-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--at-sign-24-svg); + mask-image: var(--at-sign-24-svg); +} +.debug-with-at-sign-24-icon-before::before, +.debug-with-at-sign-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--at-sign-24-svg); +} + +.debug-with-auth0-16-mask-before::before, +.debug-with-auth0-16-icon-before::before, +.debug-with-auth0-16-mask-after::after, +.debug-with-auth0-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auth0-16-mask-before::before, +.debug-with-auth0-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auth0-16-svg); + mask-image: var(--auth0-16-svg); +} +.debug-with-auth0-16-icon-before::before, +.debug-with-auth0-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auth0-16-svg); +} + +.debug-with-auth0-24-mask-before::before, +.debug-with-auth0-24-icon-before::before, +.debug-with-auth0-24-mask-after::after, +.debug-with-auth0-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auth0-24-mask-before::before, +.debug-with-auth0-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auth0-24-svg); + mask-image: var(--auth0-24-svg); +} +.debug-with-auth0-24-icon-before::before, +.debug-with-auth0-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auth0-24-svg); +} + +.debug-with-auth0-color-16-mask-before::before, +.debug-with-auth0-color-16-icon-before::before, +.debug-with-auth0-color-16-mask-after::after, +.debug-with-auth0-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auth0-color-16-mask-before::before, +.debug-with-auth0-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auth0-color-16-svg); + mask-image: var(--auth0-color-16-svg); +} +.debug-with-auth0-color-16-icon-before::before, +.debug-with-auth0-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auth0-color-16-svg); +} + +.debug-with-auth0-color-24-mask-before::before, +.debug-with-auth0-color-24-icon-before::before, +.debug-with-auth0-color-24-mask-after::after, +.debug-with-auth0-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auth0-color-24-mask-before::before, +.debug-with-auth0-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auth0-color-24-svg); + mask-image: var(--auth0-color-24-svg); +} +.debug-with-auth0-color-24-icon-before::before, +.debug-with-auth0-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auth0-color-24-svg); +} + +.debug-with-auto-apply-16-mask-before::before, +.debug-with-auto-apply-16-icon-before::before, +.debug-with-auto-apply-16-mask-after::after, +.debug-with-auto-apply-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auto-apply-16-mask-before::before, +.debug-with-auto-apply-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auto-apply-16-svg); + mask-image: var(--auto-apply-16-svg); +} +.debug-with-auto-apply-16-icon-before::before, +.debug-with-auto-apply-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auto-apply-16-svg); +} + +.debug-with-auto-apply-24-mask-before::before, +.debug-with-auto-apply-24-icon-before::before, +.debug-with-auto-apply-24-mask-after::after, +.debug-with-auto-apply-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-auto-apply-24-mask-before::before, +.debug-with-auto-apply-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--auto-apply-24-svg); + mask-image: var(--auto-apply-24-svg); +} +.debug-with-auto-apply-24-icon-before::before, +.debug-with-auto-apply-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--auto-apply-24-svg); +} + +.debug-with-award-16-mask-before::before, +.debug-with-award-16-icon-before::before, +.debug-with-award-16-mask-after::after, +.debug-with-award-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-award-16-mask-before::before, +.debug-with-award-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--award-16-svg); + mask-image: var(--award-16-svg); +} +.debug-with-award-16-icon-before::before, +.debug-with-award-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--award-16-svg); +} + +.debug-with-award-24-mask-before::before, +.debug-with-award-24-icon-before::before, +.debug-with-award-24-mask-after::after, +.debug-with-award-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-award-24-mask-before::before, +.debug-with-award-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--award-24-svg); + mask-image: var(--award-24-svg); +} +.debug-with-award-24-icon-before::before, +.debug-with-award-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--award-24-svg); +} + +.debug-with-aws-16-mask-before::before, +.debug-with-aws-16-icon-before::before, +.debug-with-aws-16-mask-after::after, +.debug-with-aws-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-16-mask-before::before, +.debug-with-aws-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-16-svg); + mask-image: var(--aws-16-svg); +} +.debug-with-aws-16-icon-before::before, +.debug-with-aws-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-16-svg); +} + +.debug-with-aws-24-mask-before::before, +.debug-with-aws-24-icon-before::before, +.debug-with-aws-24-mask-after::after, +.debug-with-aws-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-24-mask-before::before, +.debug-with-aws-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-24-svg); + mask-image: var(--aws-24-svg); +} +.debug-with-aws-24-icon-before::before, +.debug-with-aws-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-24-svg); +} + +.debug-with-aws-color-16-mask-before::before, +.debug-with-aws-color-16-icon-before::before, +.debug-with-aws-color-16-mask-after::after, +.debug-with-aws-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-color-16-mask-before::before, +.debug-with-aws-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-color-16-svg); + mask-image: var(--aws-color-16-svg); +} +.debug-with-aws-color-16-icon-before::before, +.debug-with-aws-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-color-16-svg); +} + +.debug-with-aws-color-24-mask-before::before, +.debug-with-aws-color-24-icon-before::before, +.debug-with-aws-color-24-mask-after::after, +.debug-with-aws-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-aws-color-24-mask-before::before, +.debug-with-aws-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--aws-color-24-svg); + mask-image: var(--aws-color-24-svg); +} +.debug-with-aws-color-24-icon-before::before, +.debug-with-aws-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--aws-color-24-svg); +} + +.debug-with-azure-16-mask-before::before, +.debug-with-azure-16-icon-before::before, +.debug-with-azure-16-mask-after::after, +.debug-with-azure-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-16-mask-before::before, +.debug-with-azure-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-16-svg); + mask-image: var(--azure-16-svg); +} +.debug-with-azure-16-icon-before::before, +.debug-with-azure-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-16-svg); +} + +.debug-with-azure-24-mask-before::before, +.debug-with-azure-24-icon-before::before, +.debug-with-azure-24-mask-after::after, +.debug-with-azure-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-24-mask-before::before, +.debug-with-azure-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-24-svg); + mask-image: var(--azure-24-svg); +} +.debug-with-azure-24-icon-before::before, +.debug-with-azure-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-24-svg); +} + +.debug-with-azure-color-16-mask-before::before, +.debug-with-azure-color-16-icon-before::before, +.debug-with-azure-color-16-mask-after::after, +.debug-with-azure-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-color-16-mask-before::before, +.debug-with-azure-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-color-16-svg); + mask-image: var(--azure-color-16-svg); +} +.debug-with-azure-color-16-icon-before::before, +.debug-with-azure-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-color-16-svg); +} + +.debug-with-azure-color-24-mask-before::before, +.debug-with-azure-color-24-icon-before::before, +.debug-with-azure-color-24-mask-after::after, +.debug-with-azure-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-color-24-mask-before::before, +.debug-with-azure-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-color-24-svg); + mask-image: var(--azure-color-24-svg); +} +.debug-with-azure-color-24-icon-before::before, +.debug-with-azure-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-color-24-svg); +} + +.debug-with-azure-devops-16-mask-before::before, +.debug-with-azure-devops-16-icon-before::before, +.debug-with-azure-devops-16-mask-after::after, +.debug-with-azure-devops-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-devops-16-mask-before::before, +.debug-with-azure-devops-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-devops-16-svg); + mask-image: var(--azure-devops-16-svg); +} +.debug-with-azure-devops-16-icon-before::before, +.debug-with-azure-devops-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-devops-16-svg); +} + +.debug-with-azure-devops-24-mask-before::before, +.debug-with-azure-devops-24-icon-before::before, +.debug-with-azure-devops-24-mask-after::after, +.debug-with-azure-devops-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-devops-24-mask-before::before, +.debug-with-azure-devops-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-devops-24-svg); + mask-image: var(--azure-devops-24-svg); +} +.debug-with-azure-devops-24-icon-before::before, +.debug-with-azure-devops-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-devops-24-svg); +} + +.debug-with-azure-devops-color-16-mask-before::before, +.debug-with-azure-devops-color-16-icon-before::before, +.debug-with-azure-devops-color-16-mask-after::after, +.debug-with-azure-devops-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-devops-color-16-mask-before::before, +.debug-with-azure-devops-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-devops-color-16-svg); + mask-image: var(--azure-devops-color-16-svg); +} +.debug-with-azure-devops-color-16-icon-before::before, +.debug-with-azure-devops-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-devops-color-16-svg); +} + +.debug-with-azure-devops-color-24-mask-before::before, +.debug-with-azure-devops-color-24-icon-before::before, +.debug-with-azure-devops-color-24-mask-after::after, +.debug-with-azure-devops-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-azure-devops-color-24-mask-before::before, +.debug-with-azure-devops-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--azure-devops-color-24-svg); + mask-image: var(--azure-devops-color-24-svg); +} +.debug-with-azure-devops-color-24-icon-before::before, +.debug-with-azure-devops-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--azure-devops-color-24-svg); +} + +.debug-with-bar-chart-16-mask-before::before, +.debug-with-bar-chart-16-icon-before::before, +.debug-with-bar-chart-16-mask-after::after, +.debug-with-bar-chart-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bar-chart-16-mask-before::before, +.debug-with-bar-chart-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bar-chart-16-svg); + mask-image: var(--bar-chart-16-svg); +} +.debug-with-bar-chart-16-icon-before::before, +.debug-with-bar-chart-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bar-chart-16-svg); +} + +.debug-with-bar-chart-24-mask-before::before, +.debug-with-bar-chart-24-icon-before::before, +.debug-with-bar-chart-24-mask-after::after, +.debug-with-bar-chart-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bar-chart-24-mask-before::before, +.debug-with-bar-chart-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bar-chart-24-svg); + mask-image: var(--bar-chart-24-svg); +} +.debug-with-bar-chart-24-icon-before::before, +.debug-with-bar-chart-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bar-chart-24-svg); +} + +.debug-with-bar-chart-alt-16-mask-before::before, +.debug-with-bar-chart-alt-16-icon-before::before, +.debug-with-bar-chart-alt-16-mask-after::after, +.debug-with-bar-chart-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bar-chart-alt-16-mask-before::before, +.debug-with-bar-chart-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bar-chart-alt-16-svg); + mask-image: var(--bar-chart-alt-16-svg); +} +.debug-with-bar-chart-alt-16-icon-before::before, +.debug-with-bar-chart-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bar-chart-alt-16-svg); +} + +.debug-with-bar-chart-alt-24-mask-before::before, +.debug-with-bar-chart-alt-24-icon-before::before, +.debug-with-bar-chart-alt-24-mask-after::after, +.debug-with-bar-chart-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bar-chart-alt-24-mask-before::before, +.debug-with-bar-chart-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bar-chart-alt-24-svg); + mask-image: var(--bar-chart-alt-24-svg); +} +.debug-with-bar-chart-alt-24-icon-before::before, +.debug-with-bar-chart-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bar-chart-alt-24-svg); +} + +.debug-with-battery-16-mask-before::before, +.debug-with-battery-16-icon-before::before, +.debug-with-battery-16-mask-after::after, +.debug-with-battery-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-battery-16-mask-before::before, +.debug-with-battery-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--battery-16-svg); + mask-image: var(--battery-16-svg); +} +.debug-with-battery-16-icon-before::before, +.debug-with-battery-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--battery-16-svg); +} + +.debug-with-battery-24-mask-before::before, +.debug-with-battery-24-icon-before::before, +.debug-with-battery-24-mask-after::after, +.debug-with-battery-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-battery-24-mask-before::before, +.debug-with-battery-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--battery-24-svg); + mask-image: var(--battery-24-svg); +} +.debug-with-battery-24-icon-before::before, +.debug-with-battery-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--battery-24-svg); +} + +.debug-with-battery-charging-16-mask-before::before, +.debug-with-battery-charging-16-icon-before::before, +.debug-with-battery-charging-16-mask-after::after, +.debug-with-battery-charging-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-battery-charging-16-mask-before::before, +.debug-with-battery-charging-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--battery-charging-16-svg); + mask-image: var(--battery-charging-16-svg); +} +.debug-with-battery-charging-16-icon-before::before, +.debug-with-battery-charging-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--battery-charging-16-svg); +} + +.debug-with-battery-charging-24-mask-before::before, +.debug-with-battery-charging-24-icon-before::before, +.debug-with-battery-charging-24-mask-after::after, +.debug-with-battery-charging-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-battery-charging-24-mask-before::before, +.debug-with-battery-charging-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--battery-charging-24-svg); + mask-image: var(--battery-charging-24-svg); +} +.debug-with-battery-charging-24-icon-before::before, +.debug-with-battery-charging-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--battery-charging-24-svg); +} + +.debug-with-beaker-16-mask-before::before, +.debug-with-beaker-16-icon-before::before, +.debug-with-beaker-16-mask-after::after, +.debug-with-beaker-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-beaker-16-mask-before::before, +.debug-with-beaker-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--beaker-16-svg); + mask-image: var(--beaker-16-svg); +} +.debug-with-beaker-16-icon-before::before, +.debug-with-beaker-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--beaker-16-svg); +} + +.debug-with-beaker-24-mask-before::before, +.debug-with-beaker-24-icon-before::before, +.debug-with-beaker-24-mask-after::after, +.debug-with-beaker-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-beaker-24-mask-before::before, +.debug-with-beaker-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--beaker-24-svg); + mask-image: var(--beaker-24-svg); +} +.debug-with-beaker-24-icon-before::before, +.debug-with-beaker-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--beaker-24-svg); +} + +.debug-with-bell-16-mask-before::before, +.debug-with-bell-16-icon-before::before, +.debug-with-bell-16-mask-after::after, +.debug-with-bell-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-16-mask-before::before, +.debug-with-bell-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-16-svg); + mask-image: var(--bell-16-svg); +} +.debug-with-bell-16-icon-before::before, +.debug-with-bell-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-16-svg); +} + +.debug-with-bell-24-mask-before::before, +.debug-with-bell-24-icon-before::before, +.debug-with-bell-24-mask-after::after, +.debug-with-bell-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-24-mask-before::before, +.debug-with-bell-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-24-svg); + mask-image: var(--bell-24-svg); +} +.debug-with-bell-24-icon-before::before, +.debug-with-bell-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-24-svg); +} + +.debug-with-bell-active-16-mask-before::before, +.debug-with-bell-active-16-icon-before::before, +.debug-with-bell-active-16-mask-after::after, +.debug-with-bell-active-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-active-16-mask-before::before, +.debug-with-bell-active-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-active-16-svg); + mask-image: var(--bell-active-16-svg); +} +.debug-with-bell-active-16-icon-before::before, +.debug-with-bell-active-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-active-16-svg); +} + +.debug-with-bell-active-24-mask-before::before, +.debug-with-bell-active-24-icon-before::before, +.debug-with-bell-active-24-mask-after::after, +.debug-with-bell-active-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-active-24-mask-before::before, +.debug-with-bell-active-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-active-24-svg); + mask-image: var(--bell-active-24-svg); +} +.debug-with-bell-active-24-icon-before::before, +.debug-with-bell-active-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-active-24-svg); +} + +.debug-with-bell-active-fill-16-mask-before::before, +.debug-with-bell-active-fill-16-icon-before::before, +.debug-with-bell-active-fill-16-mask-after::after, +.debug-with-bell-active-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-active-fill-16-mask-before::before, +.debug-with-bell-active-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-active-fill-16-svg); + mask-image: var(--bell-active-fill-16-svg); +} +.debug-with-bell-active-fill-16-icon-before::before, +.debug-with-bell-active-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-active-fill-16-svg); +} + +.debug-with-bell-active-fill-24-mask-before::before, +.debug-with-bell-active-fill-24-icon-before::before, +.debug-with-bell-active-fill-24-mask-after::after, +.debug-with-bell-active-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-active-fill-24-mask-before::before, +.debug-with-bell-active-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-active-fill-24-svg); + mask-image: var(--bell-active-fill-24-svg); +} +.debug-with-bell-active-fill-24-icon-before::before, +.debug-with-bell-active-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-active-fill-24-svg); +} + +.debug-with-bell-off-16-mask-before::before, +.debug-with-bell-off-16-icon-before::before, +.debug-with-bell-off-16-mask-after::after, +.debug-with-bell-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-off-16-mask-before::before, +.debug-with-bell-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-off-16-svg); + mask-image: var(--bell-off-16-svg); +} +.debug-with-bell-off-16-icon-before::before, +.debug-with-bell-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-off-16-svg); +} + +.debug-with-bell-off-24-mask-before::before, +.debug-with-bell-off-24-icon-before::before, +.debug-with-bell-off-24-mask-after::after, +.debug-with-bell-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bell-off-24-mask-before::before, +.debug-with-bell-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bell-off-24-svg); + mask-image: var(--bell-off-24-svg); +} +.debug-with-bell-off-24-icon-before::before, +.debug-with-bell-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bell-off-24-svg); +} + +.debug-with-bitbucket-16-mask-before::before, +.debug-with-bitbucket-16-icon-before::before, +.debug-with-bitbucket-16-mask-after::after, +.debug-with-bitbucket-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bitbucket-16-mask-before::before, +.debug-with-bitbucket-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bitbucket-16-svg); + mask-image: var(--bitbucket-16-svg); +} +.debug-with-bitbucket-16-icon-before::before, +.debug-with-bitbucket-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bitbucket-16-svg); +} + +.debug-with-bitbucket-24-mask-before::before, +.debug-with-bitbucket-24-icon-before::before, +.debug-with-bitbucket-24-mask-after::after, +.debug-with-bitbucket-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bitbucket-24-mask-before::before, +.debug-with-bitbucket-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bitbucket-24-svg); + mask-image: var(--bitbucket-24-svg); +} +.debug-with-bitbucket-24-icon-before::before, +.debug-with-bitbucket-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bitbucket-24-svg); +} + +.debug-with-bitbucket-color-16-mask-before::before, +.debug-with-bitbucket-color-16-icon-before::before, +.debug-with-bitbucket-color-16-mask-after::after, +.debug-with-bitbucket-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bitbucket-color-16-mask-before::before, +.debug-with-bitbucket-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bitbucket-color-16-svg); + mask-image: var(--bitbucket-color-16-svg); +} +.debug-with-bitbucket-color-16-icon-before::before, +.debug-with-bitbucket-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bitbucket-color-16-svg); +} + +.debug-with-bitbucket-color-24-mask-before::before, +.debug-with-bitbucket-color-24-icon-before::before, +.debug-with-bitbucket-color-24-mask-after::after, +.debug-with-bitbucket-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bitbucket-color-24-mask-before::before, +.debug-with-bitbucket-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bitbucket-color-24-svg); + mask-image: var(--bitbucket-color-24-svg); +} +.debug-with-bitbucket-color-24-icon-before::before, +.debug-with-bitbucket-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bitbucket-color-24-svg); +} + +.debug-with-bolt-mask-before::before, +.debug-with-bolt-icon-before::before, +.debug-with-bolt-mask-after::after, +.debug-with-bolt-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bolt-mask-before::before, +.debug-with-bolt-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bolt-svg); + mask-image: var(--bolt-svg); +} +.debug-with-bolt-icon-before::before, +.debug-with-bolt-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bolt-svg); +} + +.debug-with-bookmark-16-mask-before::before, +.debug-with-bookmark-16-icon-before::before, +.debug-with-bookmark-16-mask-after::after, +.debug-with-bookmark-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-16-mask-before::before, +.debug-with-bookmark-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-16-svg); + mask-image: var(--bookmark-16-svg); +} +.debug-with-bookmark-16-icon-before::before, +.debug-with-bookmark-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-16-svg); +} + +.debug-with-bookmark-24-mask-before::before, +.debug-with-bookmark-24-icon-before::before, +.debug-with-bookmark-24-mask-after::after, +.debug-with-bookmark-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-24-mask-before::before, +.debug-with-bookmark-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-24-svg); + mask-image: var(--bookmark-24-svg); +} +.debug-with-bookmark-24-icon-before::before, +.debug-with-bookmark-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-24-svg); +} + +.debug-with-bookmark-add-16-mask-before::before, +.debug-with-bookmark-add-16-icon-before::before, +.debug-with-bookmark-add-16-mask-after::after, +.debug-with-bookmark-add-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-add-16-mask-before::before, +.debug-with-bookmark-add-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-add-16-svg); + mask-image: var(--bookmark-add-16-svg); +} +.debug-with-bookmark-add-16-icon-before::before, +.debug-with-bookmark-add-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-add-16-svg); +} + +.debug-with-bookmark-add-24-mask-before::before, +.debug-with-bookmark-add-24-icon-before::before, +.debug-with-bookmark-add-24-mask-after::after, +.debug-with-bookmark-add-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-add-24-mask-before::before, +.debug-with-bookmark-add-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-add-24-svg); + mask-image: var(--bookmark-add-24-svg); +} +.debug-with-bookmark-add-24-icon-before::before, +.debug-with-bookmark-add-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-add-24-svg); +} + +.debug-with-bookmark-add-fill-16-mask-before::before, +.debug-with-bookmark-add-fill-16-icon-before::before, +.debug-with-bookmark-add-fill-16-mask-after::after, +.debug-with-bookmark-add-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-add-fill-16-mask-before::before, +.debug-with-bookmark-add-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-add-fill-16-svg); + mask-image: var(--bookmark-add-fill-16-svg); +} +.debug-with-bookmark-add-fill-16-icon-before::before, +.debug-with-bookmark-add-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-add-fill-16-svg); +} + +.debug-with-bookmark-add-fill-24-mask-before::before, +.debug-with-bookmark-add-fill-24-icon-before::before, +.debug-with-bookmark-add-fill-24-mask-after::after, +.debug-with-bookmark-add-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-add-fill-24-mask-before::before, +.debug-with-bookmark-add-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-add-fill-24-svg); + mask-image: var(--bookmark-add-fill-24-svg); +} +.debug-with-bookmark-add-fill-24-icon-before::before, +.debug-with-bookmark-add-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-add-fill-24-svg); +} + +.debug-with-bookmark-fill-16-mask-before::before, +.debug-with-bookmark-fill-16-icon-before::before, +.debug-with-bookmark-fill-16-mask-after::after, +.debug-with-bookmark-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-fill-16-mask-before::before, +.debug-with-bookmark-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-fill-16-svg); + mask-image: var(--bookmark-fill-16-svg); +} +.debug-with-bookmark-fill-16-icon-before::before, +.debug-with-bookmark-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-fill-16-svg); +} + +.debug-with-bookmark-fill-24-mask-before::before, +.debug-with-bookmark-fill-24-icon-before::before, +.debug-with-bookmark-fill-24-mask-after::after, +.debug-with-bookmark-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-fill-24-mask-before::before, +.debug-with-bookmark-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-fill-24-svg); + mask-image: var(--bookmark-fill-24-svg); +} +.debug-with-bookmark-fill-24-icon-before::before, +.debug-with-bookmark-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-fill-24-svg); +} + +.debug-with-bookmark-remove-16-mask-before::before, +.debug-with-bookmark-remove-16-icon-before::before, +.debug-with-bookmark-remove-16-mask-after::after, +.debug-with-bookmark-remove-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-remove-16-mask-before::before, +.debug-with-bookmark-remove-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-remove-16-svg); + mask-image: var(--bookmark-remove-16-svg); +} +.debug-with-bookmark-remove-16-icon-before::before, +.debug-with-bookmark-remove-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-remove-16-svg); +} + +.debug-with-bookmark-remove-24-mask-before::before, +.debug-with-bookmark-remove-24-icon-before::before, +.debug-with-bookmark-remove-24-mask-after::after, +.debug-with-bookmark-remove-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-remove-24-mask-before::before, +.debug-with-bookmark-remove-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-remove-24-svg); + mask-image: var(--bookmark-remove-24-svg); +} +.debug-with-bookmark-remove-24-icon-before::before, +.debug-with-bookmark-remove-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-remove-24-svg); +} + +.debug-with-bookmark-remove-fill-16-mask-before::before, +.debug-with-bookmark-remove-fill-16-icon-before::before, +.debug-with-bookmark-remove-fill-16-mask-after::after, +.debug-with-bookmark-remove-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-remove-fill-16-mask-before::before, +.debug-with-bookmark-remove-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-remove-fill-16-svg); + mask-image: var(--bookmark-remove-fill-16-svg); +} +.debug-with-bookmark-remove-fill-16-icon-before::before, +.debug-with-bookmark-remove-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-remove-fill-16-svg); +} + +.debug-with-bookmark-remove-fill-24-mask-before::before, +.debug-with-bookmark-remove-fill-24-icon-before::before, +.debug-with-bookmark-remove-fill-24-mask-after::after, +.debug-with-bookmark-remove-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bookmark-remove-fill-24-mask-before::before, +.debug-with-bookmark-remove-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bookmark-remove-fill-24-svg); + mask-image: var(--bookmark-remove-fill-24-svg); +} +.debug-with-bookmark-remove-fill-24-icon-before::before, +.debug-with-bookmark-remove-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bookmark-remove-fill-24-svg); +} + +.debug-with-bottom-16-mask-before::before, +.debug-with-bottom-16-icon-before::before, +.debug-with-bottom-16-mask-after::after, +.debug-with-bottom-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bottom-16-mask-before::before, +.debug-with-bottom-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bottom-16-svg); + mask-image: var(--bottom-16-svg); +} +.debug-with-bottom-16-icon-before::before, +.debug-with-bottom-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bottom-16-svg); +} + +.debug-with-bottom-24-mask-before::before, +.debug-with-bottom-24-icon-before::before, +.debug-with-bottom-24-mask-after::after, +.debug-with-bottom-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bottom-24-mask-before::before, +.debug-with-bottom-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bottom-24-svg); + mask-image: var(--bottom-24-svg); +} +.debug-with-bottom-24-icon-before::before, +.debug-with-bottom-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bottom-24-svg); +} + +.debug-with-box-16-mask-before::before, +.debug-with-box-16-icon-before::before, +.debug-with-box-16-mask-after::after, +.debug-with-box-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-box-16-mask-before::before, +.debug-with-box-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--box-16-svg); + mask-image: var(--box-16-svg); +} +.debug-with-box-16-icon-before::before, +.debug-with-box-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--box-16-svg); +} + +.debug-with-box-24-mask-before::before, +.debug-with-box-24-icon-before::before, +.debug-with-box-24-mask-after::after, +.debug-with-box-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-box-24-mask-before::before, +.debug-with-box-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--box-24-svg); + mask-image: var(--box-24-svg); +} +.debug-with-box-24-icon-before::before, +.debug-with-box-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--box-24-svg); +} + +.debug-with-box-check-fill-mask-before::before, +.debug-with-box-check-fill-icon-before::before, +.debug-with-box-check-fill-mask-after::after, +.debug-with-box-check-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-box-check-fill-mask-before::before, +.debug-with-box-check-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--box-check-fill-svg); + mask-image: var(--box-check-fill-svg); +} +.debug-with-box-check-fill-icon-before::before, +.debug-with-box-check-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--box-check-fill-svg); +} + +.debug-with-box-outline-mask-before::before, +.debug-with-box-outline-icon-before::before, +.debug-with-box-outline-mask-after::after, +.debug-with-box-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-box-outline-mask-before::before, +.debug-with-box-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--box-outline-svg); + mask-image: var(--box-outline-svg); +} +.debug-with-box-outline-icon-before::before, +.debug-with-box-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--box-outline-svg); +} + +.debug-with-briefcase-16-mask-before::before, +.debug-with-briefcase-16-icon-before::before, +.debug-with-briefcase-16-mask-after::after, +.debug-with-briefcase-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-briefcase-16-mask-before::before, +.debug-with-briefcase-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--briefcase-16-svg); + mask-image: var(--briefcase-16-svg); +} +.debug-with-briefcase-16-icon-before::before, +.debug-with-briefcase-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--briefcase-16-svg); +} + +.debug-with-briefcase-24-mask-before::before, +.debug-with-briefcase-24-icon-before::before, +.debug-with-briefcase-24-mask-after::after, +.debug-with-briefcase-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-briefcase-24-mask-before::before, +.debug-with-briefcase-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--briefcase-24-svg); + mask-image: var(--briefcase-24-svg); +} +.debug-with-briefcase-24-icon-before::before, +.debug-with-briefcase-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--briefcase-24-svg); +} + +.debug-with-broadcast-mask-before::before, +.debug-with-broadcast-icon-before::before, +.debug-with-broadcast-mask-after::after, +.debug-with-broadcast-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-broadcast-mask-before::before, +.debug-with-broadcast-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--broadcast-svg); + mask-image: var(--broadcast-svg); +} +.debug-with-broadcast-icon-before::before, +.debug-with-broadcast-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--broadcast-svg); +} + +.debug-with-bug-16-mask-before::before, +.debug-with-bug-16-icon-before::before, +.debug-with-bug-16-mask-after::after, +.debug-with-bug-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bug-16-mask-before::before, +.debug-with-bug-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bug-16-svg); + mask-image: var(--bug-16-svg); +} +.debug-with-bug-16-icon-before::before, +.debug-with-bug-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bug-16-svg); +} + +.debug-with-bug-24-mask-before::before, +.debug-with-bug-24-icon-before::before, +.debug-with-bug-24-mask-after::after, +.debug-with-bug-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bug-24-mask-before::before, +.debug-with-bug-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bug-24-svg); + mask-image: var(--bug-24-svg); +} +.debug-with-bug-24-icon-before::before, +.debug-with-bug-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bug-24-svg); +} + +.debug-with-bug-mask-before::before, +.debug-with-bug-icon-before::before, +.debug-with-bug-mask-after::after, +.debug-with-bug-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-bug-mask-before::before, +.debug-with-bug-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--bug-svg); + mask-image: var(--bug-svg); +} +.debug-with-bug-icon-before::before, +.debug-with-bug-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--bug-svg); +} + +.debug-with-build-16-mask-before::before, +.debug-with-build-16-icon-before::before, +.debug-with-build-16-mask-after::after, +.debug-with-build-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-build-16-mask-before::before, +.debug-with-build-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--build-16-svg); + mask-image: var(--build-16-svg); +} +.debug-with-build-16-icon-before::before, +.debug-with-build-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--build-16-svg); +} + +.debug-with-build-24-mask-before::before, +.debug-with-build-24-icon-before::before, +.debug-with-build-24-mask-after::after, +.debug-with-build-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-build-24-mask-before::before, +.debug-with-build-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--build-24-svg); + mask-image: var(--build-24-svg); +} +.debug-with-build-24-icon-before::before, +.debug-with-build-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--build-24-svg); +} + +.debug-with-calendar-16-mask-before::before, +.debug-with-calendar-16-icon-before::before, +.debug-with-calendar-16-mask-after::after, +.debug-with-calendar-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-calendar-16-mask-before::before, +.debug-with-calendar-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--calendar-16-svg); + mask-image: var(--calendar-16-svg); +} +.debug-with-calendar-16-icon-before::before, +.debug-with-calendar-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--calendar-16-svg); +} + +.debug-with-calendar-24-mask-before::before, +.debug-with-calendar-24-icon-before::before, +.debug-with-calendar-24-mask-after::after, +.debug-with-calendar-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-calendar-24-mask-before::before, +.debug-with-calendar-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--calendar-24-svg); + mask-image: var(--calendar-24-svg); +} +.debug-with-calendar-24-icon-before::before, +.debug-with-calendar-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--calendar-24-svg); +} + +.debug-with-calendar-mask-before::before, +.debug-with-calendar-icon-before::before, +.debug-with-calendar-mask-after::after, +.debug-with-calendar-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-calendar-mask-before::before, +.debug-with-calendar-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--calendar-svg); + mask-image: var(--calendar-svg); +} +.debug-with-calendar-icon-before::before, +.debug-with-calendar-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--calendar-svg); +} + +.debug-with-camera-16-mask-before::before, +.debug-with-camera-16-icon-before::before, +.debug-with-camera-16-mask-after::after, +.debug-with-camera-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-camera-16-mask-before::before, +.debug-with-camera-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--camera-16-svg); + mask-image: var(--camera-16-svg); +} +.debug-with-camera-16-icon-before::before, +.debug-with-camera-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--camera-16-svg); +} + +.debug-with-camera-24-mask-before::before, +.debug-with-camera-24-icon-before::before, +.debug-with-camera-24-mask-after::after, +.debug-with-camera-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-camera-24-mask-before::before, +.debug-with-camera-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--camera-24-svg); + mask-image: var(--camera-24-svg); +} +.debug-with-camera-24-icon-before::before, +.debug-with-camera-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--camera-24-svg); +} + +.debug-with-camera-off-16-mask-before::before, +.debug-with-camera-off-16-icon-before::before, +.debug-with-camera-off-16-mask-after::after, +.debug-with-camera-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-camera-off-16-mask-before::before, +.debug-with-camera-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--camera-off-16-svg); + mask-image: var(--camera-off-16-svg); +} +.debug-with-camera-off-16-icon-before::before, +.debug-with-camera-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--camera-off-16-svg); +} + +.debug-with-camera-off-24-mask-before::before, +.debug-with-camera-off-24-icon-before::before, +.debug-with-camera-off-24-mask-after::after, +.debug-with-camera-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-camera-off-24-mask-before::before, +.debug-with-camera-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--camera-off-24-svg); + mask-image: var(--camera-off-24-svg); +} +.debug-with-camera-off-24-icon-before::before, +.debug-with-camera-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--camera-off-24-svg); +} + +.debug-with-cancel-circle-fill-mask-before::before, +.debug-with-cancel-circle-fill-icon-before::before, +.debug-with-cancel-circle-fill-mask-after::after, +.debug-with-cancel-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cancel-circle-fill-mask-before::before, +.debug-with-cancel-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cancel-circle-fill-svg); + mask-image: var(--cancel-circle-fill-svg); +} +.debug-with-cancel-circle-fill-icon-before::before, +.debug-with-cancel-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cancel-circle-fill-svg); +} + +.debug-with-cancel-circle-outline-mask-before::before, +.debug-with-cancel-circle-outline-icon-before::before, +.debug-with-cancel-circle-outline-mask-after::after, +.debug-with-cancel-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cancel-circle-outline-mask-before::before, +.debug-with-cancel-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cancel-circle-outline-svg); + mask-image: var(--cancel-circle-outline-svg); +} +.debug-with-cancel-circle-outline-icon-before::before, +.debug-with-cancel-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cancel-circle-outline-svg); +} + +.debug-with-cancel-plain-mask-before::before, +.debug-with-cancel-plain-icon-before::before, +.debug-with-cancel-plain-mask-after::after, +.debug-with-cancel-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cancel-plain-mask-before::before, +.debug-with-cancel-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cancel-plain-svg); + mask-image: var(--cancel-plain-svg); +} +.debug-with-cancel-plain-icon-before::before, +.debug-with-cancel-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cancel-plain-svg); +} + +.debug-with-cancel-square-fill-mask-before::before, +.debug-with-cancel-square-fill-icon-before::before, +.debug-with-cancel-square-fill-mask-after::after, +.debug-with-cancel-square-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cancel-square-fill-mask-before::before, +.debug-with-cancel-square-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cancel-square-fill-svg); + mask-image: var(--cancel-square-fill-svg); +} +.debug-with-cancel-square-fill-icon-before::before, +.debug-with-cancel-square-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cancel-square-fill-svg); +} + +.debug-with-cancel-square-outline-mask-before::before, +.debug-with-cancel-square-outline-icon-before::before, +.debug-with-cancel-square-outline-mask-after::after, +.debug-with-cancel-square-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cancel-square-outline-mask-before::before, +.debug-with-cancel-square-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cancel-square-outline-svg); + mask-image: var(--cancel-square-outline-svg); +} +.debug-with-cancel-square-outline-icon-before::before, +.debug-with-cancel-square-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cancel-square-outline-svg); +} + +.debug-with-caret-16-mask-before::before, +.debug-with-caret-16-icon-before::before, +.debug-with-caret-16-mask-after::after, +.debug-with-caret-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-caret-16-mask-before::before, +.debug-with-caret-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--caret-16-svg); + mask-image: var(--caret-16-svg); +} +.debug-with-caret-16-icon-before::before, +.debug-with-caret-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--caret-16-svg); +} + +.debug-with-caret-24-mask-before::before, +.debug-with-caret-24-icon-before::before, +.debug-with-caret-24-mask-after::after, +.debug-with-caret-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-caret-24-mask-before::before, +.debug-with-caret-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--caret-24-svg); + mask-image: var(--caret-24-svg); +} +.debug-with-caret-24-icon-before::before, +.debug-with-caret-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--caret-24-svg); +} + +.debug-with-caret-down-mask-before::before, +.debug-with-caret-down-icon-before::before, +.debug-with-caret-down-mask-after::after, +.debug-with-caret-down-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-caret-down-mask-before::before, +.debug-with-caret-down-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--caret-down-svg); + mask-image: var(--caret-down-svg); +} +.debug-with-caret-down-icon-before::before, +.debug-with-caret-down-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--caret-down-svg); +} + +.debug-with-caret-up-mask-before::before, +.debug-with-caret-up-icon-before::before, +.debug-with-caret-up-mask-after::after, +.debug-with-caret-up-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-caret-up-mask-before::before, +.debug-with-caret-up-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--caret-up-svg); + mask-image: var(--caret-up-svg); +} +.debug-with-caret-up-icon-before::before, +.debug-with-caret-up-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--caret-up-svg); +} + +.debug-with-cast-16-mask-before::before, +.debug-with-cast-16-icon-before::before, +.debug-with-cast-16-mask-after::after, +.debug-with-cast-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cast-16-mask-before::before, +.debug-with-cast-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cast-16-svg); + mask-image: var(--cast-16-svg); +} +.debug-with-cast-16-icon-before::before, +.debug-with-cast-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cast-16-svg); +} + +.debug-with-cast-24-mask-before::before, +.debug-with-cast-24-icon-before::before, +.debug-with-cast-24-mask-after::after, +.debug-with-cast-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cast-24-mask-before::before, +.debug-with-cast-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cast-24-svg); + mask-image: var(--cast-24-svg); +} +.debug-with-cast-24-icon-before::before, +.debug-with-cast-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cast-24-svg); +} + +.debug-with-certificate-16-mask-before::before, +.debug-with-certificate-16-icon-before::before, +.debug-with-certificate-16-mask-after::after, +.debug-with-certificate-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-certificate-16-mask-before::before, +.debug-with-certificate-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--certificate-16-svg); + mask-image: var(--certificate-16-svg); +} +.debug-with-certificate-16-icon-before::before, +.debug-with-certificate-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--certificate-16-svg); +} + +.debug-with-certificate-24-mask-before::before, +.debug-with-certificate-24-icon-before::before, +.debug-with-certificate-24-mask-after::after, +.debug-with-certificate-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-certificate-24-mask-before::before, +.debug-with-certificate-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--certificate-24-svg); + mask-image: var(--certificate-24-svg); +} +.debug-with-certificate-24-icon-before::before, +.debug-with-certificate-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--certificate-24-svg); +} + +.debug-with-change-16-mask-before::before, +.debug-with-change-16-icon-before::before, +.debug-with-change-16-mask-after::after, +.debug-with-change-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-16-mask-before::before, +.debug-with-change-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-16-svg); + mask-image: var(--change-16-svg); +} +.debug-with-change-16-icon-before::before, +.debug-with-change-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-16-svg); +} + +.debug-with-change-24-mask-before::before, +.debug-with-change-24-icon-before::before, +.debug-with-change-24-mask-after::after, +.debug-with-change-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-24-mask-before::before, +.debug-with-change-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-24-svg); + mask-image: var(--change-24-svg); +} +.debug-with-change-24-icon-before::before, +.debug-with-change-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-24-svg); +} + +.debug-with-change-circle-16-mask-before::before, +.debug-with-change-circle-16-icon-before::before, +.debug-with-change-circle-16-mask-after::after, +.debug-with-change-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-circle-16-mask-before::before, +.debug-with-change-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-circle-16-svg); + mask-image: var(--change-circle-16-svg); +} +.debug-with-change-circle-16-icon-before::before, +.debug-with-change-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-circle-16-svg); +} + +.debug-with-change-circle-24-mask-before::before, +.debug-with-change-circle-24-icon-before::before, +.debug-with-change-circle-24-mask-after::after, +.debug-with-change-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-circle-24-mask-before::before, +.debug-with-change-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-circle-24-svg); + mask-image: var(--change-circle-24-svg); +} +.debug-with-change-circle-24-icon-before::before, +.debug-with-change-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-circle-24-svg); +} + +.debug-with-change-square-16-mask-before::before, +.debug-with-change-square-16-icon-before::before, +.debug-with-change-square-16-mask-after::after, +.debug-with-change-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-square-16-mask-before::before, +.debug-with-change-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-square-16-svg); + mask-image: var(--change-square-16-svg); +} +.debug-with-change-square-16-icon-before::before, +.debug-with-change-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-square-16-svg); +} + +.debug-with-change-square-24-mask-before::before, +.debug-with-change-square-24-icon-before::before, +.debug-with-change-square-24-mask-after::after, +.debug-with-change-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-change-square-24-mask-before::before, +.debug-with-change-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--change-square-24-svg); + mask-image: var(--change-square-24-svg); +} +.debug-with-change-square-24-icon-before::before, +.debug-with-change-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--change-square-24-svg); +} + +.debug-with-check-16-mask-before::before, +.debug-with-check-16-icon-before::before, +.debug-with-check-16-mask-after::after, +.debug-with-check-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-16-mask-before::before, +.debug-with-check-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-16-svg); + mask-image: var(--check-16-svg); +} +.debug-with-check-16-icon-before::before, +.debug-with-check-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-16-svg); +} + +.debug-with-check-24-mask-before::before, +.debug-with-check-24-icon-before::before, +.debug-with-check-24-mask-after::after, +.debug-with-check-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-24-mask-before::before, +.debug-with-check-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-24-svg); + mask-image: var(--check-24-svg); +} +.debug-with-check-24-icon-before::before, +.debug-with-check-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-24-svg); +} + +.debug-with-check-circle-16-mask-before::before, +.debug-with-check-circle-16-icon-before::before, +.debug-with-check-circle-16-mask-after::after, +.debug-with-check-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-16-mask-before::before, +.debug-with-check-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-16-svg); + mask-image: var(--check-circle-16-svg); +} +.debug-with-check-circle-16-icon-before::before, +.debug-with-check-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-16-svg); +} + +.debug-with-check-circle-24-mask-before::before, +.debug-with-check-circle-24-icon-before::before, +.debug-with-check-circle-24-mask-after::after, +.debug-with-check-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-24-mask-before::before, +.debug-with-check-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-24-svg); + mask-image: var(--check-circle-24-svg); +} +.debug-with-check-circle-24-icon-before::before, +.debug-with-check-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-24-svg); +} + +.debug-with-check-circle-fill-16-mask-before::before, +.debug-with-check-circle-fill-16-icon-before::before, +.debug-with-check-circle-fill-16-mask-after::after, +.debug-with-check-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-fill-16-mask-before::before, +.debug-with-check-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-fill-16-svg); + mask-image: var(--check-circle-fill-16-svg); +} +.debug-with-check-circle-fill-16-icon-before::before, +.debug-with-check-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-fill-16-svg); +} + +.debug-with-check-circle-fill-24-mask-before::before, +.debug-with-check-circle-fill-24-icon-before::before, +.debug-with-check-circle-fill-24-mask-after::after, +.debug-with-check-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-fill-24-mask-before::before, +.debug-with-check-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-fill-24-svg); + mask-image: var(--check-circle-fill-24-svg); +} +.debug-with-check-circle-fill-24-icon-before::before, +.debug-with-check-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-fill-24-svg); +} + +.debug-with-check-circle-fill-mask-before::before, +.debug-with-check-circle-fill-icon-before::before, +.debug-with-check-circle-fill-mask-after::after, +.debug-with-check-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-fill-mask-before::before, +.debug-with-check-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-fill-svg); + mask-image: var(--check-circle-fill-svg); +} +.debug-with-check-circle-fill-icon-before::before, +.debug-with-check-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-fill-svg); +} + +.debug-with-check-circle-outline-mask-before::before, +.debug-with-check-circle-outline-icon-before::before, +.debug-with-check-circle-outline-mask-after::after, +.debug-with-check-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-circle-outline-mask-before::before, +.debug-with-check-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-circle-outline-svg); + mask-image: var(--check-circle-outline-svg); +} +.debug-with-check-circle-outline-icon-before::before, +.debug-with-check-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-circle-outline-svg); +} + +.debug-with-check-diamond-16-mask-before::before, +.debug-with-check-diamond-16-icon-before::before, +.debug-with-check-diamond-16-mask-after::after, +.debug-with-check-diamond-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-diamond-16-mask-before::before, +.debug-with-check-diamond-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-diamond-16-svg); + mask-image: var(--check-diamond-16-svg); +} +.debug-with-check-diamond-16-icon-before::before, +.debug-with-check-diamond-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-diamond-16-svg); +} + +.debug-with-check-diamond-24-mask-before::before, +.debug-with-check-diamond-24-icon-before::before, +.debug-with-check-diamond-24-mask-after::after, +.debug-with-check-diamond-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-diamond-24-mask-before::before, +.debug-with-check-diamond-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-diamond-24-svg); + mask-image: var(--check-diamond-24-svg); +} +.debug-with-check-diamond-24-icon-before::before, +.debug-with-check-diamond-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-diamond-24-svg); +} + +.debug-with-check-diamond-fill-16-mask-before::before, +.debug-with-check-diamond-fill-16-icon-before::before, +.debug-with-check-diamond-fill-16-mask-after::after, +.debug-with-check-diamond-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-diamond-fill-16-mask-before::before, +.debug-with-check-diamond-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-diamond-fill-16-svg); + mask-image: var(--check-diamond-fill-16-svg); +} +.debug-with-check-diamond-fill-16-icon-before::before, +.debug-with-check-diamond-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-diamond-fill-16-svg); +} + +.debug-with-check-diamond-fill-24-mask-before::before, +.debug-with-check-diamond-fill-24-icon-before::before, +.debug-with-check-diamond-fill-24-mask-after::after, +.debug-with-check-diamond-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-diamond-fill-24-mask-before::before, +.debug-with-check-diamond-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-diamond-fill-24-svg); + mask-image: var(--check-diamond-fill-24-svg); +} +.debug-with-check-diamond-fill-24-icon-before::before, +.debug-with-check-diamond-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-diamond-fill-24-svg); +} + +.debug-with-check-hexagon-16-mask-before::before, +.debug-with-check-hexagon-16-icon-before::before, +.debug-with-check-hexagon-16-mask-after::after, +.debug-with-check-hexagon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-hexagon-16-mask-before::before, +.debug-with-check-hexagon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-hexagon-16-svg); + mask-image: var(--check-hexagon-16-svg); +} +.debug-with-check-hexagon-16-icon-before::before, +.debug-with-check-hexagon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-hexagon-16-svg); +} + +.debug-with-check-hexagon-24-mask-before::before, +.debug-with-check-hexagon-24-icon-before::before, +.debug-with-check-hexagon-24-mask-after::after, +.debug-with-check-hexagon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-hexagon-24-mask-before::before, +.debug-with-check-hexagon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-hexagon-24-svg); + mask-image: var(--check-hexagon-24-svg); +} +.debug-with-check-hexagon-24-icon-before::before, +.debug-with-check-hexagon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-hexagon-24-svg); +} + +.debug-with-check-hexagon-fill-16-mask-before::before, +.debug-with-check-hexagon-fill-16-icon-before::before, +.debug-with-check-hexagon-fill-16-mask-after::after, +.debug-with-check-hexagon-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-hexagon-fill-16-mask-before::before, +.debug-with-check-hexagon-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-hexagon-fill-16-svg); + mask-image: var(--check-hexagon-fill-16-svg); +} +.debug-with-check-hexagon-fill-16-icon-before::before, +.debug-with-check-hexagon-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-hexagon-fill-16-svg); +} + +.debug-with-check-hexagon-fill-24-mask-before::before, +.debug-with-check-hexagon-fill-24-icon-before::before, +.debug-with-check-hexagon-fill-24-mask-after::after, +.debug-with-check-hexagon-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-hexagon-fill-24-mask-before::before, +.debug-with-check-hexagon-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-hexagon-fill-24-svg); + mask-image: var(--check-hexagon-fill-24-svg); +} +.debug-with-check-hexagon-fill-24-icon-before::before, +.debug-with-check-hexagon-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-hexagon-fill-24-svg); +} + +.debug-with-check-plain-mask-before::before, +.debug-with-check-plain-icon-before::before, +.debug-with-check-plain-mask-after::after, +.debug-with-check-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-plain-mask-before::before, +.debug-with-check-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-plain-svg); + mask-image: var(--check-plain-svg); +} +.debug-with-check-plain-icon-before::before, +.debug-with-check-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-plain-svg); +} + +.debug-with-check-square-16-mask-before::before, +.debug-with-check-square-16-icon-before::before, +.debug-with-check-square-16-mask-after::after, +.debug-with-check-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-square-16-mask-before::before, +.debug-with-check-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-square-16-svg); + mask-image: var(--check-square-16-svg); +} +.debug-with-check-square-16-icon-before::before, +.debug-with-check-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-square-16-svg); +} + +.debug-with-check-square-24-mask-before::before, +.debug-with-check-square-24-icon-before::before, +.debug-with-check-square-24-mask-after::after, +.debug-with-check-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-square-24-mask-before::before, +.debug-with-check-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-square-24-svg); + mask-image: var(--check-square-24-svg); +} +.debug-with-check-square-24-icon-before::before, +.debug-with-check-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-square-24-svg); +} + +.debug-with-check-square-fill-16-mask-before::before, +.debug-with-check-square-fill-16-icon-before::before, +.debug-with-check-square-fill-16-mask-after::after, +.debug-with-check-square-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-square-fill-16-mask-before::before, +.debug-with-check-square-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-square-fill-16-svg); + mask-image: var(--check-square-fill-16-svg); +} +.debug-with-check-square-fill-16-icon-before::before, +.debug-with-check-square-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-square-fill-16-svg); +} + +.debug-with-check-square-fill-24-mask-before::before, +.debug-with-check-square-fill-24-icon-before::before, +.debug-with-check-square-fill-24-mask-after::after, +.debug-with-check-square-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-check-square-fill-24-mask-before::before, +.debug-with-check-square-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--check-square-fill-24-svg); + mask-image: var(--check-square-fill-24-svg); +} +.debug-with-check-square-fill-24-icon-before::before, +.debug-with-check-square-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--check-square-fill-24-svg); +} + +.debug-with-chevron-down-16-mask-before::before, +.debug-with-chevron-down-16-icon-before::before, +.debug-with-chevron-down-16-mask-after::after, +.debug-with-chevron-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-down-16-mask-before::before, +.debug-with-chevron-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-down-16-svg); + mask-image: var(--chevron-down-16-svg); +} +.debug-with-chevron-down-16-icon-before::before, +.debug-with-chevron-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-down-16-svg); +} + +.debug-with-chevron-down-24-mask-before::before, +.debug-with-chevron-down-24-icon-before::before, +.debug-with-chevron-down-24-mask-after::after, +.debug-with-chevron-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-down-24-mask-before::before, +.debug-with-chevron-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-down-24-svg); + mask-image: var(--chevron-down-24-svg); +} +.debug-with-chevron-down-24-icon-before::before, +.debug-with-chevron-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-down-24-svg); +} + +.debug-with-chevron-down-mask-before::before, +.debug-with-chevron-down-icon-before::before, +.debug-with-chevron-down-mask-after::after, +.debug-with-chevron-down-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-down-mask-before::before, +.debug-with-chevron-down-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-down-svg); + mask-image: var(--chevron-down-svg); +} +.debug-with-chevron-down-icon-before::before, +.debug-with-chevron-down-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-down-svg); +} + +.debug-with-chevron-left-16-mask-before::before, +.debug-with-chevron-left-16-icon-before::before, +.debug-with-chevron-left-16-mask-after::after, +.debug-with-chevron-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-left-16-mask-before::before, +.debug-with-chevron-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-left-16-svg); + mask-image: var(--chevron-left-16-svg); +} +.debug-with-chevron-left-16-icon-before::before, +.debug-with-chevron-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-left-16-svg); +} + +.debug-with-chevron-left-24-mask-before::before, +.debug-with-chevron-left-24-icon-before::before, +.debug-with-chevron-left-24-mask-after::after, +.debug-with-chevron-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-left-24-mask-before::before, +.debug-with-chevron-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-left-24-svg); + mask-image: var(--chevron-left-24-svg); +} +.debug-with-chevron-left-24-icon-before::before, +.debug-with-chevron-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-left-24-svg); +} + +.debug-with-chevron-left-mask-before::before, +.debug-with-chevron-left-icon-before::before, +.debug-with-chevron-left-mask-after::after, +.debug-with-chevron-left-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-left-mask-before::before, +.debug-with-chevron-left-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-left-svg); + mask-image: var(--chevron-left-svg); +} +.debug-with-chevron-left-icon-before::before, +.debug-with-chevron-left-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-left-svg); +} + +.debug-with-chevron-right-16-mask-before::before, +.debug-with-chevron-right-16-icon-before::before, +.debug-with-chevron-right-16-mask-after::after, +.debug-with-chevron-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-right-16-mask-before::before, +.debug-with-chevron-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-right-16-svg); + mask-image: var(--chevron-right-16-svg); +} +.debug-with-chevron-right-16-icon-before::before, +.debug-with-chevron-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-right-16-svg); +} + +.debug-with-chevron-right-24-mask-before::before, +.debug-with-chevron-right-24-icon-before::before, +.debug-with-chevron-right-24-mask-after::after, +.debug-with-chevron-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-right-24-mask-before::before, +.debug-with-chevron-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-right-24-svg); + mask-image: var(--chevron-right-24-svg); +} +.debug-with-chevron-right-24-icon-before::before, +.debug-with-chevron-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-right-24-svg); +} + +.debug-with-chevron-right-mask-before::before, +.debug-with-chevron-right-icon-before::before, +.debug-with-chevron-right-mask-after::after, +.debug-with-chevron-right-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-right-mask-before::before, +.debug-with-chevron-right-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-right-svg); + mask-image: var(--chevron-right-svg); +} +.debug-with-chevron-right-icon-before::before, +.debug-with-chevron-right-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-right-svg); +} + +.debug-with-chevron-up-16-mask-before::before, +.debug-with-chevron-up-16-icon-before::before, +.debug-with-chevron-up-16-mask-after::after, +.debug-with-chevron-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-up-16-mask-before::before, +.debug-with-chevron-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-up-16-svg); + mask-image: var(--chevron-up-16-svg); +} +.debug-with-chevron-up-16-icon-before::before, +.debug-with-chevron-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-up-16-svg); +} + +.debug-with-chevron-up-24-mask-before::before, +.debug-with-chevron-up-24-icon-before::before, +.debug-with-chevron-up-24-mask-after::after, +.debug-with-chevron-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-up-24-mask-before::before, +.debug-with-chevron-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-up-24-svg); + mask-image: var(--chevron-up-24-svg); +} +.debug-with-chevron-up-24-icon-before::before, +.debug-with-chevron-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-up-24-svg); +} + +.debug-with-chevron-up-mask-before::before, +.debug-with-chevron-up-icon-before::before, +.debug-with-chevron-up-mask-after::after, +.debug-with-chevron-up-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevron-up-mask-before::before, +.debug-with-chevron-up-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevron-up-svg); + mask-image: var(--chevron-up-svg); +} +.debug-with-chevron-up-icon-before::before, +.debug-with-chevron-up-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevron-up-svg); +} + +.debug-with-chevrons-down-16-mask-before::before, +.debug-with-chevrons-down-16-icon-before::before, +.debug-with-chevrons-down-16-mask-after::after, +.debug-with-chevrons-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-down-16-mask-before::before, +.debug-with-chevrons-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-down-16-svg); + mask-image: var(--chevrons-down-16-svg); +} +.debug-with-chevrons-down-16-icon-before::before, +.debug-with-chevrons-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-down-16-svg); +} + +.debug-with-chevrons-down-24-mask-before::before, +.debug-with-chevrons-down-24-icon-before::before, +.debug-with-chevrons-down-24-mask-after::after, +.debug-with-chevrons-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-down-24-mask-before::before, +.debug-with-chevrons-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-down-24-svg); + mask-image: var(--chevrons-down-24-svg); +} +.debug-with-chevrons-down-24-icon-before::before, +.debug-with-chevrons-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-down-24-svg); +} + +.debug-with-chevrons-left-16-mask-before::before, +.debug-with-chevrons-left-16-icon-before::before, +.debug-with-chevrons-left-16-mask-after::after, +.debug-with-chevrons-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-left-16-mask-before::before, +.debug-with-chevrons-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-left-16-svg); + mask-image: var(--chevrons-left-16-svg); +} +.debug-with-chevrons-left-16-icon-before::before, +.debug-with-chevrons-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-left-16-svg); +} + +.debug-with-chevrons-left-24-mask-before::before, +.debug-with-chevrons-left-24-icon-before::before, +.debug-with-chevrons-left-24-mask-after::after, +.debug-with-chevrons-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-left-24-mask-before::before, +.debug-with-chevrons-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-left-24-svg); + mask-image: var(--chevrons-left-24-svg); +} +.debug-with-chevrons-left-24-icon-before::before, +.debug-with-chevrons-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-left-24-svg); +} + +.debug-with-chevrons-right-16-mask-before::before, +.debug-with-chevrons-right-16-icon-before::before, +.debug-with-chevrons-right-16-mask-after::after, +.debug-with-chevrons-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-right-16-mask-before::before, +.debug-with-chevrons-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-right-16-svg); + mask-image: var(--chevrons-right-16-svg); +} +.debug-with-chevrons-right-16-icon-before::before, +.debug-with-chevrons-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-right-16-svg); +} + +.debug-with-chevrons-right-24-mask-before::before, +.debug-with-chevrons-right-24-icon-before::before, +.debug-with-chevrons-right-24-mask-after::after, +.debug-with-chevrons-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-right-24-mask-before::before, +.debug-with-chevrons-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-right-24-svg); + mask-image: var(--chevrons-right-24-svg); +} +.debug-with-chevrons-right-24-icon-before::before, +.debug-with-chevrons-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-right-24-svg); +} + +.debug-with-chevrons-up-16-mask-before::before, +.debug-with-chevrons-up-16-icon-before::before, +.debug-with-chevrons-up-16-mask-after::after, +.debug-with-chevrons-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-up-16-mask-before::before, +.debug-with-chevrons-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-up-16-svg); + mask-image: var(--chevrons-up-16-svg); +} +.debug-with-chevrons-up-16-icon-before::before, +.debug-with-chevrons-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-up-16-svg); +} + +.debug-with-chevrons-up-24-mask-before::before, +.debug-with-chevrons-up-24-icon-before::before, +.debug-with-chevrons-up-24-mask-after::after, +.debug-with-chevrons-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-chevrons-up-24-mask-before::before, +.debug-with-chevrons-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--chevrons-up-24-svg); + mask-image: var(--chevrons-up-24-svg); +} +.debug-with-chevrons-up-24-icon-before::before, +.debug-with-chevrons-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--chevrons-up-24-svg); +} + +.debug-with-circle-16-mask-before::before, +.debug-with-circle-16-icon-before::before, +.debug-with-circle-16-mask-after::after, +.debug-with-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-16-mask-before::before, +.debug-with-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-16-svg); + mask-image: var(--circle-16-svg); +} +.debug-with-circle-16-icon-before::before, +.debug-with-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-16-svg); +} + +.debug-with-circle-24-mask-before::before, +.debug-with-circle-24-icon-before::before, +.debug-with-circle-24-mask-after::after, +.debug-with-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-24-mask-before::before, +.debug-with-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-24-svg); + mask-image: var(--circle-24-svg); +} +.debug-with-circle-24-icon-before::before, +.debug-with-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-24-svg); +} + +.debug-with-circle-dot-16-mask-before::before, +.debug-with-circle-dot-16-icon-before::before, +.debug-with-circle-dot-16-mask-after::after, +.debug-with-circle-dot-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-dot-16-mask-before::before, +.debug-with-circle-dot-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-dot-16-svg); + mask-image: var(--circle-dot-16-svg); +} +.debug-with-circle-dot-16-icon-before::before, +.debug-with-circle-dot-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-dot-16-svg); +} + +.debug-with-circle-dot-24-mask-before::before, +.debug-with-circle-dot-24-icon-before::before, +.debug-with-circle-dot-24-mask-after::after, +.debug-with-circle-dot-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-dot-24-mask-before::before, +.debug-with-circle-dot-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-dot-24-svg); + mask-image: var(--circle-dot-24-svg); +} +.debug-with-circle-dot-24-icon-before::before, +.debug-with-circle-dot-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-dot-24-svg); +} + +.debug-with-circle-fill-16-mask-before::before, +.debug-with-circle-fill-16-icon-before::before, +.debug-with-circle-fill-16-mask-after::after, +.debug-with-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-fill-16-mask-before::before, +.debug-with-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-fill-16-svg); + mask-image: var(--circle-fill-16-svg); +} +.debug-with-circle-fill-16-icon-before::before, +.debug-with-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-fill-16-svg); +} + +.debug-with-circle-fill-24-mask-before::before, +.debug-with-circle-fill-24-icon-before::before, +.debug-with-circle-fill-24-mask-after::after, +.debug-with-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-fill-24-mask-before::before, +.debug-with-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-fill-24-svg); + mask-image: var(--circle-fill-24-svg); +} +.debug-with-circle-fill-24-icon-before::before, +.debug-with-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-fill-24-svg); +} + +.debug-with-circle-half-16-mask-before::before, +.debug-with-circle-half-16-icon-before::before, +.debug-with-circle-half-16-mask-after::after, +.debug-with-circle-half-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-half-16-mask-before::before, +.debug-with-circle-half-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-half-16-svg); + mask-image: var(--circle-half-16-svg); +} +.debug-with-circle-half-16-icon-before::before, +.debug-with-circle-half-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-half-16-svg); +} + +.debug-with-circle-half-24-mask-before::before, +.debug-with-circle-half-24-icon-before::before, +.debug-with-circle-half-24-mask-after::after, +.debug-with-circle-half-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-circle-half-24-mask-before::before, +.debug-with-circle-half-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--circle-half-24-svg); + mask-image: var(--circle-half-24-svg); +} +.debug-with-circle-half-24-icon-before::before, +.debug-with-circle-half-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--circle-half-24-svg); +} + +.debug-with-clipboard-16-mask-before::before, +.debug-with-clipboard-16-icon-before::before, +.debug-with-clipboard-16-mask-after::after, +.debug-with-clipboard-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-16-mask-before::before, +.debug-with-clipboard-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-16-svg); + mask-image: var(--clipboard-16-svg); +} +.debug-with-clipboard-16-icon-before::before, +.debug-with-clipboard-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-16-svg); +} + +.debug-with-clipboard-24-mask-before::before, +.debug-with-clipboard-24-icon-before::before, +.debug-with-clipboard-24-mask-after::after, +.debug-with-clipboard-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-24-mask-before::before, +.debug-with-clipboard-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-24-svg); + mask-image: var(--clipboard-24-svg); +} +.debug-with-clipboard-24-icon-before::before, +.debug-with-clipboard-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-24-svg); +} + +.debug-with-clipboard-checked-16-mask-before::before, +.debug-with-clipboard-checked-16-icon-before::before, +.debug-with-clipboard-checked-16-mask-after::after, +.debug-with-clipboard-checked-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-checked-16-mask-before::before, +.debug-with-clipboard-checked-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-checked-16-svg); + mask-image: var(--clipboard-checked-16-svg); +} +.debug-with-clipboard-checked-16-icon-before::before, +.debug-with-clipboard-checked-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-checked-16-svg); +} + +.debug-with-clipboard-checked-24-mask-before::before, +.debug-with-clipboard-checked-24-icon-before::before, +.debug-with-clipboard-checked-24-mask-after::after, +.debug-with-clipboard-checked-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-checked-24-mask-before::before, +.debug-with-clipboard-checked-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-checked-24-svg); + mask-image: var(--clipboard-checked-24-svg); +} +.debug-with-clipboard-checked-24-icon-before::before, +.debug-with-clipboard-checked-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-checked-24-svg); +} + +.debug-with-clipboard-copy-16-mask-before::before, +.debug-with-clipboard-copy-16-icon-before::before, +.debug-with-clipboard-copy-16-mask-after::after, +.debug-with-clipboard-copy-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-copy-16-mask-before::before, +.debug-with-clipboard-copy-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-copy-16-svg); + mask-image: var(--clipboard-copy-16-svg); +} +.debug-with-clipboard-copy-16-icon-before::before, +.debug-with-clipboard-copy-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-copy-16-svg); +} + +.debug-with-clipboard-copy-24-mask-before::before, +.debug-with-clipboard-copy-24-icon-before::before, +.debug-with-clipboard-copy-24-mask-after::after, +.debug-with-clipboard-copy-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clipboard-copy-24-mask-before::before, +.debug-with-clipboard-copy-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clipboard-copy-24-svg); + mask-image: var(--clipboard-copy-24-svg); +} +.debug-with-clipboard-copy-24-icon-before::before, +.debug-with-clipboard-copy-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clipboard-copy-24-svg); +} + +.debug-with-clock-16-mask-before::before, +.debug-with-clock-16-icon-before::before, +.debug-with-clock-16-mask-after::after, +.debug-with-clock-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clock-16-mask-before::before, +.debug-with-clock-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clock-16-svg); + mask-image: var(--clock-16-svg); +} +.debug-with-clock-16-icon-before::before, +.debug-with-clock-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clock-16-svg); +} + +.debug-with-clock-24-mask-before::before, +.debug-with-clock-24-icon-before::before, +.debug-with-clock-24-mask-after::after, +.debug-with-clock-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clock-24-mask-before::before, +.debug-with-clock-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clock-24-svg); + mask-image: var(--clock-24-svg); +} +.debug-with-clock-24-icon-before::before, +.debug-with-clock-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clock-24-svg); +} + +.debug-with-clock-fill-mask-before::before, +.debug-with-clock-fill-icon-before::before, +.debug-with-clock-fill-mask-after::after, +.debug-with-clock-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clock-fill-mask-before::before, +.debug-with-clock-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clock-fill-svg); + mask-image: var(--clock-fill-svg); +} +.debug-with-clock-fill-icon-before::before, +.debug-with-clock-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clock-fill-svg); +} + +.debug-with-clock-outline-mask-before::before, +.debug-with-clock-outline-icon-before::before, +.debug-with-clock-outline-mask-after::after, +.debug-with-clock-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-clock-outline-mask-before::before, +.debug-with-clock-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--clock-outline-svg); + mask-image: var(--clock-outline-svg); +} +.debug-with-clock-outline-icon-before::before, +.debug-with-clock-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--clock-outline-svg); +} + +.debug-with-cloud-16-mask-before::before, +.debug-with-cloud-16-icon-before::before, +.debug-with-cloud-16-mask-after::after, +.debug-with-cloud-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-16-mask-before::before, +.debug-with-cloud-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-16-svg); + mask-image: var(--cloud-16-svg); +} +.debug-with-cloud-16-icon-before::before, +.debug-with-cloud-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-16-svg); +} + +.debug-with-cloud-24-mask-before::before, +.debug-with-cloud-24-icon-before::before, +.debug-with-cloud-24-mask-after::after, +.debug-with-cloud-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-24-mask-before::before, +.debug-with-cloud-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-24-svg); + mask-image: var(--cloud-24-svg); +} +.debug-with-cloud-24-icon-before::before, +.debug-with-cloud-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-24-svg); +} + +.debug-with-cloud-check-16-mask-before::before, +.debug-with-cloud-check-16-icon-before::before, +.debug-with-cloud-check-16-mask-after::after, +.debug-with-cloud-check-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-check-16-mask-before::before, +.debug-with-cloud-check-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-check-16-svg); + mask-image: var(--cloud-check-16-svg); +} +.debug-with-cloud-check-16-icon-before::before, +.debug-with-cloud-check-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-check-16-svg); +} + +.debug-with-cloud-check-24-mask-before::before, +.debug-with-cloud-check-24-icon-before::before, +.debug-with-cloud-check-24-mask-after::after, +.debug-with-cloud-check-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-check-24-mask-before::before, +.debug-with-cloud-check-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-check-24-svg); + mask-image: var(--cloud-check-24-svg); +} +.debug-with-cloud-check-24-icon-before::before, +.debug-with-cloud-check-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-check-24-svg); +} + +.debug-with-cloud-cross-mask-before::before, +.debug-with-cloud-cross-icon-before::before, +.debug-with-cloud-cross-mask-after::after, +.debug-with-cloud-cross-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-cross-mask-before::before, +.debug-with-cloud-cross-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-cross-svg); + mask-image: var(--cloud-cross-svg); +} +.debug-with-cloud-cross-icon-before::before, +.debug-with-cloud-cross-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-cross-svg); +} + +.debug-with-cloud-download-16-mask-before::before, +.debug-with-cloud-download-16-icon-before::before, +.debug-with-cloud-download-16-mask-after::after, +.debug-with-cloud-download-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-download-16-mask-before::before, +.debug-with-cloud-download-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-download-16-svg); + mask-image: var(--cloud-download-16-svg); +} +.debug-with-cloud-download-16-icon-before::before, +.debug-with-cloud-download-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-download-16-svg); +} + +.debug-with-cloud-download-24-mask-before::before, +.debug-with-cloud-download-24-icon-before::before, +.debug-with-cloud-download-24-mask-after::after, +.debug-with-cloud-download-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-download-24-mask-before::before, +.debug-with-cloud-download-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-download-24-svg); + mask-image: var(--cloud-download-24-svg); +} +.debug-with-cloud-download-24-icon-before::before, +.debug-with-cloud-download-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-download-24-svg); +} + +.debug-with-cloud-lightning-16-mask-before::before, +.debug-with-cloud-lightning-16-icon-before::before, +.debug-with-cloud-lightning-16-mask-after::after, +.debug-with-cloud-lightning-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-lightning-16-mask-before::before, +.debug-with-cloud-lightning-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-lightning-16-svg); + mask-image: var(--cloud-lightning-16-svg); +} +.debug-with-cloud-lightning-16-icon-before::before, +.debug-with-cloud-lightning-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-lightning-16-svg); +} + +.debug-with-cloud-lightning-24-mask-before::before, +.debug-with-cloud-lightning-24-icon-before::before, +.debug-with-cloud-lightning-24-mask-after::after, +.debug-with-cloud-lightning-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-lightning-24-mask-before::before, +.debug-with-cloud-lightning-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-lightning-24-svg); + mask-image: var(--cloud-lightning-24-svg); +} +.debug-with-cloud-lightning-24-icon-before::before, +.debug-with-cloud-lightning-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-lightning-24-svg); +} + +.debug-with-cloud-lock-16-mask-before::before, +.debug-with-cloud-lock-16-icon-before::before, +.debug-with-cloud-lock-16-mask-after::after, +.debug-with-cloud-lock-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-lock-16-mask-before::before, +.debug-with-cloud-lock-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-lock-16-svg); + mask-image: var(--cloud-lock-16-svg); +} +.debug-with-cloud-lock-16-icon-before::before, +.debug-with-cloud-lock-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-lock-16-svg); +} + +.debug-with-cloud-lock-24-mask-before::before, +.debug-with-cloud-lock-24-icon-before::before, +.debug-with-cloud-lock-24-mask-after::after, +.debug-with-cloud-lock-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-lock-24-mask-before::before, +.debug-with-cloud-lock-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-lock-24-svg); + mask-image: var(--cloud-lock-24-svg); +} +.debug-with-cloud-lock-24-icon-before::before, +.debug-with-cloud-lock-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-lock-24-svg); +} + +.debug-with-cloud-off-16-mask-before::before, +.debug-with-cloud-off-16-icon-before::before, +.debug-with-cloud-off-16-mask-after::after, +.debug-with-cloud-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-off-16-mask-before::before, +.debug-with-cloud-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-off-16-svg); + mask-image: var(--cloud-off-16-svg); +} +.debug-with-cloud-off-16-icon-before::before, +.debug-with-cloud-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-off-16-svg); +} + +.debug-with-cloud-off-24-mask-before::before, +.debug-with-cloud-off-24-icon-before::before, +.debug-with-cloud-off-24-mask-after::after, +.debug-with-cloud-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-off-24-mask-before::before, +.debug-with-cloud-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-off-24-svg); + mask-image: var(--cloud-off-24-svg); +} +.debug-with-cloud-off-24-icon-before::before, +.debug-with-cloud-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-off-24-svg); +} + +.debug-with-cloud-upload-16-mask-before::before, +.debug-with-cloud-upload-16-icon-before::before, +.debug-with-cloud-upload-16-mask-after::after, +.debug-with-cloud-upload-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-upload-16-mask-before::before, +.debug-with-cloud-upload-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-upload-16-svg); + mask-image: var(--cloud-upload-16-svg); +} +.debug-with-cloud-upload-16-icon-before::before, +.debug-with-cloud-upload-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-upload-16-svg); +} + +.debug-with-cloud-upload-24-mask-before::before, +.debug-with-cloud-upload-24-icon-before::before, +.debug-with-cloud-upload-24-mask-after::after, +.debug-with-cloud-upload-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-upload-24-mask-before::before, +.debug-with-cloud-upload-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-upload-24-svg); + mask-image: var(--cloud-upload-24-svg); +} +.debug-with-cloud-upload-24-icon-before::before, +.debug-with-cloud-upload-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-upload-24-svg); +} + +.debug-with-cloud-x-16-mask-before::before, +.debug-with-cloud-x-16-icon-before::before, +.debug-with-cloud-x-16-mask-after::after, +.debug-with-cloud-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-x-16-mask-before::before, +.debug-with-cloud-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-x-16-svg); + mask-image: var(--cloud-x-16-svg); +} +.debug-with-cloud-x-16-icon-before::before, +.debug-with-cloud-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-x-16-svg); +} + +.debug-with-cloud-x-24-mask-before::before, +.debug-with-cloud-x-24-icon-before::before, +.debug-with-cloud-x-24-mask-after::after, +.debug-with-cloud-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cloud-x-24-mask-before::before, +.debug-with-cloud-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cloud-x-24-svg); + mask-image: var(--cloud-x-24-svg); +} +.debug-with-cloud-x-24-icon-before::before, +.debug-with-cloud-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cloud-x-24-svg); +} + +.debug-with-code-16-mask-before::before, +.debug-with-code-16-icon-before::before, +.debug-with-code-16-mask-after::after, +.debug-with-code-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-code-16-mask-before::before, +.debug-with-code-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--code-16-svg); + mask-image: var(--code-16-svg); +} +.debug-with-code-16-icon-before::before, +.debug-with-code-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--code-16-svg); +} + +.debug-with-code-24-mask-before::before, +.debug-with-code-24-icon-before::before, +.debug-with-code-24-mask-after::after, +.debug-with-code-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-code-24-mask-before::before, +.debug-with-code-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--code-24-svg); + mask-image: var(--code-24-svg); +} +.debug-with-code-24-icon-before::before, +.debug-with-code-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--code-24-svg); +} + +.debug-with-code-mask-before::before, +.debug-with-code-icon-before::before, +.debug-with-code-mask-after::after, +.debug-with-code-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-code-mask-before::before, +.debug-with-code-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--code-svg); + mask-image: var(--code-svg); +} +.debug-with-code-icon-before::before, +.debug-with-code-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--code-svg); +} + +.debug-with-collections-16-mask-before::before, +.debug-with-collections-16-icon-before::before, +.debug-with-collections-16-mask-after::after, +.debug-with-collections-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-collections-16-mask-before::before, +.debug-with-collections-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--collections-16-svg); + mask-image: var(--collections-16-svg); +} +.debug-with-collections-16-icon-before::before, +.debug-with-collections-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--collections-16-svg); +} + +.debug-with-collections-24-mask-before::before, +.debug-with-collections-24-icon-before::before, +.debug-with-collections-24-mask-after::after, +.debug-with-collections-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-collections-24-mask-before::before, +.debug-with-collections-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--collections-24-svg); + mask-image: var(--collections-24-svg); +} +.debug-with-collections-24-icon-before::before, +.debug-with-collections-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--collections-24-svg); +} + +.debug-with-command-16-mask-before::before, +.debug-with-command-16-icon-before::before, +.debug-with-command-16-mask-after::after, +.debug-with-command-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-command-16-mask-before::before, +.debug-with-command-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--command-16-svg); + mask-image: var(--command-16-svg); +} +.debug-with-command-16-icon-before::before, +.debug-with-command-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--command-16-svg); +} + +.debug-with-command-24-mask-before::before, +.debug-with-command-24-icon-before::before, +.debug-with-command-24-mask-after::after, +.debug-with-command-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-command-24-mask-before::before, +.debug-with-command-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--command-24-svg); + mask-image: var(--command-24-svg); +} +.debug-with-command-24-icon-before::before, +.debug-with-command-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--command-24-svg); +} + +.debug-with-compass-16-mask-before::before, +.debug-with-compass-16-icon-before::before, +.debug-with-compass-16-mask-after::after, +.debug-with-compass-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-compass-16-mask-before::before, +.debug-with-compass-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--compass-16-svg); + mask-image: var(--compass-16-svg); +} +.debug-with-compass-16-icon-before::before, +.debug-with-compass-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--compass-16-svg); +} + +.debug-with-compass-24-mask-before::before, +.debug-with-compass-24-icon-before::before, +.debug-with-compass-24-mask-after::after, +.debug-with-compass-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-compass-24-mask-before::before, +.debug-with-compass-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--compass-24-svg); + mask-image: var(--compass-24-svg); +} +.debug-with-compass-24-icon-before::before, +.debug-with-compass-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--compass-24-svg); +} + +.debug-with-connection-16-mask-before::before, +.debug-with-connection-16-icon-before::before, +.debug-with-connection-16-mask-after::after, +.debug-with-connection-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-connection-16-mask-before::before, +.debug-with-connection-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--connection-16-svg); + mask-image: var(--connection-16-svg); +} +.debug-with-connection-16-icon-before::before, +.debug-with-connection-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--connection-16-svg); +} + +.debug-with-connection-24-mask-before::before, +.debug-with-connection-24-icon-before::before, +.debug-with-connection-24-mask-after::after, +.debug-with-connection-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-connection-24-mask-before::before, +.debug-with-connection-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--connection-24-svg); + mask-image: var(--connection-24-svg); +} +.debug-with-connection-24-icon-before::before, +.debug-with-connection-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--connection-24-svg); +} + +.debug-with-connection-gateway-16-mask-before::before, +.debug-with-connection-gateway-16-icon-before::before, +.debug-with-connection-gateway-16-mask-after::after, +.debug-with-connection-gateway-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-connection-gateway-16-mask-before::before, +.debug-with-connection-gateway-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--connection-gateway-16-svg); + mask-image: var(--connection-gateway-16-svg); +} +.debug-with-connection-gateway-16-icon-before::before, +.debug-with-connection-gateway-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--connection-gateway-16-svg); +} + +.debug-with-connection-gateway-24-mask-before::before, +.debug-with-connection-gateway-24-icon-before::before, +.debug-with-connection-gateway-24-mask-after::after, +.debug-with-connection-gateway-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-connection-gateway-24-mask-before::before, +.debug-with-connection-gateway-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--connection-gateway-24-svg); + mask-image: var(--connection-gateway-24-svg); +} +.debug-with-connection-gateway-24-icon-before::before, +.debug-with-connection-gateway-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--connection-gateway-24-svg); +} + +.debug-with-console-mask-before::before, +.debug-with-console-icon-before::before, +.debug-with-console-mask-after::after, +.debug-with-console-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-console-mask-before::before, +.debug-with-console-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--console-svg); + mask-image: var(--console-svg); +} +.debug-with-console-icon-before::before, +.debug-with-console-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--console-svg); +} + +.debug-with-copy-action-mask-before::before, +.debug-with-copy-action-icon-before::before, +.debug-with-copy-action-mask-after::after, +.debug-with-copy-action-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-copy-action-mask-before::before, +.debug-with-copy-action-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--copy-action-svg); + mask-image: var(--copy-action-svg); +} +.debug-with-copy-action-icon-before::before, +.debug-with-copy-action-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--copy-action-svg); +} + +.debug-with-copy-success-mask-before::before, +.debug-with-copy-success-icon-before::before, +.debug-with-copy-success-mask-after::after, +.debug-with-copy-success-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-copy-success-mask-before::before, +.debug-with-copy-success-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--copy-success-svg); + mask-image: var(--copy-success-svg); +} +.debug-with-copy-success-icon-before::before, +.debug-with-copy-success-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--copy-success-svg); +} + +.debug-with-corner-down-left-16-mask-before::before, +.debug-with-corner-down-left-16-icon-before::before, +.debug-with-corner-down-left-16-mask-after::after, +.debug-with-corner-down-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-down-left-16-mask-before::before, +.debug-with-corner-down-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-down-left-16-svg); + mask-image: var(--corner-down-left-16-svg); +} +.debug-with-corner-down-left-16-icon-before::before, +.debug-with-corner-down-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-down-left-16-svg); +} + +.debug-with-corner-down-left-24-mask-before::before, +.debug-with-corner-down-left-24-icon-before::before, +.debug-with-corner-down-left-24-mask-after::after, +.debug-with-corner-down-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-down-left-24-mask-before::before, +.debug-with-corner-down-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-down-left-24-svg); + mask-image: var(--corner-down-left-24-svg); +} +.debug-with-corner-down-left-24-icon-before::before, +.debug-with-corner-down-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-down-left-24-svg); +} + +.debug-with-corner-down-right-16-mask-before::before, +.debug-with-corner-down-right-16-icon-before::before, +.debug-with-corner-down-right-16-mask-after::after, +.debug-with-corner-down-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-down-right-16-mask-before::before, +.debug-with-corner-down-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-down-right-16-svg); + mask-image: var(--corner-down-right-16-svg); +} +.debug-with-corner-down-right-16-icon-before::before, +.debug-with-corner-down-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-down-right-16-svg); +} + +.debug-with-corner-down-right-24-mask-before::before, +.debug-with-corner-down-right-24-icon-before::before, +.debug-with-corner-down-right-24-mask-after::after, +.debug-with-corner-down-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-down-right-24-mask-before::before, +.debug-with-corner-down-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-down-right-24-svg); + mask-image: var(--corner-down-right-24-svg); +} +.debug-with-corner-down-right-24-icon-before::before, +.debug-with-corner-down-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-down-right-24-svg); +} + +.debug-with-corner-left-down-16-mask-before::before, +.debug-with-corner-left-down-16-icon-before::before, +.debug-with-corner-left-down-16-mask-after::after, +.debug-with-corner-left-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-left-down-16-mask-before::before, +.debug-with-corner-left-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-left-down-16-svg); + mask-image: var(--corner-left-down-16-svg); +} +.debug-with-corner-left-down-16-icon-before::before, +.debug-with-corner-left-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-left-down-16-svg); +} + +.debug-with-corner-left-down-24-mask-before::before, +.debug-with-corner-left-down-24-icon-before::before, +.debug-with-corner-left-down-24-mask-after::after, +.debug-with-corner-left-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-left-down-24-mask-before::before, +.debug-with-corner-left-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-left-down-24-svg); + mask-image: var(--corner-left-down-24-svg); +} +.debug-with-corner-left-down-24-icon-before::before, +.debug-with-corner-left-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-left-down-24-svg); +} + +.debug-with-corner-left-up-16-mask-before::before, +.debug-with-corner-left-up-16-icon-before::before, +.debug-with-corner-left-up-16-mask-after::after, +.debug-with-corner-left-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-left-up-16-mask-before::before, +.debug-with-corner-left-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-left-up-16-svg); + mask-image: var(--corner-left-up-16-svg); +} +.debug-with-corner-left-up-16-icon-before::before, +.debug-with-corner-left-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-left-up-16-svg); +} + +.debug-with-corner-left-up-24-mask-before::before, +.debug-with-corner-left-up-24-icon-before::before, +.debug-with-corner-left-up-24-mask-after::after, +.debug-with-corner-left-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-left-up-24-mask-before::before, +.debug-with-corner-left-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-left-up-24-svg); + mask-image: var(--corner-left-up-24-svg); +} +.debug-with-corner-left-up-24-icon-before::before, +.debug-with-corner-left-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-left-up-24-svg); +} + +.debug-with-corner-right-down-16-mask-before::before, +.debug-with-corner-right-down-16-icon-before::before, +.debug-with-corner-right-down-16-mask-after::after, +.debug-with-corner-right-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-right-down-16-mask-before::before, +.debug-with-corner-right-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-right-down-16-svg); + mask-image: var(--corner-right-down-16-svg); +} +.debug-with-corner-right-down-16-icon-before::before, +.debug-with-corner-right-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-right-down-16-svg); +} + +.debug-with-corner-right-down-24-mask-before::before, +.debug-with-corner-right-down-24-icon-before::before, +.debug-with-corner-right-down-24-mask-after::after, +.debug-with-corner-right-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-right-down-24-mask-before::before, +.debug-with-corner-right-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-right-down-24-svg); + mask-image: var(--corner-right-down-24-svg); +} +.debug-with-corner-right-down-24-icon-before::before, +.debug-with-corner-right-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-right-down-24-svg); +} + +.debug-with-corner-right-up-16-mask-before::before, +.debug-with-corner-right-up-16-icon-before::before, +.debug-with-corner-right-up-16-mask-after::after, +.debug-with-corner-right-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-right-up-16-mask-before::before, +.debug-with-corner-right-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-right-up-16-svg); + mask-image: var(--corner-right-up-16-svg); +} +.debug-with-corner-right-up-16-icon-before::before, +.debug-with-corner-right-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-right-up-16-svg); +} + +.debug-with-corner-right-up-24-mask-before::before, +.debug-with-corner-right-up-24-icon-before::before, +.debug-with-corner-right-up-24-mask-after::after, +.debug-with-corner-right-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-right-up-24-mask-before::before, +.debug-with-corner-right-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-right-up-24-svg); + mask-image: var(--corner-right-up-24-svg); +} +.debug-with-corner-right-up-24-icon-before::before, +.debug-with-corner-right-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-right-up-24-svg); +} + +.debug-with-corner-up-left-16-mask-before::before, +.debug-with-corner-up-left-16-icon-before::before, +.debug-with-corner-up-left-16-mask-after::after, +.debug-with-corner-up-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-up-left-16-mask-before::before, +.debug-with-corner-up-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-up-left-16-svg); + mask-image: var(--corner-up-left-16-svg); +} +.debug-with-corner-up-left-16-icon-before::before, +.debug-with-corner-up-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-up-left-16-svg); +} + +.debug-with-corner-up-left-24-mask-before::before, +.debug-with-corner-up-left-24-icon-before::before, +.debug-with-corner-up-left-24-mask-after::after, +.debug-with-corner-up-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-up-left-24-mask-before::before, +.debug-with-corner-up-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-up-left-24-svg); + mask-image: var(--corner-up-left-24-svg); +} +.debug-with-corner-up-left-24-icon-before::before, +.debug-with-corner-up-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-up-left-24-svg); +} + +.debug-with-corner-up-right-16-mask-before::before, +.debug-with-corner-up-right-16-icon-before::before, +.debug-with-corner-up-right-16-mask-after::after, +.debug-with-corner-up-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-up-right-16-mask-before::before, +.debug-with-corner-up-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-up-right-16-svg); + mask-image: var(--corner-up-right-16-svg); +} +.debug-with-corner-up-right-16-icon-before::before, +.debug-with-corner-up-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-up-right-16-svg); +} + +.debug-with-corner-up-right-24-mask-before::before, +.debug-with-corner-up-right-24-icon-before::before, +.debug-with-corner-up-right-24-mask-after::after, +.debug-with-corner-up-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-corner-up-right-24-mask-before::before, +.debug-with-corner-up-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--corner-up-right-24-svg); + mask-image: var(--corner-up-right-24-svg); +} +.debug-with-corner-up-right-24-icon-before::before, +.debug-with-corner-up-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--corner-up-right-24-svg); +} + +.debug-with-cpu-16-mask-before::before, +.debug-with-cpu-16-icon-before::before, +.debug-with-cpu-16-mask-after::after, +.debug-with-cpu-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cpu-16-mask-before::before, +.debug-with-cpu-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cpu-16-svg); + mask-image: var(--cpu-16-svg); +} +.debug-with-cpu-16-icon-before::before, +.debug-with-cpu-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cpu-16-svg); +} + +.debug-with-cpu-24-mask-before::before, +.debug-with-cpu-24-icon-before::before, +.debug-with-cpu-24-mask-after::after, +.debug-with-cpu-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-cpu-24-mask-before::before, +.debug-with-cpu-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--cpu-24-svg); + mask-image: var(--cpu-24-svg); +} +.debug-with-cpu-24-icon-before::before, +.debug-with-cpu-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--cpu-24-svg); +} + +.debug-with-credit-card-16-mask-before::before, +.debug-with-credit-card-16-icon-before::before, +.debug-with-credit-card-16-mask-after::after, +.debug-with-credit-card-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-credit-card-16-mask-before::before, +.debug-with-credit-card-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--credit-card-16-svg); + mask-image: var(--credit-card-16-svg); +} +.debug-with-credit-card-16-icon-before::before, +.debug-with-credit-card-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--credit-card-16-svg); +} + +.debug-with-credit-card-24-mask-before::before, +.debug-with-credit-card-24-icon-before::before, +.debug-with-credit-card-24-mask-after::after, +.debug-with-credit-card-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-credit-card-24-mask-before::before, +.debug-with-credit-card-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--credit-card-24-svg); + mask-image: var(--credit-card-24-svg); +} +.debug-with-credit-card-24-icon-before::before, +.debug-with-credit-card-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--credit-card-24-svg); +} + +.debug-with-crop-16-mask-before::before, +.debug-with-crop-16-icon-before::before, +.debug-with-crop-16-mask-after::after, +.debug-with-crop-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-crop-16-mask-before::before, +.debug-with-crop-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--crop-16-svg); + mask-image: var(--crop-16-svg); +} +.debug-with-crop-16-icon-before::before, +.debug-with-crop-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--crop-16-svg); +} + +.debug-with-crop-24-mask-before::before, +.debug-with-crop-24-icon-before::before, +.debug-with-crop-24-mask-after::after, +.debug-with-crop-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-crop-24-mask-before::before, +.debug-with-crop-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--crop-24-svg); + mask-image: var(--crop-24-svg); +} +.debug-with-crop-24-icon-before::before, +.debug-with-crop-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--crop-24-svg); +} + +.debug-with-crosshair-16-mask-before::before, +.debug-with-crosshair-16-icon-before::before, +.debug-with-crosshair-16-mask-after::after, +.debug-with-crosshair-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-crosshair-16-mask-before::before, +.debug-with-crosshair-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--crosshair-16-svg); + mask-image: var(--crosshair-16-svg); +} +.debug-with-crosshair-16-icon-before::before, +.debug-with-crosshair-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--crosshair-16-svg); +} + +.debug-with-crosshair-24-mask-before::before, +.debug-with-crosshair-24-icon-before::before, +.debug-with-crosshair-24-mask-after::after, +.debug-with-crosshair-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-crosshair-24-mask-before::before, +.debug-with-crosshair-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--crosshair-24-svg); + mask-image: var(--crosshair-24-svg); +} +.debug-with-crosshair-24-icon-before::before, +.debug-with-crosshair-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--crosshair-24-svg); +} + +.debug-with-dashboard-16-mask-before::before, +.debug-with-dashboard-16-icon-before::before, +.debug-with-dashboard-16-mask-after::after, +.debug-with-dashboard-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dashboard-16-mask-before::before, +.debug-with-dashboard-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dashboard-16-svg); + mask-image: var(--dashboard-16-svg); +} +.debug-with-dashboard-16-icon-before::before, +.debug-with-dashboard-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dashboard-16-svg); +} + +.debug-with-dashboard-24-mask-before::before, +.debug-with-dashboard-24-icon-before::before, +.debug-with-dashboard-24-mask-after::after, +.debug-with-dashboard-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dashboard-24-mask-before::before, +.debug-with-dashboard-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dashboard-24-svg); + mask-image: var(--dashboard-24-svg); +} +.debug-with-dashboard-24-icon-before::before, +.debug-with-dashboard-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dashboard-24-svg); +} + +.debug-with-database-16-mask-before::before, +.debug-with-database-16-icon-before::before, +.debug-with-database-16-mask-after::after, +.debug-with-database-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-database-16-mask-before::before, +.debug-with-database-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--database-16-svg); + mask-image: var(--database-16-svg); +} +.debug-with-database-16-icon-before::before, +.debug-with-database-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--database-16-svg); +} + +.debug-with-database-24-mask-before::before, +.debug-with-database-24-icon-before::before, +.debug-with-database-24-mask-after::after, +.debug-with-database-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-database-24-mask-before::before, +.debug-with-database-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--database-24-svg); + mask-image: var(--database-24-svg); +} +.debug-with-database-24-icon-before::before, +.debug-with-database-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--database-24-svg); +} + +.debug-with-database-mask-before::before, +.debug-with-database-icon-before::before, +.debug-with-database-mask-after::after, +.debug-with-database-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-database-mask-before::before, +.debug-with-database-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--database-svg); + mask-image: var(--database-svg); +} +.debug-with-database-icon-before::before, +.debug-with-database-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--database-svg); +} + +.debug-with-delay-16-mask-before::before, +.debug-with-delay-16-icon-before::before, +.debug-with-delay-16-mask-after::after, +.debug-with-delay-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-delay-16-mask-before::before, +.debug-with-delay-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--delay-16-svg); + mask-image: var(--delay-16-svg); +} +.debug-with-delay-16-icon-before::before, +.debug-with-delay-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--delay-16-svg); +} + +.debug-with-delay-24-mask-before::before, +.debug-with-delay-24-icon-before::before, +.debug-with-delay-24-mask-after::after, +.debug-with-delay-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-delay-24-mask-before::before, +.debug-with-delay-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--delay-24-svg); + mask-image: var(--delay-24-svg); +} +.debug-with-delay-24-icon-before::before, +.debug-with-delay-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--delay-24-svg); +} + +.debug-with-delay-mask-before::before, +.debug-with-delay-icon-before::before, +.debug-with-delay-mask-after::after, +.debug-with-delay-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-delay-mask-before::before, +.debug-with-delay-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--delay-svg); + mask-image: var(--delay-svg); +} +.debug-with-delay-icon-before::before, +.debug-with-delay-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--delay-svg); +} + +.debug-with-delete-16-mask-before::before, +.debug-with-delete-16-icon-before::before, +.debug-with-delete-16-mask-after::after, +.debug-with-delete-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-delete-16-mask-before::before, +.debug-with-delete-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--delete-16-svg); + mask-image: var(--delete-16-svg); +} +.debug-with-delete-16-icon-before::before, +.debug-with-delete-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--delete-16-svg); +} + +.debug-with-delete-24-mask-before::before, +.debug-with-delete-24-icon-before::before, +.debug-with-delete-24-mask-after::after, +.debug-with-delete-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-delete-24-mask-before::before, +.debug-with-delete-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--delete-24-svg); + mask-image: var(--delete-24-svg); +} +.debug-with-delete-24-icon-before::before, +.debug-with-delete-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--delete-24-svg); +} + +.debug-with-deny-alt-mask-before::before, +.debug-with-deny-alt-icon-before::before, +.debug-with-deny-alt-mask-after::after, +.debug-with-deny-alt-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-deny-alt-mask-before::before, +.debug-with-deny-alt-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--deny-alt-svg); + mask-image: var(--deny-alt-svg); +} +.debug-with-deny-alt-icon-before::before, +.debug-with-deny-alt-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--deny-alt-svg); +} + +.debug-with-deny-color-mask-before::before, +.debug-with-deny-color-icon-before::before, +.debug-with-deny-color-mask-after::after, +.debug-with-deny-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-deny-color-mask-before::before, +.debug-with-deny-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--deny-color-svg); + mask-image: var(--deny-color-svg); +} +.debug-with-deny-color-icon-before::before, +.debug-with-deny-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--deny-color-svg); +} + +.debug-with-deny-default-mask-before::before, +.debug-with-deny-default-icon-before::before, +.debug-with-deny-default-mask-after::after, +.debug-with-deny-default-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-deny-default-mask-before::before, +.debug-with-deny-default-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--deny-default-svg); + mask-image: var(--deny-default-svg); +} +.debug-with-deny-default-icon-before::before, +.debug-with-deny-default-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--deny-default-svg); +} + +.debug-with-diamond-16-mask-before::before, +.debug-with-diamond-16-icon-before::before, +.debug-with-diamond-16-mask-after::after, +.debug-with-diamond-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-diamond-16-mask-before::before, +.debug-with-diamond-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--diamond-16-svg); + mask-image: var(--diamond-16-svg); +} +.debug-with-diamond-16-icon-before::before, +.debug-with-diamond-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--diamond-16-svg); +} + +.debug-with-diamond-24-mask-before::before, +.debug-with-diamond-24-icon-before::before, +.debug-with-diamond-24-mask-after::after, +.debug-with-diamond-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-diamond-24-mask-before::before, +.debug-with-diamond-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--diamond-24-svg); + mask-image: var(--diamond-24-svg); +} +.debug-with-diamond-24-icon-before::before, +.debug-with-diamond-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--diamond-24-svg); +} + +.debug-with-diamond-fill-16-mask-before::before, +.debug-with-diamond-fill-16-icon-before::before, +.debug-with-diamond-fill-16-mask-after::after, +.debug-with-diamond-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-diamond-fill-16-mask-before::before, +.debug-with-diamond-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--diamond-fill-16-svg); + mask-image: var(--diamond-fill-16-svg); +} +.debug-with-diamond-fill-16-icon-before::before, +.debug-with-diamond-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--diamond-fill-16-svg); +} + +.debug-with-diamond-fill-24-mask-before::before, +.debug-with-diamond-fill-24-icon-before::before, +.debug-with-diamond-fill-24-mask-after::after, +.debug-with-diamond-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-diamond-fill-24-mask-before::before, +.debug-with-diamond-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--diamond-fill-24-svg); + mask-image: var(--diamond-fill-24-svg); +} +.debug-with-diamond-fill-24-icon-before::before, +.debug-with-diamond-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--diamond-fill-24-svg); +} + +.debug-with-disabled-mask-before::before, +.debug-with-disabled-icon-before::before, +.debug-with-disabled-mask-after::after, +.debug-with-disabled-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-disabled-mask-before::before, +.debug-with-disabled-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--disabled-svg); + mask-image: var(--disabled-svg); +} +.debug-with-disabled-icon-before::before, +.debug-with-disabled-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--disabled-svg); +} + +.debug-with-disc-16-mask-before::before, +.debug-with-disc-16-icon-before::before, +.debug-with-disc-16-mask-after::after, +.debug-with-disc-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-disc-16-mask-before::before, +.debug-with-disc-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--disc-16-svg); + mask-image: var(--disc-16-svg); +} +.debug-with-disc-16-icon-before::before, +.debug-with-disc-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--disc-16-svg); +} + +.debug-with-disc-24-mask-before::before, +.debug-with-disc-24-icon-before::before, +.debug-with-disc-24-mask-after::after, +.debug-with-disc-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-disc-24-mask-before::before, +.debug-with-disc-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--disc-24-svg); + mask-image: var(--disc-24-svg); +} +.debug-with-disc-24-icon-before::before, +.debug-with-disc-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--disc-24-svg); +} + +.debug-with-discussion-circle-16-mask-before::before, +.debug-with-discussion-circle-16-icon-before::before, +.debug-with-discussion-circle-16-mask-after::after, +.debug-with-discussion-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-discussion-circle-16-mask-before::before, +.debug-with-discussion-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--discussion-circle-16-svg); + mask-image: var(--discussion-circle-16-svg); +} +.debug-with-discussion-circle-16-icon-before::before, +.debug-with-discussion-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--discussion-circle-16-svg); +} + +.debug-with-discussion-circle-24-mask-before::before, +.debug-with-discussion-circle-24-icon-before::before, +.debug-with-discussion-circle-24-mask-after::after, +.debug-with-discussion-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-discussion-circle-24-mask-before::before, +.debug-with-discussion-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--discussion-circle-24-svg); + mask-image: var(--discussion-circle-24-svg); +} +.debug-with-discussion-circle-24-icon-before::before, +.debug-with-discussion-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--discussion-circle-24-svg); +} + +.debug-with-discussion-square-16-mask-before::before, +.debug-with-discussion-square-16-icon-before::before, +.debug-with-discussion-square-16-mask-after::after, +.debug-with-discussion-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-discussion-square-16-mask-before::before, +.debug-with-discussion-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--discussion-square-16-svg); + mask-image: var(--discussion-square-16-svg); +} +.debug-with-discussion-square-16-icon-before::before, +.debug-with-discussion-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--discussion-square-16-svg); +} + +.debug-with-discussion-square-24-mask-before::before, +.debug-with-discussion-square-24-icon-before::before, +.debug-with-discussion-square-24-mask-after::after, +.debug-with-discussion-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-discussion-square-24-mask-before::before, +.debug-with-discussion-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--discussion-square-24-svg); + mask-image: var(--discussion-square-24-svg); +} +.debug-with-discussion-square-24-icon-before::before, +.debug-with-discussion-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--discussion-square-24-svg); +} + +.debug-with-docker-16-mask-before::before, +.debug-with-docker-16-icon-before::before, +.debug-with-docker-16-mask-after::after, +.debug-with-docker-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docker-16-mask-before::before, +.debug-with-docker-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docker-16-svg); + mask-image: var(--docker-16-svg); +} +.debug-with-docker-16-icon-before::before, +.debug-with-docker-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docker-16-svg); +} + +.debug-with-docker-24-mask-before::before, +.debug-with-docker-24-icon-before::before, +.debug-with-docker-24-mask-after::after, +.debug-with-docker-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docker-24-mask-before::before, +.debug-with-docker-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docker-24-svg); + mask-image: var(--docker-24-svg); +} +.debug-with-docker-24-icon-before::before, +.debug-with-docker-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docker-24-svg); +} + +.debug-with-docker-color-16-mask-before::before, +.debug-with-docker-color-16-icon-before::before, +.debug-with-docker-color-16-mask-after::after, +.debug-with-docker-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docker-color-16-mask-before::before, +.debug-with-docker-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docker-color-16-svg); + mask-image: var(--docker-color-16-svg); +} +.debug-with-docker-color-16-icon-before::before, +.debug-with-docker-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docker-color-16-svg); +} + +.debug-with-docker-color-24-mask-before::before, +.debug-with-docker-color-24-icon-before::before, +.debug-with-docker-color-24-mask-after::after, +.debug-with-docker-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docker-color-24-mask-before::before, +.debug-with-docker-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docker-color-24-svg); + mask-image: var(--docker-color-24-svg); +} +.debug-with-docker-color-24-icon-before::before, +.debug-with-docker-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docker-color-24-svg); +} + +.debug-with-docs-16-mask-before::before, +.debug-with-docs-16-icon-before::before, +.debug-with-docs-16-mask-after::after, +.debug-with-docs-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-16-mask-before::before, +.debug-with-docs-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-16-svg); + mask-image: var(--docs-16-svg); +} +.debug-with-docs-16-icon-before::before, +.debug-with-docs-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-16-svg); +} + +.debug-with-docs-24-mask-before::before, +.debug-with-docs-24-icon-before::before, +.debug-with-docs-24-mask-after::after, +.debug-with-docs-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-24-mask-before::before, +.debug-with-docs-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-24-svg); + mask-image: var(--docs-24-svg); +} +.debug-with-docs-24-icon-before::before, +.debug-with-docs-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-24-svg); +} + +.debug-with-docs-download-16-mask-before::before, +.debug-with-docs-download-16-icon-before::before, +.debug-with-docs-download-16-mask-after::after, +.debug-with-docs-download-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-download-16-mask-before::before, +.debug-with-docs-download-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-download-16-svg); + mask-image: var(--docs-download-16-svg); +} +.debug-with-docs-download-16-icon-before::before, +.debug-with-docs-download-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-download-16-svg); +} + +.debug-with-docs-download-24-mask-before::before, +.debug-with-docs-download-24-icon-before::before, +.debug-with-docs-download-24-mask-after::after, +.debug-with-docs-download-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-download-24-mask-before::before, +.debug-with-docs-download-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-download-24-svg); + mask-image: var(--docs-download-24-svg); +} +.debug-with-docs-download-24-icon-before::before, +.debug-with-docs-download-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-download-24-svg); +} + +.debug-with-docs-link-16-mask-before::before, +.debug-with-docs-link-16-icon-before::before, +.debug-with-docs-link-16-mask-after::after, +.debug-with-docs-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-link-16-mask-before::before, +.debug-with-docs-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-link-16-svg); + mask-image: var(--docs-link-16-svg); +} +.debug-with-docs-link-16-icon-before::before, +.debug-with-docs-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-link-16-svg); +} + +.debug-with-docs-link-24-mask-before::before, +.debug-with-docs-link-24-icon-before::before, +.debug-with-docs-link-24-mask-after::after, +.debug-with-docs-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-link-24-mask-before::before, +.debug-with-docs-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-link-24-svg); + mask-image: var(--docs-link-24-svg); +} +.debug-with-docs-link-24-icon-before::before, +.debug-with-docs-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-link-24-svg); +} + +.debug-with-docs-mask-before::before, +.debug-with-docs-icon-before::before, +.debug-with-docs-mask-after::after, +.debug-with-docs-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-docs-mask-before::before, +.debug-with-docs-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--docs-svg); + mask-image: var(--docs-svg); +} +.debug-with-docs-icon-before::before, +.debug-with-docs-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--docs-svg); +} + +.debug-with-dollar-sign-16-mask-before::before, +.debug-with-dollar-sign-16-icon-before::before, +.debug-with-dollar-sign-16-mask-after::after, +.debug-with-dollar-sign-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dollar-sign-16-mask-before::before, +.debug-with-dollar-sign-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dollar-sign-16-svg); + mask-image: var(--dollar-sign-16-svg); +} +.debug-with-dollar-sign-16-icon-before::before, +.debug-with-dollar-sign-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dollar-sign-16-svg); +} + +.debug-with-dollar-sign-24-mask-before::before, +.debug-with-dollar-sign-24-icon-before::before, +.debug-with-dollar-sign-24-mask-after::after, +.debug-with-dollar-sign-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dollar-sign-24-mask-before::before, +.debug-with-dollar-sign-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dollar-sign-24-svg); + mask-image: var(--dollar-sign-24-svg); +} +.debug-with-dollar-sign-24-icon-before::before, +.debug-with-dollar-sign-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dollar-sign-24-svg); +} + +.debug-with-dot-16-mask-before::before, +.debug-with-dot-16-icon-before::before, +.debug-with-dot-16-mask-after::after, +.debug-with-dot-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dot-16-mask-before::before, +.debug-with-dot-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dot-16-svg); + mask-image: var(--dot-16-svg); +} +.debug-with-dot-16-icon-before::before, +.debug-with-dot-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dot-16-svg); +} + +.debug-with-dot-24-mask-before::before, +.debug-with-dot-24-icon-before::before, +.debug-with-dot-24-mask-after::after, +.debug-with-dot-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dot-24-mask-before::before, +.debug-with-dot-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dot-24-svg); + mask-image: var(--dot-24-svg); +} +.debug-with-dot-24-icon-before::before, +.debug-with-dot-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dot-24-svg); +} + +.debug-with-dot-half-16-mask-before::before, +.debug-with-dot-half-16-icon-before::before, +.debug-with-dot-half-16-mask-after::after, +.debug-with-dot-half-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dot-half-16-mask-before::before, +.debug-with-dot-half-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dot-half-16-svg); + mask-image: var(--dot-half-16-svg); +} +.debug-with-dot-half-16-icon-before::before, +.debug-with-dot-half-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dot-half-16-svg); +} + +.debug-with-dot-half-24-mask-before::before, +.debug-with-dot-half-24-icon-before::before, +.debug-with-dot-half-24-mask-after::after, +.debug-with-dot-half-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-dot-half-24-mask-before::before, +.debug-with-dot-half-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--dot-half-24-svg); + mask-image: var(--dot-half-24-svg); +} +.debug-with-dot-half-24-icon-before::before, +.debug-with-dot-half-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--dot-half-24-svg); +} + +.debug-with-download-16-mask-before::before, +.debug-with-download-16-icon-before::before, +.debug-with-download-16-mask-after::after, +.debug-with-download-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-download-16-mask-before::before, +.debug-with-download-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--download-16-svg); + mask-image: var(--download-16-svg); +} +.debug-with-download-16-icon-before::before, +.debug-with-download-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--download-16-svg); +} + +.debug-with-download-24-mask-before::before, +.debug-with-download-24-icon-before::before, +.debug-with-download-24-mask-after::after, +.debug-with-download-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-download-24-mask-before::before, +.debug-with-download-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--download-24-svg); + mask-image: var(--download-24-svg); +} +.debug-with-download-24-icon-before::before, +.debug-with-download-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--download-24-svg); +} + +.debug-with-download-mask-before::before, +.debug-with-download-icon-before::before, +.debug-with-download-mask-after::after, +.debug-with-download-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-download-mask-before::before, +.debug-with-download-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--download-svg); + mask-image: var(--download-svg); +} +.debug-with-download-icon-before::before, +.debug-with-download-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--download-svg); +} + +.debug-with-droplet-16-mask-before::before, +.debug-with-droplet-16-icon-before::before, +.debug-with-droplet-16-mask-after::after, +.debug-with-droplet-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-droplet-16-mask-before::before, +.debug-with-droplet-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--droplet-16-svg); + mask-image: var(--droplet-16-svg); +} +.debug-with-droplet-16-icon-before::before, +.debug-with-droplet-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--droplet-16-svg); +} + +.debug-with-droplet-24-mask-before::before, +.debug-with-droplet-24-icon-before::before, +.debug-with-droplet-24-mask-after::after, +.debug-with-droplet-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-droplet-24-mask-before::before, +.debug-with-droplet-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--droplet-24-svg); + mask-image: var(--droplet-24-svg); +} +.debug-with-droplet-24-icon-before::before, +.debug-with-droplet-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--droplet-24-svg); +} + +.debug-with-duplicate-16-mask-before::before, +.debug-with-duplicate-16-icon-before::before, +.debug-with-duplicate-16-mask-after::after, +.debug-with-duplicate-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-duplicate-16-mask-before::before, +.debug-with-duplicate-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--duplicate-16-svg); + mask-image: var(--duplicate-16-svg); +} +.debug-with-duplicate-16-icon-before::before, +.debug-with-duplicate-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--duplicate-16-svg); +} + +.debug-with-duplicate-24-mask-before::before, +.debug-with-duplicate-24-icon-before::before, +.debug-with-duplicate-24-mask-after::after, +.debug-with-duplicate-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-duplicate-24-mask-before::before, +.debug-with-duplicate-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--duplicate-24-svg); + mask-image: var(--duplicate-24-svg); +} +.debug-with-duplicate-24-icon-before::before, +.debug-with-duplicate-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--duplicate-24-svg); +} + +.debug-with-edit-16-mask-before::before, +.debug-with-edit-16-icon-before::before, +.debug-with-edit-16-mask-after::after, +.debug-with-edit-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-edit-16-mask-before::before, +.debug-with-edit-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--edit-16-svg); + mask-image: var(--edit-16-svg); +} +.debug-with-edit-16-icon-before::before, +.debug-with-edit-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--edit-16-svg); +} + +.debug-with-edit-24-mask-before::before, +.debug-with-edit-24-icon-before::before, +.debug-with-edit-24-mask-after::after, +.debug-with-edit-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-edit-24-mask-before::before, +.debug-with-edit-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--edit-24-svg); + mask-image: var(--edit-24-svg); +} +.debug-with-edit-24-icon-before::before, +.debug-with-edit-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--edit-24-svg); +} + +.debug-with-edit-mask-before::before, +.debug-with-edit-icon-before::before, +.debug-with-edit-mask-after::after, +.debug-with-edit-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-edit-mask-before::before, +.debug-with-edit-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--edit-svg); + mask-image: var(--edit-svg); +} +.debug-with-edit-icon-before::before, +.debug-with-edit-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--edit-svg); +} + +.debug-with-entry-point-16-mask-before::before, +.debug-with-entry-point-16-icon-before::before, +.debug-with-entry-point-16-mask-after::after, +.debug-with-entry-point-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-entry-point-16-mask-before::before, +.debug-with-entry-point-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--entry-point-16-svg); + mask-image: var(--entry-point-16-svg); +} +.debug-with-entry-point-16-icon-before::before, +.debug-with-entry-point-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--entry-point-16-svg); +} + +.debug-with-entry-point-24-mask-before::before, +.debug-with-entry-point-24-icon-before::before, +.debug-with-entry-point-24-mask-after::after, +.debug-with-entry-point-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-entry-point-24-mask-before::before, +.debug-with-entry-point-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--entry-point-24-svg); + mask-image: var(--entry-point-24-svg); +} +.debug-with-entry-point-24-icon-before::before, +.debug-with-entry-point-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--entry-point-24-svg); +} + +.debug-with-envelope-sealed-fill-mask-before::before, +.debug-with-envelope-sealed-fill-icon-before::before, +.debug-with-envelope-sealed-fill-mask-after::after, +.debug-with-envelope-sealed-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-envelope-sealed-fill-mask-before::before, +.debug-with-envelope-sealed-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--envelope-sealed-fill-svg); + mask-image: var(--envelope-sealed-fill-svg); +} +.debug-with-envelope-sealed-fill-icon-before::before, +.debug-with-envelope-sealed-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--envelope-sealed-fill-svg); +} + +.debug-with-envelope-sealed-outline-mask-before::before, +.debug-with-envelope-sealed-outline-icon-before::before, +.debug-with-envelope-sealed-outline-mask-after::after, +.debug-with-envelope-sealed-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-envelope-sealed-outline-mask-before::before, +.debug-with-envelope-sealed-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--envelope-sealed-outline-svg); + mask-image: var(--envelope-sealed-outline-svg); +} +.debug-with-envelope-sealed-outline-icon-before::before, +.debug-with-envelope-sealed-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--envelope-sealed-outline-svg); +} + +.debug-with-envelope-unsealed--outline-mask-before::before, +.debug-with-envelope-unsealed--outline-icon-before::before, +.debug-with-envelope-unsealed--outline-mask-after::after, +.debug-with-envelope-unsealed--outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-envelope-unsealed--outline-mask-before::before, +.debug-with-envelope-unsealed--outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--envelope-unsealed--outline-svg); + mask-image: var(--envelope-unsealed--outline-svg); +} +.debug-with-envelope-unsealed--outline-icon-before::before, +.debug-with-envelope-unsealed--outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--envelope-unsealed--outline-svg); +} + +.debug-with-envelope-unsealed-fill-mask-before::before, +.debug-with-envelope-unsealed-fill-icon-before::before, +.debug-with-envelope-unsealed-fill-mask-after::after, +.debug-with-envelope-unsealed-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-envelope-unsealed-fill-mask-before::before, +.debug-with-envelope-unsealed-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--envelope-unsealed-fill-svg); + mask-image: var(--envelope-unsealed-fill-svg); +} +.debug-with-envelope-unsealed-fill-icon-before::before, +.debug-with-envelope-unsealed-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--envelope-unsealed-fill-svg); +} + +.debug-with-event-16-mask-before::before, +.debug-with-event-16-icon-before::before, +.debug-with-event-16-mask-after::after, +.debug-with-event-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-event-16-mask-before::before, +.debug-with-event-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--event-16-svg); + mask-image: var(--event-16-svg); +} +.debug-with-event-16-icon-before::before, +.debug-with-event-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--event-16-svg); +} + +.debug-with-event-24-mask-before::before, +.debug-with-event-24-icon-before::before, +.debug-with-event-24-mask-after::after, +.debug-with-event-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-event-24-mask-before::before, +.debug-with-event-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--event-24-svg); + mask-image: var(--event-24-svg); +} +.debug-with-event-24-icon-before::before, +.debug-with-event-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--event-24-svg); +} + +.debug-with-exit-point-16-mask-before::before, +.debug-with-exit-point-16-icon-before::before, +.debug-with-exit-point-16-mask-after::after, +.debug-with-exit-point-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-exit-point-16-mask-before::before, +.debug-with-exit-point-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--exit-point-16-svg); + mask-image: var(--exit-point-16-svg); +} +.debug-with-exit-point-16-icon-before::before, +.debug-with-exit-point-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--exit-point-16-svg); +} + +.debug-with-exit-point-24-mask-before::before, +.debug-with-exit-point-24-icon-before::before, +.debug-with-exit-point-24-mask-after::after, +.debug-with-exit-point-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-exit-point-24-mask-before::before, +.debug-with-exit-point-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--exit-point-24-svg); + mask-image: var(--exit-point-24-svg); +} +.debug-with-exit-point-24-icon-before::before, +.debug-with-exit-point-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--exit-point-24-svg); +} + +.debug-with-exit-mask-before::before, +.debug-with-exit-icon-before::before, +.debug-with-exit-mask-after::after, +.debug-with-exit-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-exit-mask-before::before, +.debug-with-exit-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--exit-svg); + mask-image: var(--exit-svg); +} +.debug-with-exit-icon-before::before, +.debug-with-exit-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--exit-svg); +} + +.debug-with-expand-less-mask-before::before, +.debug-with-expand-less-icon-before::before, +.debug-with-expand-less-mask-after::after, +.debug-with-expand-less-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-expand-less-mask-before::before, +.debug-with-expand-less-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--expand-less-svg); + mask-image: var(--expand-less-svg); +} +.debug-with-expand-less-icon-before::before, +.debug-with-expand-less-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--expand-less-svg); +} + +.debug-with-expand-more-mask-before::before, +.debug-with-expand-more-icon-before::before, +.debug-with-expand-more-mask-after::after, +.debug-with-expand-more-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-expand-more-mask-before::before, +.debug-with-expand-more-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--expand-more-svg); + mask-image: var(--expand-more-svg); +} +.debug-with-expand-more-icon-before::before, +.debug-with-expand-more-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--expand-more-svg); +} + +.debug-with-external-link-16-mask-before::before, +.debug-with-external-link-16-icon-before::before, +.debug-with-external-link-16-mask-after::after, +.debug-with-external-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-external-link-16-mask-before::before, +.debug-with-external-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--external-link-16-svg); + mask-image: var(--external-link-16-svg); +} +.debug-with-external-link-16-icon-before::before, +.debug-with-external-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--external-link-16-svg); +} + +.debug-with-external-link-24-mask-before::before, +.debug-with-external-link-24-icon-before::before, +.debug-with-external-link-24-mask-after::after, +.debug-with-external-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-external-link-24-mask-before::before, +.debug-with-external-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--external-link-24-svg); + mask-image: var(--external-link-24-svg); +} +.debug-with-external-link-24-icon-before::before, +.debug-with-external-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--external-link-24-svg); +} + +.debug-with-eye-16-mask-before::before, +.debug-with-eye-16-icon-before::before, +.debug-with-eye-16-mask-after::after, +.debug-with-eye-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-eye-16-mask-before::before, +.debug-with-eye-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--eye-16-svg); + mask-image: var(--eye-16-svg); +} +.debug-with-eye-16-icon-before::before, +.debug-with-eye-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--eye-16-svg); +} + +.debug-with-eye-24-mask-before::before, +.debug-with-eye-24-icon-before::before, +.debug-with-eye-24-mask-after::after, +.debug-with-eye-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-eye-24-mask-before::before, +.debug-with-eye-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--eye-24-svg); + mask-image: var(--eye-24-svg); +} +.debug-with-eye-24-icon-before::before, +.debug-with-eye-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--eye-24-svg); +} + +.debug-with-eye-off-16-mask-before::before, +.debug-with-eye-off-16-icon-before::before, +.debug-with-eye-off-16-mask-after::after, +.debug-with-eye-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-eye-off-16-mask-before::before, +.debug-with-eye-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--eye-off-16-svg); + mask-image: var(--eye-off-16-svg); +} +.debug-with-eye-off-16-icon-before::before, +.debug-with-eye-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--eye-off-16-svg); +} + +.debug-with-eye-off-24-mask-before::before, +.debug-with-eye-off-24-icon-before::before, +.debug-with-eye-off-24-mask-after::after, +.debug-with-eye-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-eye-off-24-mask-before::before, +.debug-with-eye-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--eye-off-24-svg); + mask-image: var(--eye-off-24-svg); +} +.debug-with-eye-off-24-icon-before::before, +.debug-with-eye-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--eye-off-24-svg); +} + +.debug-with-f5-16-mask-before::before, +.debug-with-f5-16-icon-before::before, +.debug-with-f5-16-mask-after::after, +.debug-with-f5-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-f5-16-mask-before::before, +.debug-with-f5-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--f5-16-svg); + mask-image: var(--f5-16-svg); +} +.debug-with-f5-16-icon-before::before, +.debug-with-f5-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--f5-16-svg); +} + +.debug-with-f5-24-mask-before::before, +.debug-with-f5-24-icon-before::before, +.debug-with-f5-24-mask-after::after, +.debug-with-f5-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-f5-24-mask-before::before, +.debug-with-f5-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--f5-24-svg); + mask-image: var(--f5-24-svg); +} +.debug-with-f5-24-icon-before::before, +.debug-with-f5-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--f5-24-svg); +} + +.debug-with-f5-color-16-mask-before::before, +.debug-with-f5-color-16-icon-before::before, +.debug-with-f5-color-16-mask-after::after, +.debug-with-f5-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-f5-color-16-mask-before::before, +.debug-with-f5-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--f5-color-16-svg); + mask-image: var(--f5-color-16-svg); +} +.debug-with-f5-color-16-icon-before::before, +.debug-with-f5-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--f5-color-16-svg); +} + +.debug-with-f5-color-24-mask-before::before, +.debug-with-f5-color-24-icon-before::before, +.debug-with-f5-color-24-mask-after::after, +.debug-with-f5-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-f5-color-24-mask-before::before, +.debug-with-f5-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--f5-color-24-svg); + mask-image: var(--f5-color-24-svg); +} +.debug-with-f5-color-24-icon-before::before, +.debug-with-f5-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--f5-color-24-svg); +} + +.debug-with-fast-forward-16-mask-before::before, +.debug-with-fast-forward-16-icon-before::before, +.debug-with-fast-forward-16-mask-after::after, +.debug-with-fast-forward-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-fast-forward-16-mask-before::before, +.debug-with-fast-forward-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--fast-forward-16-svg); + mask-image: var(--fast-forward-16-svg); +} +.debug-with-fast-forward-16-icon-before::before, +.debug-with-fast-forward-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--fast-forward-16-svg); +} + +.debug-with-fast-forward-24-mask-before::before, +.debug-with-fast-forward-24-icon-before::before, +.debug-with-fast-forward-24-mask-after::after, +.debug-with-fast-forward-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-fast-forward-24-mask-before::before, +.debug-with-fast-forward-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--fast-forward-24-svg); + mask-image: var(--fast-forward-24-svg); +} +.debug-with-fast-forward-24-icon-before::before, +.debug-with-fast-forward-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--fast-forward-24-svg); +} + +.debug-with-file-16-mask-before::before, +.debug-with-file-16-icon-before::before, +.debug-with-file-16-mask-after::after, +.debug-with-file-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-16-mask-before::before, +.debug-with-file-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-16-svg); + mask-image: var(--file-16-svg); +} +.debug-with-file-16-icon-before::before, +.debug-with-file-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-16-svg); +} + +.debug-with-file-24-mask-before::before, +.debug-with-file-24-icon-before::before, +.debug-with-file-24-mask-after::after, +.debug-with-file-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-24-mask-before::before, +.debug-with-file-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-24-svg); + mask-image: var(--file-24-svg); +} +.debug-with-file-24-icon-before::before, +.debug-with-file-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-24-svg); +} + +.debug-with-file-change-16-mask-before::before, +.debug-with-file-change-16-icon-before::before, +.debug-with-file-change-16-mask-after::after, +.debug-with-file-change-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-change-16-mask-before::before, +.debug-with-file-change-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-change-16-svg); + mask-image: var(--file-change-16-svg); +} +.debug-with-file-change-16-icon-before::before, +.debug-with-file-change-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-change-16-svg); +} + +.debug-with-file-change-24-mask-before::before, +.debug-with-file-change-24-icon-before::before, +.debug-with-file-change-24-mask-after::after, +.debug-with-file-change-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-change-24-mask-before::before, +.debug-with-file-change-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-change-24-svg); + mask-image: var(--file-change-24-svg); +} +.debug-with-file-change-24-icon-before::before, +.debug-with-file-change-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-change-24-svg); +} + +.debug-with-file-check-16-mask-before::before, +.debug-with-file-check-16-icon-before::before, +.debug-with-file-check-16-mask-after::after, +.debug-with-file-check-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-check-16-mask-before::before, +.debug-with-file-check-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-check-16-svg); + mask-image: var(--file-check-16-svg); +} +.debug-with-file-check-16-icon-before::before, +.debug-with-file-check-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-check-16-svg); +} + +.debug-with-file-check-24-mask-before::before, +.debug-with-file-check-24-icon-before::before, +.debug-with-file-check-24-mask-after::after, +.debug-with-file-check-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-check-24-mask-before::before, +.debug-with-file-check-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-check-24-svg); + mask-image: var(--file-check-24-svg); +} +.debug-with-file-check-24-icon-before::before, +.debug-with-file-check-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-check-24-svg); +} + +.debug-with-file-diff-16-mask-before::before, +.debug-with-file-diff-16-icon-before::before, +.debug-with-file-diff-16-mask-after::after, +.debug-with-file-diff-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-diff-16-mask-before::before, +.debug-with-file-diff-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-diff-16-svg); + mask-image: var(--file-diff-16-svg); +} +.debug-with-file-diff-16-icon-before::before, +.debug-with-file-diff-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-diff-16-svg); +} + +.debug-with-file-diff-24-mask-before::before, +.debug-with-file-diff-24-icon-before::before, +.debug-with-file-diff-24-mask-after::after, +.debug-with-file-diff-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-diff-24-mask-before::before, +.debug-with-file-diff-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-diff-24-svg); + mask-image: var(--file-diff-24-svg); +} +.debug-with-file-diff-24-icon-before::before, +.debug-with-file-diff-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-diff-24-svg); +} + +.debug-with-file-fill-mask-before::before, +.debug-with-file-fill-icon-before::before, +.debug-with-file-fill-mask-after::after, +.debug-with-file-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-fill-mask-before::before, +.debug-with-file-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-fill-svg); + mask-image: var(--file-fill-svg); +} +.debug-with-file-fill-icon-before::before, +.debug-with-file-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-fill-svg); +} + +.debug-with-file-minus-16-mask-before::before, +.debug-with-file-minus-16-icon-before::before, +.debug-with-file-minus-16-mask-after::after, +.debug-with-file-minus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-minus-16-mask-before::before, +.debug-with-file-minus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-minus-16-svg); + mask-image: var(--file-minus-16-svg); +} +.debug-with-file-minus-16-icon-before::before, +.debug-with-file-minus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-minus-16-svg); +} + +.debug-with-file-minus-24-mask-before::before, +.debug-with-file-minus-24-icon-before::before, +.debug-with-file-minus-24-mask-after::after, +.debug-with-file-minus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-minus-24-mask-before::before, +.debug-with-file-minus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-minus-24-svg); + mask-image: var(--file-minus-24-svg); +} +.debug-with-file-minus-24-icon-before::before, +.debug-with-file-minus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-minus-24-svg); +} + +.debug-with-file-outline-mask-before::before, +.debug-with-file-outline-icon-before::before, +.debug-with-file-outline-mask-after::after, +.debug-with-file-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-outline-mask-before::before, +.debug-with-file-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-outline-svg); + mask-image: var(--file-outline-svg); +} +.debug-with-file-outline-icon-before::before, +.debug-with-file-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-outline-svg); +} + +.debug-with-file-plus-16-mask-before::before, +.debug-with-file-plus-16-icon-before::before, +.debug-with-file-plus-16-mask-after::after, +.debug-with-file-plus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-plus-16-mask-before::before, +.debug-with-file-plus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-plus-16-svg); + mask-image: var(--file-plus-16-svg); +} +.debug-with-file-plus-16-icon-before::before, +.debug-with-file-plus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-plus-16-svg); +} + +.debug-with-file-plus-24-mask-before::before, +.debug-with-file-plus-24-icon-before::before, +.debug-with-file-plus-24-mask-after::after, +.debug-with-file-plus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-plus-24-mask-before::before, +.debug-with-file-plus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-plus-24-svg); + mask-image: var(--file-plus-24-svg); +} +.debug-with-file-plus-24-icon-before::before, +.debug-with-file-plus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-plus-24-svg); +} + +.debug-with-file-source-16-mask-before::before, +.debug-with-file-source-16-icon-before::before, +.debug-with-file-source-16-mask-after::after, +.debug-with-file-source-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-source-16-mask-before::before, +.debug-with-file-source-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-source-16-svg); + mask-image: var(--file-source-16-svg); +} +.debug-with-file-source-16-icon-before::before, +.debug-with-file-source-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-source-16-svg); +} + +.debug-with-file-source-24-mask-before::before, +.debug-with-file-source-24-icon-before::before, +.debug-with-file-source-24-mask-after::after, +.debug-with-file-source-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-source-24-mask-before::before, +.debug-with-file-source-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-source-24-svg); + mask-image: var(--file-source-24-svg); +} +.debug-with-file-source-24-icon-before::before, +.debug-with-file-source-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-source-24-svg); +} + +.debug-with-file-text-16-mask-before::before, +.debug-with-file-text-16-icon-before::before, +.debug-with-file-text-16-mask-after::after, +.debug-with-file-text-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-text-16-mask-before::before, +.debug-with-file-text-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-text-16-svg); + mask-image: var(--file-text-16-svg); +} +.debug-with-file-text-16-icon-before::before, +.debug-with-file-text-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-text-16-svg); +} + +.debug-with-file-text-24-mask-before::before, +.debug-with-file-text-24-icon-before::before, +.debug-with-file-text-24-mask-after::after, +.debug-with-file-text-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-text-24-mask-before::before, +.debug-with-file-text-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-text-24-svg); + mask-image: var(--file-text-24-svg); +} +.debug-with-file-text-24-icon-before::before, +.debug-with-file-text-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-text-24-svg); +} + +.debug-with-file-x-16-mask-before::before, +.debug-with-file-x-16-icon-before::before, +.debug-with-file-x-16-mask-after::after, +.debug-with-file-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-x-16-mask-before::before, +.debug-with-file-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-x-16-svg); + mask-image: var(--file-x-16-svg); +} +.debug-with-file-x-16-icon-before::before, +.debug-with-file-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-x-16-svg); +} + +.debug-with-file-x-24-mask-before::before, +.debug-with-file-x-24-icon-before::before, +.debug-with-file-x-24-mask-after::after, +.debug-with-file-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-file-x-24-mask-before::before, +.debug-with-file-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--file-x-24-svg); + mask-image: var(--file-x-24-svg); +} +.debug-with-file-x-24-icon-before::before, +.debug-with-file-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--file-x-24-svg); +} + +.debug-with-files-16-mask-before::before, +.debug-with-files-16-icon-before::before, +.debug-with-files-16-mask-after::after, +.debug-with-files-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-files-16-mask-before::before, +.debug-with-files-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--files-16-svg); + mask-image: var(--files-16-svg); +} +.debug-with-files-16-icon-before::before, +.debug-with-files-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--files-16-svg); +} + +.debug-with-files-24-mask-before::before, +.debug-with-files-24-icon-before::before, +.debug-with-files-24-mask-after::after, +.debug-with-files-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-files-24-mask-before::before, +.debug-with-files-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--files-24-svg); + mask-image: var(--files-24-svg); +} +.debug-with-files-24-icon-before::before, +.debug-with-files-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--files-24-svg); +} + +.debug-with-film-16-mask-before::before, +.debug-with-film-16-icon-before::before, +.debug-with-film-16-mask-after::after, +.debug-with-film-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-film-16-mask-before::before, +.debug-with-film-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--film-16-svg); + mask-image: var(--film-16-svg); +} +.debug-with-film-16-icon-before::before, +.debug-with-film-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--film-16-svg); +} + +.debug-with-film-24-mask-before::before, +.debug-with-film-24-icon-before::before, +.debug-with-film-24-mask-after::after, +.debug-with-film-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-film-24-mask-before::before, +.debug-with-film-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--film-24-svg); + mask-image: var(--film-24-svg); +} +.debug-with-film-24-icon-before::before, +.debug-with-film-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--film-24-svg); +} + +.debug-with-filter-16-mask-before::before, +.debug-with-filter-16-icon-before::before, +.debug-with-filter-16-mask-after::after, +.debug-with-filter-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-16-mask-before::before, +.debug-with-filter-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-16-svg); + mask-image: var(--filter-16-svg); +} +.debug-with-filter-16-icon-before::before, +.debug-with-filter-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-16-svg); +} + +.debug-with-filter-24-mask-before::before, +.debug-with-filter-24-icon-before::before, +.debug-with-filter-24-mask-after::after, +.debug-with-filter-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-24-mask-before::before, +.debug-with-filter-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-24-svg); + mask-image: var(--filter-24-svg); +} +.debug-with-filter-24-icon-before::before, +.debug-with-filter-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-24-svg); +} + +.debug-with-filter-circle-16-mask-before::before, +.debug-with-filter-circle-16-icon-before::before, +.debug-with-filter-circle-16-mask-after::after, +.debug-with-filter-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-circle-16-mask-before::before, +.debug-with-filter-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-circle-16-svg); + mask-image: var(--filter-circle-16-svg); +} +.debug-with-filter-circle-16-icon-before::before, +.debug-with-filter-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-circle-16-svg); +} + +.debug-with-filter-circle-24-mask-before::before, +.debug-with-filter-circle-24-icon-before::before, +.debug-with-filter-circle-24-mask-after::after, +.debug-with-filter-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-circle-24-mask-before::before, +.debug-with-filter-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-circle-24-svg); + mask-image: var(--filter-circle-24-svg); +} +.debug-with-filter-circle-24-icon-before::before, +.debug-with-filter-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-circle-24-svg); +} + +.debug-with-filter-fill-16-mask-before::before, +.debug-with-filter-fill-16-icon-before::before, +.debug-with-filter-fill-16-mask-after::after, +.debug-with-filter-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-fill-16-mask-before::before, +.debug-with-filter-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-fill-16-svg); + mask-image: var(--filter-fill-16-svg); +} +.debug-with-filter-fill-16-icon-before::before, +.debug-with-filter-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-fill-16-svg); +} + +.debug-with-filter-fill-24-mask-before::before, +.debug-with-filter-fill-24-icon-before::before, +.debug-with-filter-fill-24-mask-after::after, +.debug-with-filter-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-fill-24-mask-before::before, +.debug-with-filter-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-fill-24-svg); + mask-image: var(--filter-fill-24-svg); +} +.debug-with-filter-fill-24-icon-before::before, +.debug-with-filter-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-fill-24-svg); +} + +.debug-with-filter-mask-before::before, +.debug-with-filter-icon-before::before, +.debug-with-filter-mask-after::after, +.debug-with-filter-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-filter-mask-before::before, +.debug-with-filter-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--filter-svg); + mask-image: var(--filter-svg); +} +.debug-with-filter-icon-before::before, +.debug-with-filter-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--filter-svg); +} + +.debug-with-fingerprint-16-mask-before::before, +.debug-with-fingerprint-16-icon-before::before, +.debug-with-fingerprint-16-mask-after::after, +.debug-with-fingerprint-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-fingerprint-16-mask-before::before, +.debug-with-fingerprint-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--fingerprint-16-svg); + mask-image: var(--fingerprint-16-svg); +} +.debug-with-fingerprint-16-icon-before::before, +.debug-with-fingerprint-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--fingerprint-16-svg); +} + +.debug-with-fingerprint-24-mask-before::before, +.debug-with-fingerprint-24-icon-before::before, +.debug-with-fingerprint-24-mask-after::after, +.debug-with-fingerprint-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-fingerprint-24-mask-before::before, +.debug-with-fingerprint-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--fingerprint-24-svg); + mask-image: var(--fingerprint-24-svg); +} +.debug-with-fingerprint-24-icon-before::before, +.debug-with-fingerprint-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--fingerprint-24-svg); +} + +.debug-with-flag-16-mask-before::before, +.debug-with-flag-16-icon-before::before, +.debug-with-flag-16-mask-after::after, +.debug-with-flag-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-flag-16-mask-before::before, +.debug-with-flag-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--flag-16-svg); + mask-image: var(--flag-16-svg); +} +.debug-with-flag-16-icon-before::before, +.debug-with-flag-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--flag-16-svg); +} + +.debug-with-flag-24-mask-before::before, +.debug-with-flag-24-icon-before::before, +.debug-with-flag-24-mask-after::after, +.debug-with-flag-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-flag-24-mask-before::before, +.debug-with-flag-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--flag-24-svg); + mask-image: var(--flag-24-svg); +} +.debug-with-flag-24-icon-before::before, +.debug-with-flag-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--flag-24-svg); +} + +.debug-with-flag-mask-before::before, +.debug-with-flag-icon-before::before, +.debug-with-flag-mask-after::after, +.debug-with-flag-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-flag-mask-before::before, +.debug-with-flag-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--flag-svg); + mask-image: var(--flag-svg); +} +.debug-with-flag-icon-before::before, +.debug-with-flag-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--flag-svg); +} + +.debug-with-folder-16-mask-before::before, +.debug-with-folder-16-icon-before::before, +.debug-with-folder-16-mask-after::after, +.debug-with-folder-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-16-mask-before::before, +.debug-with-folder-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-16-svg); + mask-image: var(--folder-16-svg); +} +.debug-with-folder-16-icon-before::before, +.debug-with-folder-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-16-svg); +} + +.debug-with-folder-24-mask-before::before, +.debug-with-folder-24-icon-before::before, +.debug-with-folder-24-mask-after::after, +.debug-with-folder-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-24-mask-before::before, +.debug-with-folder-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-24-svg); + mask-image: var(--folder-24-svg); +} +.debug-with-folder-24-icon-before::before, +.debug-with-folder-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-24-svg); +} + +.debug-with-folder-fill-16-mask-before::before, +.debug-with-folder-fill-16-icon-before::before, +.debug-with-folder-fill-16-mask-after::after, +.debug-with-folder-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-fill-16-mask-before::before, +.debug-with-folder-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-fill-16-svg); + mask-image: var(--folder-fill-16-svg); +} +.debug-with-folder-fill-16-icon-before::before, +.debug-with-folder-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-fill-16-svg); +} + +.debug-with-folder-fill-24-mask-before::before, +.debug-with-folder-fill-24-icon-before::before, +.debug-with-folder-fill-24-mask-after::after, +.debug-with-folder-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-fill-24-mask-before::before, +.debug-with-folder-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-fill-24-svg); + mask-image: var(--folder-fill-24-svg); +} +.debug-with-folder-fill-24-icon-before::before, +.debug-with-folder-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-fill-24-svg); +} + +.debug-with-folder-fill-mask-before::before, +.debug-with-folder-fill-icon-before::before, +.debug-with-folder-fill-mask-after::after, +.debug-with-folder-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-fill-mask-before::before, +.debug-with-folder-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-fill-svg); + mask-image: var(--folder-fill-svg); +} +.debug-with-folder-fill-icon-before::before, +.debug-with-folder-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-fill-svg); +} + +.debug-with-folder-minus-16-mask-before::before, +.debug-with-folder-minus-16-icon-before::before, +.debug-with-folder-minus-16-mask-after::after, +.debug-with-folder-minus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-minus-16-mask-before::before, +.debug-with-folder-minus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-minus-16-svg); + mask-image: var(--folder-minus-16-svg); +} +.debug-with-folder-minus-16-icon-before::before, +.debug-with-folder-minus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-minus-16-svg); +} + +.debug-with-folder-minus-24-mask-before::before, +.debug-with-folder-minus-24-icon-before::before, +.debug-with-folder-minus-24-mask-after::after, +.debug-with-folder-minus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-minus-24-mask-before::before, +.debug-with-folder-minus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-minus-24-svg); + mask-image: var(--folder-minus-24-svg); +} +.debug-with-folder-minus-24-icon-before::before, +.debug-with-folder-minus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-minus-24-svg); +} + +.debug-with-folder-minus-fill-16-mask-before::before, +.debug-with-folder-minus-fill-16-icon-before::before, +.debug-with-folder-minus-fill-16-mask-after::after, +.debug-with-folder-minus-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-minus-fill-16-mask-before::before, +.debug-with-folder-minus-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-minus-fill-16-svg); + mask-image: var(--folder-minus-fill-16-svg); +} +.debug-with-folder-minus-fill-16-icon-before::before, +.debug-with-folder-minus-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-minus-fill-16-svg); +} + +.debug-with-folder-minus-fill-24-mask-before::before, +.debug-with-folder-minus-fill-24-icon-before::before, +.debug-with-folder-minus-fill-24-mask-after::after, +.debug-with-folder-minus-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-minus-fill-24-mask-before::before, +.debug-with-folder-minus-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-minus-fill-24-svg); + mask-image: var(--folder-minus-fill-24-svg); +} +.debug-with-folder-minus-fill-24-icon-before::before, +.debug-with-folder-minus-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-minus-fill-24-svg); +} + +.debug-with-folder-outline-mask-before::before, +.debug-with-folder-outline-icon-before::before, +.debug-with-folder-outline-mask-after::after, +.debug-with-folder-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-outline-mask-before::before, +.debug-with-folder-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-outline-svg); + mask-image: var(--folder-outline-svg); +} +.debug-with-folder-outline-icon-before::before, +.debug-with-folder-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-outline-svg); +} + +.debug-with-folder-plus-16-mask-before::before, +.debug-with-folder-plus-16-icon-before::before, +.debug-with-folder-plus-16-mask-after::after, +.debug-with-folder-plus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-plus-16-mask-before::before, +.debug-with-folder-plus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-plus-16-svg); + mask-image: var(--folder-plus-16-svg); +} +.debug-with-folder-plus-16-icon-before::before, +.debug-with-folder-plus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-plus-16-svg); +} + +.debug-with-folder-plus-24-mask-before::before, +.debug-with-folder-plus-24-icon-before::before, +.debug-with-folder-plus-24-mask-after::after, +.debug-with-folder-plus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-plus-24-mask-before::before, +.debug-with-folder-plus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-plus-24-svg); + mask-image: var(--folder-plus-24-svg); +} +.debug-with-folder-plus-24-icon-before::before, +.debug-with-folder-plus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-plus-24-svg); +} + +.debug-with-folder-plus-fill-16-mask-before::before, +.debug-with-folder-plus-fill-16-icon-before::before, +.debug-with-folder-plus-fill-16-mask-after::after, +.debug-with-folder-plus-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-plus-fill-16-mask-before::before, +.debug-with-folder-plus-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-plus-fill-16-svg); + mask-image: var(--folder-plus-fill-16-svg); +} +.debug-with-folder-plus-fill-16-icon-before::before, +.debug-with-folder-plus-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-plus-fill-16-svg); +} + +.debug-with-folder-plus-fill-24-mask-before::before, +.debug-with-folder-plus-fill-24-icon-before::before, +.debug-with-folder-plus-fill-24-mask-after::after, +.debug-with-folder-plus-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-plus-fill-24-mask-before::before, +.debug-with-folder-plus-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-plus-fill-24-svg); + mask-image: var(--folder-plus-fill-24-svg); +} +.debug-with-folder-plus-fill-24-icon-before::before, +.debug-with-folder-plus-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-plus-fill-24-svg); +} + +.debug-with-folder-star-16-mask-before::before, +.debug-with-folder-star-16-icon-before::before, +.debug-with-folder-star-16-mask-after::after, +.debug-with-folder-star-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-star-16-mask-before::before, +.debug-with-folder-star-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-star-16-svg); + mask-image: var(--folder-star-16-svg); +} +.debug-with-folder-star-16-icon-before::before, +.debug-with-folder-star-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-star-16-svg); +} + +.debug-with-folder-star-24-mask-before::before, +.debug-with-folder-star-24-icon-before::before, +.debug-with-folder-star-24-mask-after::after, +.debug-with-folder-star-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-star-24-mask-before::before, +.debug-with-folder-star-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-star-24-svg); + mask-image: var(--folder-star-24-svg); +} +.debug-with-folder-star-24-icon-before::before, +.debug-with-folder-star-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-star-24-svg); +} + +.debug-with-folder-users-16-mask-before::before, +.debug-with-folder-users-16-icon-before::before, +.debug-with-folder-users-16-mask-after::after, +.debug-with-folder-users-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-users-16-mask-before::before, +.debug-with-folder-users-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-users-16-svg); + mask-image: var(--folder-users-16-svg); +} +.debug-with-folder-users-16-icon-before::before, +.debug-with-folder-users-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-users-16-svg); +} + +.debug-with-folder-users-24-mask-before::before, +.debug-with-folder-users-24-icon-before::before, +.debug-with-folder-users-24-mask-after::after, +.debug-with-folder-users-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-folder-users-24-mask-before::before, +.debug-with-folder-users-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--folder-users-24-svg); + mask-image: var(--folder-users-24-svg); +} +.debug-with-folder-users-24-icon-before::before, +.debug-with-folder-users-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--folder-users-24-svg); +} + +.debug-with-frown-16-mask-before::before, +.debug-with-frown-16-icon-before::before, +.debug-with-frown-16-mask-after::after, +.debug-with-frown-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-frown-16-mask-before::before, +.debug-with-frown-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--frown-16-svg); + mask-image: var(--frown-16-svg); +} +.debug-with-frown-16-icon-before::before, +.debug-with-frown-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--frown-16-svg); +} + +.debug-with-frown-24-mask-before::before, +.debug-with-frown-24-icon-before::before, +.debug-with-frown-24-mask-after::after, +.debug-with-frown-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-frown-24-mask-before::before, +.debug-with-frown-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--frown-24-svg); + mask-image: var(--frown-24-svg); +} +.debug-with-frown-24-icon-before::before, +.debug-with-frown-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--frown-24-svg); +} + +.debug-with-gateway-16-mask-before::before, +.debug-with-gateway-16-icon-before::before, +.debug-with-gateway-16-mask-after::after, +.debug-with-gateway-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gateway-16-mask-before::before, +.debug-with-gateway-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gateway-16-svg); + mask-image: var(--gateway-16-svg); +} +.debug-with-gateway-16-icon-before::before, +.debug-with-gateway-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gateway-16-svg); +} + +.debug-with-gateway-24-mask-before::before, +.debug-with-gateway-24-icon-before::before, +.debug-with-gateway-24-mask-after::after, +.debug-with-gateway-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gateway-24-mask-before::before, +.debug-with-gateway-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gateway-24-svg); + mask-image: var(--gateway-24-svg); +} +.debug-with-gateway-24-icon-before::before, +.debug-with-gateway-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gateway-24-svg); +} + +.debug-with-gateway-mask-before::before, +.debug-with-gateway-icon-before::before, +.debug-with-gateway-mask-after::after, +.debug-with-gateway-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gateway-mask-before::before, +.debug-with-gateway-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gateway-svg); + mask-image: var(--gateway-svg); +} +.debug-with-gateway-icon-before::before, +.debug-with-gateway-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gateway-svg); +} + +.debug-with-gcp-16-mask-before::before, +.debug-with-gcp-16-icon-before::before, +.debug-with-gcp-16-mask-after::after, +.debug-with-gcp-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gcp-16-mask-before::before, +.debug-with-gcp-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gcp-16-svg); + mask-image: var(--gcp-16-svg); +} +.debug-with-gcp-16-icon-before::before, +.debug-with-gcp-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gcp-16-svg); +} + +.debug-with-gcp-24-mask-before::before, +.debug-with-gcp-24-icon-before::before, +.debug-with-gcp-24-mask-after::after, +.debug-with-gcp-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gcp-24-mask-before::before, +.debug-with-gcp-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gcp-24-svg); + mask-image: var(--gcp-24-svg); +} +.debug-with-gcp-24-icon-before::before, +.debug-with-gcp-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gcp-24-svg); +} + +.debug-with-gcp-color-16-mask-before::before, +.debug-with-gcp-color-16-icon-before::before, +.debug-with-gcp-color-16-mask-after::after, +.debug-with-gcp-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gcp-color-16-mask-before::before, +.debug-with-gcp-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gcp-color-16-svg); + mask-image: var(--gcp-color-16-svg); +} +.debug-with-gcp-color-16-icon-before::before, +.debug-with-gcp-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gcp-color-16-svg); +} + +.debug-with-gcp-color-24-mask-before::before, +.debug-with-gcp-color-24-icon-before::before, +.debug-with-gcp-color-24-mask-after::after, +.debug-with-gcp-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gcp-color-24-mask-before::before, +.debug-with-gcp-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gcp-color-24-svg); + mask-image: var(--gcp-color-24-svg); +} +.debug-with-gcp-color-24-icon-before::before, +.debug-with-gcp-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gcp-color-24-svg); +} + +.debug-with-gift-16-mask-before::before, +.debug-with-gift-16-icon-before::before, +.debug-with-gift-16-mask-after::after, +.debug-with-gift-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gift-16-mask-before::before, +.debug-with-gift-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gift-16-svg); + mask-image: var(--gift-16-svg); +} +.debug-with-gift-16-icon-before::before, +.debug-with-gift-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gift-16-svg); +} + +.debug-with-gift-24-mask-before::before, +.debug-with-gift-24-icon-before::before, +.debug-with-gift-24-mask-after::after, +.debug-with-gift-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gift-24-mask-before::before, +.debug-with-gift-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gift-24-svg); + mask-image: var(--gift-24-svg); +} +.debug-with-gift-24-icon-before::before, +.debug-with-gift-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gift-24-svg); +} + +.debug-with-gift-fill-mask-before::before, +.debug-with-gift-fill-icon-before::before, +.debug-with-gift-fill-mask-after::after, +.debug-with-gift-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gift-fill-mask-before::before, +.debug-with-gift-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gift-fill-svg); + mask-image: var(--gift-fill-svg); +} +.debug-with-gift-fill-icon-before::before, +.debug-with-gift-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gift-fill-svg); +} + +.debug-with-gift-outline-mask-before::before, +.debug-with-gift-outline-icon-before::before, +.debug-with-gift-outline-mask-after::after, +.debug-with-gift-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gift-outline-mask-before::before, +.debug-with-gift-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gift-outline-svg); + mask-image: var(--gift-outline-svg); +} +.debug-with-gift-outline-icon-before::before, +.debug-with-gift-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gift-outline-svg); +} + +.debug-with-git-branch-16-mask-before::before, +.debug-with-git-branch-16-icon-before::before, +.debug-with-git-branch-16-mask-after::after, +.debug-with-git-branch-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-branch-16-mask-before::before, +.debug-with-git-branch-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-branch-16-svg); + mask-image: var(--git-branch-16-svg); +} +.debug-with-git-branch-16-icon-before::before, +.debug-with-git-branch-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-branch-16-svg); +} + +.debug-with-git-branch-24-mask-before::before, +.debug-with-git-branch-24-icon-before::before, +.debug-with-git-branch-24-mask-after::after, +.debug-with-git-branch-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-branch-24-mask-before::before, +.debug-with-git-branch-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-branch-24-svg); + mask-image: var(--git-branch-24-svg); +} +.debug-with-git-branch-24-icon-before::before, +.debug-with-git-branch-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-branch-24-svg); +} + +.debug-with-git-branch-mask-before::before, +.debug-with-git-branch-icon-before::before, +.debug-with-git-branch-mask-after::after, +.debug-with-git-branch-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-branch-mask-before::before, +.debug-with-git-branch-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-branch-svg); + mask-image: var(--git-branch-svg); +} +.debug-with-git-branch-icon-before::before, +.debug-with-git-branch-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-branch-svg); +} + +.debug-with-git-commit-16-mask-before::before, +.debug-with-git-commit-16-icon-before::before, +.debug-with-git-commit-16-mask-after::after, +.debug-with-git-commit-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-commit-16-mask-before::before, +.debug-with-git-commit-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-commit-16-svg); + mask-image: var(--git-commit-16-svg); +} +.debug-with-git-commit-16-icon-before::before, +.debug-with-git-commit-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-commit-16-svg); +} + +.debug-with-git-commit-24-mask-before::before, +.debug-with-git-commit-24-icon-before::before, +.debug-with-git-commit-24-mask-after::after, +.debug-with-git-commit-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-commit-24-mask-before::before, +.debug-with-git-commit-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-commit-24-svg); + mask-image: var(--git-commit-24-svg); +} +.debug-with-git-commit-24-icon-before::before, +.debug-with-git-commit-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-commit-24-svg); +} + +.debug-with-git-commit-mask-before::before, +.debug-with-git-commit-icon-before::before, +.debug-with-git-commit-mask-after::after, +.debug-with-git-commit-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-commit-mask-before::before, +.debug-with-git-commit-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-commit-svg); + mask-image: var(--git-commit-svg); +} +.debug-with-git-commit-icon-before::before, +.debug-with-git-commit-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-commit-svg); +} + +.debug-with-git-merge-16-mask-before::before, +.debug-with-git-merge-16-icon-before::before, +.debug-with-git-merge-16-mask-after::after, +.debug-with-git-merge-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-merge-16-mask-before::before, +.debug-with-git-merge-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-merge-16-svg); + mask-image: var(--git-merge-16-svg); +} +.debug-with-git-merge-16-icon-before::before, +.debug-with-git-merge-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-merge-16-svg); +} + +.debug-with-git-merge-24-mask-before::before, +.debug-with-git-merge-24-icon-before::before, +.debug-with-git-merge-24-mask-after::after, +.debug-with-git-merge-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-merge-24-mask-before::before, +.debug-with-git-merge-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-merge-24-svg); + mask-image: var(--git-merge-24-svg); +} +.debug-with-git-merge-24-icon-before::before, +.debug-with-git-merge-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-merge-24-svg); +} + +.debug-with-git-pull-request-16-mask-before::before, +.debug-with-git-pull-request-16-icon-before::before, +.debug-with-git-pull-request-16-mask-after::after, +.debug-with-git-pull-request-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-pull-request-16-mask-before::before, +.debug-with-git-pull-request-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-pull-request-16-svg); + mask-image: var(--git-pull-request-16-svg); +} +.debug-with-git-pull-request-16-icon-before::before, +.debug-with-git-pull-request-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-pull-request-16-svg); +} + +.debug-with-git-pull-request-24-mask-before::before, +.debug-with-git-pull-request-24-icon-before::before, +.debug-with-git-pull-request-24-mask-after::after, +.debug-with-git-pull-request-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-pull-request-24-mask-before::before, +.debug-with-git-pull-request-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-pull-request-24-svg); + mask-image: var(--git-pull-request-24-svg); +} +.debug-with-git-pull-request-24-icon-before::before, +.debug-with-git-pull-request-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-pull-request-24-svg); +} + +.debug-with-git-pull-request-mask-before::before, +.debug-with-git-pull-request-icon-before::before, +.debug-with-git-pull-request-mask-after::after, +.debug-with-git-pull-request-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-pull-request-mask-before::before, +.debug-with-git-pull-request-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-pull-request-svg); + mask-image: var(--git-pull-request-svg); +} +.debug-with-git-pull-request-icon-before::before, +.debug-with-git-pull-request-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-pull-request-svg); +} + +.debug-with-git-repo-16-mask-before::before, +.debug-with-git-repo-16-icon-before::before, +.debug-with-git-repo-16-mask-after::after, +.debug-with-git-repo-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-repo-16-mask-before::before, +.debug-with-git-repo-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-repo-16-svg); + mask-image: var(--git-repo-16-svg); +} +.debug-with-git-repo-16-icon-before::before, +.debug-with-git-repo-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-repo-16-svg); +} + +.debug-with-git-repo-24-mask-before::before, +.debug-with-git-repo-24-icon-before::before, +.debug-with-git-repo-24-mask-after::after, +.debug-with-git-repo-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-repo-24-mask-before::before, +.debug-with-git-repo-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-repo-24-svg); + mask-image: var(--git-repo-24-svg); +} +.debug-with-git-repo-24-icon-before::before, +.debug-with-git-repo-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-repo-24-svg); +} + +.debug-with-git-repository-mask-before::before, +.debug-with-git-repository-icon-before::before, +.debug-with-git-repository-mask-after::after, +.debug-with-git-repository-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-git-repository-mask-before::before, +.debug-with-git-repository-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--git-repository-svg); + mask-image: var(--git-repository-svg); +} +.debug-with-git-repository-icon-before::before, +.debug-with-git-repository-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--git-repository-svg); +} + +.debug-with-github-16-mask-before::before, +.debug-with-github-16-icon-before::before, +.debug-with-github-16-mask-after::after, +.debug-with-github-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-github-16-mask-before::before, +.debug-with-github-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--github-16-svg); + mask-image: var(--github-16-svg); +} +.debug-with-github-16-icon-before::before, +.debug-with-github-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--github-16-svg); +} + +.debug-with-github-24-mask-before::before, +.debug-with-github-24-icon-before::before, +.debug-with-github-24-mask-after::after, +.debug-with-github-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-github-24-mask-before::before, +.debug-with-github-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--github-24-svg); + mask-image: var(--github-24-svg); +} +.debug-with-github-24-icon-before::before, +.debug-with-github-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--github-24-svg); +} + +.debug-with-github-color-16-mask-before::before, +.debug-with-github-color-16-icon-before::before, +.debug-with-github-color-16-mask-after::after, +.debug-with-github-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-github-color-16-mask-before::before, +.debug-with-github-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--github-color-16-svg); + mask-image: var(--github-color-16-svg); +} +.debug-with-github-color-16-icon-before::before, +.debug-with-github-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--github-color-16-svg); +} + +.debug-with-github-color-24-mask-before::before, +.debug-with-github-color-24-icon-before::before, +.debug-with-github-color-24-mask-after::after, +.debug-with-github-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-github-color-24-mask-before::before, +.debug-with-github-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--github-color-24-svg); + mask-image: var(--github-color-24-svg); +} +.debug-with-github-color-24-icon-before::before, +.debug-with-github-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--github-color-24-svg); +} + +.debug-with-gitlab-16-mask-before::before, +.debug-with-gitlab-16-icon-before::before, +.debug-with-gitlab-16-mask-after::after, +.debug-with-gitlab-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gitlab-16-mask-before::before, +.debug-with-gitlab-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gitlab-16-svg); + mask-image: var(--gitlab-16-svg); +} +.debug-with-gitlab-16-icon-before::before, +.debug-with-gitlab-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gitlab-16-svg); +} + +.debug-with-gitlab-24-mask-before::before, +.debug-with-gitlab-24-icon-before::before, +.debug-with-gitlab-24-mask-after::after, +.debug-with-gitlab-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gitlab-24-mask-before::before, +.debug-with-gitlab-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gitlab-24-svg); + mask-image: var(--gitlab-24-svg); +} +.debug-with-gitlab-24-icon-before::before, +.debug-with-gitlab-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gitlab-24-svg); +} + +.debug-with-gitlab-color-16-mask-before::before, +.debug-with-gitlab-color-16-icon-before::before, +.debug-with-gitlab-color-16-mask-after::after, +.debug-with-gitlab-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gitlab-color-16-mask-before::before, +.debug-with-gitlab-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gitlab-color-16-svg); + mask-image: var(--gitlab-color-16-svg); +} +.debug-with-gitlab-color-16-icon-before::before, +.debug-with-gitlab-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gitlab-color-16-svg); +} + +.debug-with-gitlab-color-24-mask-before::before, +.debug-with-gitlab-color-24-icon-before::before, +.debug-with-gitlab-color-24-mask-after::after, +.debug-with-gitlab-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-gitlab-color-24-mask-before::before, +.debug-with-gitlab-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--gitlab-color-24-svg); + mask-image: var(--gitlab-color-24-svg); +} +.debug-with-gitlab-color-24-icon-before::before, +.debug-with-gitlab-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--gitlab-color-24-svg); +} + +.debug-with-globe-16-mask-before::before, +.debug-with-globe-16-icon-before::before, +.debug-with-globe-16-mask-after::after, +.debug-with-globe-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-globe-16-mask-before::before, +.debug-with-globe-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--globe-16-svg); + mask-image: var(--globe-16-svg); +} +.debug-with-globe-16-icon-before::before, +.debug-with-globe-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--globe-16-svg); +} + +.debug-with-globe-24-mask-before::before, +.debug-with-globe-24-icon-before::before, +.debug-with-globe-24-mask-after::after, +.debug-with-globe-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-globe-24-mask-before::before, +.debug-with-globe-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--globe-24-svg); + mask-image: var(--globe-24-svg); +} +.debug-with-globe-24-icon-before::before, +.debug-with-globe-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--globe-24-svg); +} + +.debug-with-globe-private-16-mask-before::before, +.debug-with-globe-private-16-icon-before::before, +.debug-with-globe-private-16-mask-after::after, +.debug-with-globe-private-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-globe-private-16-mask-before::before, +.debug-with-globe-private-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--globe-private-16-svg); + mask-image: var(--globe-private-16-svg); +} +.debug-with-globe-private-16-icon-before::before, +.debug-with-globe-private-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--globe-private-16-svg); +} + +.debug-with-globe-private-24-mask-before::before, +.debug-with-globe-private-24-icon-before::before, +.debug-with-globe-private-24-mask-after::after, +.debug-with-globe-private-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-globe-private-24-mask-before::before, +.debug-with-globe-private-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--globe-private-24-svg); + mask-image: var(--globe-private-24-svg); +} +.debug-with-globe-private-24-icon-before::before, +.debug-with-globe-private-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--globe-private-24-svg); +} + +.debug-with-google-16-mask-before::before, +.debug-with-google-16-icon-before::before, +.debug-with-google-16-mask-after::after, +.debug-with-google-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-google-16-mask-before::before, +.debug-with-google-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--google-16-svg); + mask-image: var(--google-16-svg); +} +.debug-with-google-16-icon-before::before, +.debug-with-google-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--google-16-svg); +} + +.debug-with-google-24-mask-before::before, +.debug-with-google-24-icon-before::before, +.debug-with-google-24-mask-after::after, +.debug-with-google-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-google-24-mask-before::before, +.debug-with-google-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--google-24-svg); + mask-image: var(--google-24-svg); +} +.debug-with-google-24-icon-before::before, +.debug-with-google-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--google-24-svg); +} + +.debug-with-google-color-16-mask-before::before, +.debug-with-google-color-16-icon-before::before, +.debug-with-google-color-16-mask-after::after, +.debug-with-google-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-google-color-16-mask-before::before, +.debug-with-google-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--google-color-16-svg); + mask-image: var(--google-color-16-svg); +} +.debug-with-google-color-16-icon-before::before, +.debug-with-google-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--google-color-16-svg); +} + +.debug-with-google-color-24-mask-before::before, +.debug-with-google-color-24-icon-before::before, +.debug-with-google-color-24-mask-after::after, +.debug-with-google-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-google-color-24-mask-before::before, +.debug-with-google-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--google-color-24-svg); + mask-image: var(--google-color-24-svg); +} +.debug-with-google-color-24-icon-before::before, +.debug-with-google-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--google-color-24-svg); +} + +.debug-with-grid-16-mask-before::before, +.debug-with-grid-16-icon-before::before, +.debug-with-grid-16-mask-after::after, +.debug-with-grid-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-grid-16-mask-before::before, +.debug-with-grid-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--grid-16-svg); + mask-image: var(--grid-16-svg); +} +.debug-with-grid-16-icon-before::before, +.debug-with-grid-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--grid-16-svg); +} + +.debug-with-grid-24-mask-before::before, +.debug-with-grid-24-icon-before::before, +.debug-with-grid-24-mask-after::after, +.debug-with-grid-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-grid-24-mask-before::before, +.debug-with-grid-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--grid-24-svg); + mask-image: var(--grid-24-svg); +} +.debug-with-grid-24-icon-before::before, +.debug-with-grid-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--grid-24-svg); +} + +.debug-with-grid-alt-16-mask-before::before, +.debug-with-grid-alt-16-icon-before::before, +.debug-with-grid-alt-16-mask-after::after, +.debug-with-grid-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-grid-alt-16-mask-before::before, +.debug-with-grid-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--grid-alt-16-svg); + mask-image: var(--grid-alt-16-svg); +} +.debug-with-grid-alt-16-icon-before::before, +.debug-with-grid-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--grid-alt-16-svg); +} + +.debug-with-grid-alt-24-mask-before::before, +.debug-with-grid-alt-24-icon-before::before, +.debug-with-grid-alt-24-mask-after::after, +.debug-with-grid-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-grid-alt-24-mask-before::before, +.debug-with-grid-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--grid-alt-24-svg); + mask-image: var(--grid-alt-24-svg); +} +.debug-with-grid-alt-24-icon-before::before, +.debug-with-grid-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--grid-alt-24-svg); +} + +.debug-with-guide-16-mask-before::before, +.debug-with-guide-16-icon-before::before, +.debug-with-guide-16-mask-after::after, +.debug-with-guide-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-guide-16-mask-before::before, +.debug-with-guide-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--guide-16-svg); + mask-image: var(--guide-16-svg); +} +.debug-with-guide-16-icon-before::before, +.debug-with-guide-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--guide-16-svg); +} + +.debug-with-guide-24-mask-before::before, +.debug-with-guide-24-icon-before::before, +.debug-with-guide-24-mask-after::after, +.debug-with-guide-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-guide-24-mask-before::before, +.debug-with-guide-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--guide-24-svg); + mask-image: var(--guide-24-svg); +} +.debug-with-guide-24-icon-before::before, +.debug-with-guide-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--guide-24-svg); +} + +.debug-with-guide-link-16-mask-before::before, +.debug-with-guide-link-16-icon-before::before, +.debug-with-guide-link-16-mask-after::after, +.debug-with-guide-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-guide-link-16-mask-before::before, +.debug-with-guide-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--guide-link-16-svg); + mask-image: var(--guide-link-16-svg); +} +.debug-with-guide-link-16-icon-before::before, +.debug-with-guide-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--guide-link-16-svg); +} + +.debug-with-guide-link-24-mask-before::before, +.debug-with-guide-link-24-icon-before::before, +.debug-with-guide-link-24-mask-after::after, +.debug-with-guide-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-guide-link-24-mask-before::before, +.debug-with-guide-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--guide-link-24-svg); + mask-image: var(--guide-link-24-svg); +} +.debug-with-guide-link-24-icon-before::before, +.debug-with-guide-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--guide-link-24-svg); +} + +.debug-with-guide-mask-before::before, +.debug-with-guide-icon-before::before, +.debug-with-guide-mask-after::after, +.debug-with-guide-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-guide-mask-before::before, +.debug-with-guide-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--guide-svg); + mask-image: var(--guide-svg); +} +.debug-with-guide-icon-before::before, +.debug-with-guide-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--guide-svg); +} + +.debug-with-hammer-16-mask-before::before, +.debug-with-hammer-16-icon-before::before, +.debug-with-hammer-16-mask-after::after, +.debug-with-hammer-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hammer-16-mask-before::before, +.debug-with-hammer-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hammer-16-svg); + mask-image: var(--hammer-16-svg); +} +.debug-with-hammer-16-icon-before::before, +.debug-with-hammer-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hammer-16-svg); +} + +.debug-with-hammer-24-mask-before::before, +.debug-with-hammer-24-icon-before::before, +.debug-with-hammer-24-mask-after::after, +.debug-with-hammer-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hammer-24-mask-before::before, +.debug-with-hammer-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hammer-24-svg); + mask-image: var(--hammer-24-svg); +} +.debug-with-hammer-24-icon-before::before, +.debug-with-hammer-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hammer-24-svg); +} + +.debug-with-hard-drive-16-mask-before::before, +.debug-with-hard-drive-16-icon-before::before, +.debug-with-hard-drive-16-mask-after::after, +.debug-with-hard-drive-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hard-drive-16-mask-before::before, +.debug-with-hard-drive-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hard-drive-16-svg); + mask-image: var(--hard-drive-16-svg); +} +.debug-with-hard-drive-16-icon-before::before, +.debug-with-hard-drive-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hard-drive-16-svg); +} + +.debug-with-hard-drive-24-mask-before::before, +.debug-with-hard-drive-24-icon-before::before, +.debug-with-hard-drive-24-mask-after::after, +.debug-with-hard-drive-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hard-drive-24-mask-before::before, +.debug-with-hard-drive-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hard-drive-24-svg); + mask-image: var(--hard-drive-24-svg); +} +.debug-with-hard-drive-24-icon-before::before, +.debug-with-hard-drive-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hard-drive-24-svg); +} + +.debug-with-hash-16-mask-before::before, +.debug-with-hash-16-icon-before::before, +.debug-with-hash-16-mask-after::after, +.debug-with-hash-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hash-16-mask-before::before, +.debug-with-hash-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hash-16-svg); + mask-image: var(--hash-16-svg); +} +.debug-with-hash-16-icon-before::before, +.debug-with-hash-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hash-16-svg); +} + +.debug-with-hash-24-mask-before::before, +.debug-with-hash-24-icon-before::before, +.debug-with-hash-24-mask-after::after, +.debug-with-hash-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hash-24-mask-before::before, +.debug-with-hash-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hash-24-svg); + mask-image: var(--hash-24-svg); +} +.debug-with-hash-24-icon-before::before, +.debug-with-hash-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hash-24-svg); +} + +.debug-with-headphones-16-mask-before::before, +.debug-with-headphones-16-icon-before::before, +.debug-with-headphones-16-mask-after::after, +.debug-with-headphones-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-headphones-16-mask-before::before, +.debug-with-headphones-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--headphones-16-svg); + mask-image: var(--headphones-16-svg); +} +.debug-with-headphones-16-icon-before::before, +.debug-with-headphones-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--headphones-16-svg); +} + +.debug-with-headphones-24-mask-before::before, +.debug-with-headphones-24-icon-before::before, +.debug-with-headphones-24-mask-after::after, +.debug-with-headphones-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-headphones-24-mask-before::before, +.debug-with-headphones-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--headphones-24-svg); + mask-image: var(--headphones-24-svg); +} +.debug-with-headphones-24-icon-before::before, +.debug-with-headphones-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--headphones-24-svg); +} + +.debug-with-health-mask-before::before, +.debug-with-health-icon-before::before, +.debug-with-health-mask-after::after, +.debug-with-health-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-health-mask-before::before, +.debug-with-health-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--health-svg); + mask-image: var(--health-svg); +} +.debug-with-health-icon-before::before, +.debug-with-health-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--health-svg); +} + +.debug-with-heart-16-mask-before::before, +.debug-with-heart-16-icon-before::before, +.debug-with-heart-16-mask-after::after, +.debug-with-heart-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-16-mask-before::before, +.debug-with-heart-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-16-svg); + mask-image: var(--heart-16-svg); +} +.debug-with-heart-16-icon-before::before, +.debug-with-heart-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-16-svg); +} + +.debug-with-heart-24-mask-before::before, +.debug-with-heart-24-icon-before::before, +.debug-with-heart-24-mask-after::after, +.debug-with-heart-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-24-mask-before::before, +.debug-with-heart-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-24-svg); + mask-image: var(--heart-24-svg); +} +.debug-with-heart-24-icon-before::before, +.debug-with-heart-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-24-svg); +} + +.debug-with-heart-fill-16-mask-before::before, +.debug-with-heart-fill-16-icon-before::before, +.debug-with-heart-fill-16-mask-after::after, +.debug-with-heart-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-fill-16-mask-before::before, +.debug-with-heart-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-fill-16-svg); + mask-image: var(--heart-fill-16-svg); +} +.debug-with-heart-fill-16-icon-before::before, +.debug-with-heart-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-fill-16-svg); +} + +.debug-with-heart-fill-24-mask-before::before, +.debug-with-heart-fill-24-icon-before::before, +.debug-with-heart-fill-24-mask-after::after, +.debug-with-heart-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-fill-24-mask-before::before, +.debug-with-heart-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-fill-24-svg); + mask-image: var(--heart-fill-24-svg); +} +.debug-with-heart-fill-24-icon-before::before, +.debug-with-heart-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-fill-24-svg); +} + +.debug-with-heart-off-16-mask-before::before, +.debug-with-heart-off-16-icon-before::before, +.debug-with-heart-off-16-mask-after::after, +.debug-with-heart-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-off-16-mask-before::before, +.debug-with-heart-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-off-16-svg); + mask-image: var(--heart-off-16-svg); +} +.debug-with-heart-off-16-icon-before::before, +.debug-with-heart-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-off-16-svg); +} + +.debug-with-heart-off-24-mask-before::before, +.debug-with-heart-off-24-icon-before::before, +.debug-with-heart-off-24-mask-after::after, +.debug-with-heart-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-heart-off-24-mask-before::before, +.debug-with-heart-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--heart-off-24-svg); + mask-image: var(--heart-off-24-svg); +} +.debug-with-heart-off-24-icon-before::before, +.debug-with-heart-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--heart-off-24-svg); +} + +.debug-with-help-16-mask-before::before, +.debug-with-help-16-icon-before::before, +.debug-with-help-16-mask-after::after, +.debug-with-help-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-help-16-mask-before::before, +.debug-with-help-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--help-16-svg); + mask-image: var(--help-16-svg); +} +.debug-with-help-16-icon-before::before, +.debug-with-help-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--help-16-svg); +} + +.debug-with-help-24-mask-before::before, +.debug-with-help-24-icon-before::before, +.debug-with-help-24-mask-after::after, +.debug-with-help-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-help-24-mask-before::before, +.debug-with-help-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--help-24-svg); + mask-image: var(--help-24-svg); +} +.debug-with-help-24-icon-before::before, +.debug-with-help-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--help-24-svg); +} + +.debug-with-help-circle-fill-mask-before::before, +.debug-with-help-circle-fill-icon-before::before, +.debug-with-help-circle-fill-mask-after::after, +.debug-with-help-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-help-circle-fill-mask-before::before, +.debug-with-help-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--help-circle-fill-svg); + mask-image: var(--help-circle-fill-svg); +} +.debug-with-help-circle-fill-icon-before::before, +.debug-with-help-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--help-circle-fill-svg); +} + +.debug-with-help-circle-outline-mask-before::before, +.debug-with-help-circle-outline-icon-before::before, +.debug-with-help-circle-outline-mask-after::after, +.debug-with-help-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-help-circle-outline-mask-before::before, +.debug-with-help-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--help-circle-outline-svg); + mask-image: var(--help-circle-outline-svg); +} +.debug-with-help-circle-outline-icon-before::before, +.debug-with-help-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--help-circle-outline-svg); +} + +.debug-with-hexagon-16-mask-before::before, +.debug-with-hexagon-16-icon-before::before, +.debug-with-hexagon-16-mask-after::after, +.debug-with-hexagon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hexagon-16-mask-before::before, +.debug-with-hexagon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hexagon-16-svg); + mask-image: var(--hexagon-16-svg); +} +.debug-with-hexagon-16-icon-before::before, +.debug-with-hexagon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hexagon-16-svg); +} + +.debug-with-hexagon-24-mask-before::before, +.debug-with-hexagon-24-icon-before::before, +.debug-with-hexagon-24-mask-after::after, +.debug-with-hexagon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hexagon-24-mask-before::before, +.debug-with-hexagon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hexagon-24-svg); + mask-image: var(--hexagon-24-svg); +} +.debug-with-hexagon-24-icon-before::before, +.debug-with-hexagon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hexagon-24-svg); +} + +.debug-with-hexagon-fill-16-mask-before::before, +.debug-with-hexagon-fill-16-icon-before::before, +.debug-with-hexagon-fill-16-mask-after::after, +.debug-with-hexagon-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hexagon-fill-16-mask-before::before, +.debug-with-hexagon-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hexagon-fill-16-svg); + mask-image: var(--hexagon-fill-16-svg); +} +.debug-with-hexagon-fill-16-icon-before::before, +.debug-with-hexagon-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hexagon-fill-16-svg); +} + +.debug-with-hexagon-fill-24-mask-before::before, +.debug-with-hexagon-fill-24-icon-before::before, +.debug-with-hexagon-fill-24-mask-after::after, +.debug-with-hexagon-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hexagon-fill-24-mask-before::before, +.debug-with-hexagon-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hexagon-fill-24-svg); + mask-image: var(--hexagon-fill-24-svg); +} +.debug-with-hexagon-fill-24-icon-before::before, +.debug-with-hexagon-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hexagon-fill-24-svg); +} + +.debug-with-history-16-mask-before::before, +.debug-with-history-16-icon-before::before, +.debug-with-history-16-mask-after::after, +.debug-with-history-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-history-16-mask-before::before, +.debug-with-history-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--history-16-svg); + mask-image: var(--history-16-svg); +} +.debug-with-history-16-icon-before::before, +.debug-with-history-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--history-16-svg); +} + +.debug-with-history-24-mask-before::before, +.debug-with-history-24-icon-before::before, +.debug-with-history-24-mask-after::after, +.debug-with-history-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-history-24-mask-before::before, +.debug-with-history-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--history-24-svg); + mask-image: var(--history-24-svg); +} +.debug-with-history-24-icon-before::before, +.debug-with-history-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--history-24-svg); +} + +.debug-with-history-mask-before::before, +.debug-with-history-icon-before::before, +.debug-with-history-mask-after::after, +.debug-with-history-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-history-mask-before::before, +.debug-with-history-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--history-svg); + mask-image: var(--history-svg); +} +.debug-with-history-icon-before::before, +.debug-with-history-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--history-svg); +} + +.debug-with-home-16-mask-before::before, +.debug-with-home-16-icon-before::before, +.debug-with-home-16-mask-after::after, +.debug-with-home-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-home-16-mask-before::before, +.debug-with-home-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--home-16-svg); + mask-image: var(--home-16-svg); +} +.debug-with-home-16-icon-before::before, +.debug-with-home-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--home-16-svg); +} + +.debug-with-home-24-mask-before::before, +.debug-with-home-24-icon-before::before, +.debug-with-home-24-mask-after::after, +.debug-with-home-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-home-24-mask-before::before, +.debug-with-home-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--home-24-svg); + mask-image: var(--home-24-svg); +} +.debug-with-home-24-icon-before::before, +.debug-with-home-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--home-24-svg); +} + +.debug-with-hourglass-16-mask-before::before, +.debug-with-hourglass-16-icon-before::before, +.debug-with-hourglass-16-mask-after::after, +.debug-with-hourglass-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hourglass-16-mask-before::before, +.debug-with-hourglass-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hourglass-16-svg); + mask-image: var(--hourglass-16-svg); +} +.debug-with-hourglass-16-icon-before::before, +.debug-with-hourglass-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hourglass-16-svg); +} + +.debug-with-hourglass-24-mask-before::before, +.debug-with-hourglass-24-icon-before::before, +.debug-with-hourglass-24-mask-after::after, +.debug-with-hourglass-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-hourglass-24-mask-before::before, +.debug-with-hourglass-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--hourglass-24-svg); + mask-image: var(--hourglass-24-svg); +} +.debug-with-hourglass-24-icon-before::before, +.debug-with-hourglass-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--hourglass-24-svg); +} + +.debug-with-identity-service-16-mask-before::before, +.debug-with-identity-service-16-icon-before::before, +.debug-with-identity-service-16-mask-after::after, +.debug-with-identity-service-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-identity-service-16-mask-before::before, +.debug-with-identity-service-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--identity-service-16-svg); + mask-image: var(--identity-service-16-svg); +} +.debug-with-identity-service-16-icon-before::before, +.debug-with-identity-service-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--identity-service-16-svg); +} + +.debug-with-identity-service-24-mask-before::before, +.debug-with-identity-service-24-icon-before::before, +.debug-with-identity-service-24-mask-after::after, +.debug-with-identity-service-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-identity-service-24-mask-before::before, +.debug-with-identity-service-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--identity-service-24-svg); + mask-image: var(--identity-service-24-svg); +} +.debug-with-identity-service-24-icon-before::before, +.debug-with-identity-service-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--identity-service-24-svg); +} + +.debug-with-identity-user-16-mask-before::before, +.debug-with-identity-user-16-icon-before::before, +.debug-with-identity-user-16-mask-after::after, +.debug-with-identity-user-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-identity-user-16-mask-before::before, +.debug-with-identity-user-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--identity-user-16-svg); + mask-image: var(--identity-user-16-svg); +} +.debug-with-identity-user-16-icon-before::before, +.debug-with-identity-user-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--identity-user-16-svg); +} + +.debug-with-identity-user-24-mask-before::before, +.debug-with-identity-user-24-icon-before::before, +.debug-with-identity-user-24-mask-after::after, +.debug-with-identity-user-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-identity-user-24-mask-before::before, +.debug-with-identity-user-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--identity-user-24-svg); + mask-image: var(--identity-user-24-svg); +} +.debug-with-identity-user-24-icon-before::before, +.debug-with-identity-user-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--identity-user-24-svg); +} + +.debug-with-image-16-mask-before::before, +.debug-with-image-16-icon-before::before, +.debug-with-image-16-mask-after::after, +.debug-with-image-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-image-16-mask-before::before, +.debug-with-image-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--image-16-svg); + mask-image: var(--image-16-svg); +} +.debug-with-image-16-icon-before::before, +.debug-with-image-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--image-16-svg); +} + +.debug-with-image-24-mask-before::before, +.debug-with-image-24-icon-before::before, +.debug-with-image-24-mask-after::after, +.debug-with-image-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-image-24-mask-before::before, +.debug-with-image-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--image-24-svg); + mask-image: var(--image-24-svg); +} +.debug-with-image-24-icon-before::before, +.debug-with-image-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--image-24-svg); +} + +.debug-with-inbox-16-mask-before::before, +.debug-with-inbox-16-icon-before::before, +.debug-with-inbox-16-mask-after::after, +.debug-with-inbox-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-inbox-16-mask-before::before, +.debug-with-inbox-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--inbox-16-svg); + mask-image: var(--inbox-16-svg); +} +.debug-with-inbox-16-icon-before::before, +.debug-with-inbox-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--inbox-16-svg); +} + +.debug-with-inbox-24-mask-before::before, +.debug-with-inbox-24-icon-before::before, +.debug-with-inbox-24-mask-after::after, +.debug-with-inbox-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-inbox-24-mask-before::before, +.debug-with-inbox-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--inbox-24-svg); + mask-image: var(--inbox-24-svg); +} +.debug-with-inbox-24-icon-before::before, +.debug-with-inbox-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--inbox-24-svg); +} + +.debug-with-info-16-mask-before::before, +.debug-with-info-16-icon-before::before, +.debug-with-info-16-mask-after::after, +.debug-with-info-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-info-16-mask-before::before, +.debug-with-info-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--info-16-svg); + mask-image: var(--info-16-svg); +} +.debug-with-info-16-icon-before::before, +.debug-with-info-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--info-16-svg); +} + +.debug-with-info-24-mask-before::before, +.debug-with-info-24-icon-before::before, +.debug-with-info-24-mask-after::after, +.debug-with-info-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-info-24-mask-before::before, +.debug-with-info-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--info-24-svg); + mask-image: var(--info-24-svg); +} +.debug-with-info-24-icon-before::before, +.debug-with-info-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--info-24-svg); +} + +.debug-with-info-circle-fill-mask-before::before, +.debug-with-info-circle-fill-icon-before::before, +.debug-with-info-circle-fill-mask-after::after, +.debug-with-info-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-info-circle-fill-mask-before::before, +.debug-with-info-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--info-circle-fill-svg); + mask-image: var(--info-circle-fill-svg); +} +.debug-with-info-circle-fill-icon-before::before, +.debug-with-info-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--info-circle-fill-svg); +} + +.debug-with-info-circle-outline-mask-before::before, +.debug-with-info-circle-outline-icon-before::before, +.debug-with-info-circle-outline-mask-after::after, +.debug-with-info-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-info-circle-outline-mask-before::before, +.debug-with-info-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--info-circle-outline-svg); + mask-image: var(--info-circle-outline-svg); +} +.debug-with-info-circle-outline-icon-before::before, +.debug-with-info-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--info-circle-outline-svg); +} + +.debug-with-jump-link-16-mask-before::before, +.debug-with-jump-link-16-icon-before::before, +.debug-with-jump-link-16-mask-after::after, +.debug-with-jump-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-jump-link-16-mask-before::before, +.debug-with-jump-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--jump-link-16-svg); + mask-image: var(--jump-link-16-svg); +} +.debug-with-jump-link-16-icon-before::before, +.debug-with-jump-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--jump-link-16-svg); +} + +.debug-with-jump-link-24-mask-before::before, +.debug-with-jump-link-24-icon-before::before, +.debug-with-jump-link-24-mask-after::after, +.debug-with-jump-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-jump-link-24-mask-before::before, +.debug-with-jump-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--jump-link-24-svg); + mask-image: var(--jump-link-24-svg); +} +.debug-with-jump-link-24-icon-before::before, +.debug-with-jump-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--jump-link-24-svg); +} + +.debug-with-key-16-mask-before::before, +.debug-with-key-16-icon-before::before, +.debug-with-key-16-mask-after::after, +.debug-with-key-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-key-16-mask-before::before, +.debug-with-key-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--key-16-svg); + mask-image: var(--key-16-svg); +} +.debug-with-key-16-icon-before::before, +.debug-with-key-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--key-16-svg); +} + +.debug-with-key-24-mask-before::before, +.debug-with-key-24-icon-before::before, +.debug-with-key-24-mask-after::after, +.debug-with-key-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-key-24-mask-before::before, +.debug-with-key-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--key-24-svg); + mask-image: var(--key-24-svg); +} +.debug-with-key-24-icon-before::before, +.debug-with-key-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--key-24-svg); +} + +.debug-with-key-values-16-mask-before::before, +.debug-with-key-values-16-icon-before::before, +.debug-with-key-values-16-mask-after::after, +.debug-with-key-values-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-key-values-16-mask-before::before, +.debug-with-key-values-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--key-values-16-svg); + mask-image: var(--key-values-16-svg); +} +.debug-with-key-values-16-icon-before::before, +.debug-with-key-values-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--key-values-16-svg); +} + +.debug-with-key-values-24-mask-before::before, +.debug-with-key-values-24-icon-before::before, +.debug-with-key-values-24-mask-after::after, +.debug-with-key-values-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-key-values-24-mask-before::before, +.debug-with-key-values-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--key-values-24-svg); + mask-image: var(--key-values-24-svg); +} +.debug-with-key-values-24-icon-before::before, +.debug-with-key-values-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--key-values-24-svg); +} + +.debug-with-key-mask-before::before, +.debug-with-key-icon-before::before, +.debug-with-key-mask-after::after, +.debug-with-key-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-key-mask-before::before, +.debug-with-key-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--key-svg); + mask-image: var(--key-svg); +} +.debug-with-key-icon-before::before, +.debug-with-key-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--key-svg); +} + +.debug-with-kubernetes-16-mask-before::before, +.debug-with-kubernetes-16-icon-before::before, +.debug-with-kubernetes-16-mask-after::after, +.debug-with-kubernetes-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-kubernetes-16-mask-before::before, +.debug-with-kubernetes-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--kubernetes-16-svg); + mask-image: var(--kubernetes-16-svg); +} +.debug-with-kubernetes-16-icon-before::before, +.debug-with-kubernetes-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--kubernetes-16-svg); +} + +.debug-with-kubernetes-24-mask-before::before, +.debug-with-kubernetes-24-icon-before::before, +.debug-with-kubernetes-24-mask-after::after, +.debug-with-kubernetes-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-kubernetes-24-mask-before::before, +.debug-with-kubernetes-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--kubernetes-24-svg); + mask-image: var(--kubernetes-24-svg); +} +.debug-with-kubernetes-24-icon-before::before, +.debug-with-kubernetes-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--kubernetes-24-svg); +} + +.debug-with-kubernetes-color-16-mask-before::before, +.debug-with-kubernetes-color-16-icon-before::before, +.debug-with-kubernetes-color-16-mask-after::after, +.debug-with-kubernetes-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-kubernetes-color-16-mask-before::before, +.debug-with-kubernetes-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--kubernetes-color-16-svg); + mask-image: var(--kubernetes-color-16-svg); +} +.debug-with-kubernetes-color-16-icon-before::before, +.debug-with-kubernetes-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--kubernetes-color-16-svg); +} + +.debug-with-kubernetes-color-24-mask-before::before, +.debug-with-kubernetes-color-24-icon-before::before, +.debug-with-kubernetes-color-24-mask-after::after, +.debug-with-kubernetes-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-kubernetes-color-24-mask-before::before, +.debug-with-kubernetes-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--kubernetes-color-24-svg); + mask-image: var(--kubernetes-color-24-svg); +} +.debug-with-kubernetes-color-24-icon-before::before, +.debug-with-kubernetes-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--kubernetes-color-24-svg); +} + +.debug-with-labyrinth-16-mask-before::before, +.debug-with-labyrinth-16-icon-before::before, +.debug-with-labyrinth-16-mask-after::after, +.debug-with-labyrinth-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-labyrinth-16-mask-before::before, +.debug-with-labyrinth-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--labyrinth-16-svg); + mask-image: var(--labyrinth-16-svg); +} +.debug-with-labyrinth-16-icon-before::before, +.debug-with-labyrinth-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--labyrinth-16-svg); +} + +.debug-with-labyrinth-24-mask-before::before, +.debug-with-labyrinth-24-icon-before::before, +.debug-with-labyrinth-24-mask-after::after, +.debug-with-labyrinth-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-labyrinth-24-mask-before::before, +.debug-with-labyrinth-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--labyrinth-24-svg); + mask-image: var(--labyrinth-24-svg); +} +.debug-with-labyrinth-24-icon-before::before, +.debug-with-labyrinth-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--labyrinth-24-svg); +} + +.debug-with-layers-16-mask-before::before, +.debug-with-layers-16-icon-before::before, +.debug-with-layers-16-mask-after::after, +.debug-with-layers-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-layers-16-mask-before::before, +.debug-with-layers-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--layers-16-svg); + mask-image: var(--layers-16-svg); +} +.debug-with-layers-16-icon-before::before, +.debug-with-layers-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--layers-16-svg); +} + +.debug-with-layers-24-mask-before::before, +.debug-with-layers-24-icon-before::before, +.debug-with-layers-24-mask-after::after, +.debug-with-layers-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-layers-24-mask-before::before, +.debug-with-layers-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--layers-24-svg); + mask-image: var(--layers-24-svg); +} +.debug-with-layers-24-icon-before::before, +.debug-with-layers-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--layers-24-svg); +} + +.debug-with-layers-mask-before::before, +.debug-with-layers-icon-before::before, +.debug-with-layers-mask-after::after, +.debug-with-layers-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-layers-mask-before::before, +.debug-with-layers-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--layers-svg); + mask-image: var(--layers-svg); +} +.debug-with-layers-icon-before::before, +.debug-with-layers-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--layers-svg); +} + +.debug-with-layout-16-mask-before::before, +.debug-with-layout-16-icon-before::before, +.debug-with-layout-16-mask-after::after, +.debug-with-layout-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-layout-16-mask-before::before, +.debug-with-layout-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--layout-16-svg); + mask-image: var(--layout-16-svg); +} +.debug-with-layout-16-icon-before::before, +.debug-with-layout-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--layout-16-svg); +} + +.debug-with-layout-24-mask-before::before, +.debug-with-layout-24-icon-before::before, +.debug-with-layout-24-mask-after::after, +.debug-with-layout-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-layout-24-mask-before::before, +.debug-with-layout-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--layout-24-svg); + mask-image: var(--layout-24-svg); +} +.debug-with-layout-24-icon-before::before, +.debug-with-layout-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--layout-24-svg); +} + +.debug-with-learn-16-mask-before::before, +.debug-with-learn-16-icon-before::before, +.debug-with-learn-16-mask-after::after, +.debug-with-learn-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-learn-16-mask-before::before, +.debug-with-learn-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--learn-16-svg); + mask-image: var(--learn-16-svg); +} +.debug-with-learn-16-icon-before::before, +.debug-with-learn-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--learn-16-svg); +} + +.debug-with-learn-24-mask-before::before, +.debug-with-learn-24-icon-before::before, +.debug-with-learn-24-mask-after::after, +.debug-with-learn-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-learn-24-mask-before::before, +.debug-with-learn-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--learn-24-svg); + mask-image: var(--learn-24-svg); +} +.debug-with-learn-24-icon-before::before, +.debug-with-learn-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--learn-24-svg); +} + +.debug-with-learn-link-16-mask-before::before, +.debug-with-learn-link-16-icon-before::before, +.debug-with-learn-link-16-mask-after::after, +.debug-with-learn-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-learn-link-16-mask-before::before, +.debug-with-learn-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--learn-link-16-svg); + mask-image: var(--learn-link-16-svg); +} +.debug-with-learn-link-16-icon-before::before, +.debug-with-learn-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--learn-link-16-svg); +} + +.debug-with-learn-link-24-mask-before::before, +.debug-with-learn-link-24-icon-before::before, +.debug-with-learn-link-24-mask-after::after, +.debug-with-learn-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-learn-link-24-mask-before::before, +.debug-with-learn-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--learn-link-24-svg); + mask-image: var(--learn-link-24-svg); +} +.debug-with-learn-link-24-icon-before::before, +.debug-with-learn-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--learn-link-24-svg); +} + +.debug-with-learn-mask-before::before, +.debug-with-learn-icon-before::before, +.debug-with-learn-mask-after::after, +.debug-with-learn-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-learn-mask-before::before, +.debug-with-learn-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--learn-svg); + mask-image: var(--learn-svg); +} +.debug-with-learn-icon-before::before, +.debug-with-learn-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--learn-svg); +} + +.debug-with-line-chart-16-mask-before::before, +.debug-with-line-chart-16-icon-before::before, +.debug-with-line-chart-16-mask-after::after, +.debug-with-line-chart-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-line-chart-16-mask-before::before, +.debug-with-line-chart-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--line-chart-16-svg); + mask-image: var(--line-chart-16-svg); +} +.debug-with-line-chart-16-icon-before::before, +.debug-with-line-chart-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--line-chart-16-svg); +} + +.debug-with-line-chart-24-mask-before::before, +.debug-with-line-chart-24-icon-before::before, +.debug-with-line-chart-24-mask-after::after, +.debug-with-line-chart-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-line-chart-24-mask-before::before, +.debug-with-line-chart-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--line-chart-24-svg); + mask-image: var(--line-chart-24-svg); +} +.debug-with-line-chart-24-icon-before::before, +.debug-with-line-chart-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--line-chart-24-svg); +} + +.debug-with-line-chart-up-16-mask-before::before, +.debug-with-line-chart-up-16-icon-before::before, +.debug-with-line-chart-up-16-mask-after::after, +.debug-with-line-chart-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-line-chart-up-16-mask-before::before, +.debug-with-line-chart-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--line-chart-up-16-svg); + mask-image: var(--line-chart-up-16-svg); +} +.debug-with-line-chart-up-16-icon-before::before, +.debug-with-line-chart-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--line-chart-up-16-svg); +} + +.debug-with-line-chart-up-24-mask-before::before, +.debug-with-line-chart-up-24-icon-before::before, +.debug-with-line-chart-up-24-mask-after::after, +.debug-with-line-chart-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-line-chart-up-24-mask-before::before, +.debug-with-line-chart-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--line-chart-up-24-svg); + mask-image: var(--line-chart-up-24-svg); +} +.debug-with-line-chart-up-24-icon-before::before, +.debug-with-line-chart-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--line-chart-up-24-svg); +} + +.debug-with-link-16-mask-before::before, +.debug-with-link-16-icon-before::before, +.debug-with-link-16-mask-after::after, +.debug-with-link-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-link-16-mask-before::before, +.debug-with-link-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--link-16-svg); + mask-image: var(--link-16-svg); +} +.debug-with-link-16-icon-before::before, +.debug-with-link-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--link-16-svg); +} + +.debug-with-link-24-mask-before::before, +.debug-with-link-24-icon-before::before, +.debug-with-link-24-mask-after::after, +.debug-with-link-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-link-24-mask-before::before, +.debug-with-link-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--link-24-svg); + mask-image: var(--link-24-svg); +} +.debug-with-link-24-icon-before::before, +.debug-with-link-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--link-24-svg); +} + +.debug-with-link-mask-before::before, +.debug-with-link-icon-before::before, +.debug-with-link-mask-after::after, +.debug-with-link-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-link-mask-before::before, +.debug-with-link-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--link-svg); + mask-image: var(--link-svg); +} +.debug-with-link-icon-before::before, +.debug-with-link-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--link-svg); +} + +.debug-with-list-16-mask-before::before, +.debug-with-list-16-icon-before::before, +.debug-with-list-16-mask-after::after, +.debug-with-list-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-list-16-mask-before::before, +.debug-with-list-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--list-16-svg); + mask-image: var(--list-16-svg); +} +.debug-with-list-16-icon-before::before, +.debug-with-list-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--list-16-svg); +} + +.debug-with-list-24-mask-before::before, +.debug-with-list-24-icon-before::before, +.debug-with-list-24-mask-after::after, +.debug-with-list-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-list-24-mask-before::before, +.debug-with-list-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--list-24-svg); + mask-image: var(--list-24-svg); +} +.debug-with-list-24-icon-before::before, +.debug-with-list-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--list-24-svg); +} + +.debug-with-loading-mask-before::before, +.debug-with-loading-icon-before::before, +.debug-with-loading-mask-after::after, +.debug-with-loading-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-loading-mask-before::before, +.debug-with-loading-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--loading-svg); + mask-image: var(--loading-svg); +} +.debug-with-loading-icon-before::before, +.debug-with-loading-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--loading-svg); +} + +.debug-with-lock-16-mask-before::before, +.debug-with-lock-16-icon-before::before, +.debug-with-lock-16-mask-after::after, +.debug-with-lock-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-16-mask-before::before, +.debug-with-lock-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-16-svg); + mask-image: var(--lock-16-svg); +} +.debug-with-lock-16-icon-before::before, +.debug-with-lock-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-16-svg); +} + +.debug-with-lock-24-mask-before::before, +.debug-with-lock-24-icon-before::before, +.debug-with-lock-24-mask-after::after, +.debug-with-lock-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-24-mask-before::before, +.debug-with-lock-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-24-svg); + mask-image: var(--lock-24-svg); +} +.debug-with-lock-24-icon-before::before, +.debug-with-lock-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-24-svg); +} + +.debug-with-lock-closed-fill-mask-before::before, +.debug-with-lock-closed-fill-icon-before::before, +.debug-with-lock-closed-fill-mask-after::after, +.debug-with-lock-closed-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-closed-fill-mask-before::before, +.debug-with-lock-closed-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-closed-fill-svg); + mask-image: var(--lock-closed-fill-svg); +} +.debug-with-lock-closed-fill-icon-before::before, +.debug-with-lock-closed-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-closed-fill-svg); +} + +.debug-with-lock-closed-outline-mask-before::before, +.debug-with-lock-closed-outline-icon-before::before, +.debug-with-lock-closed-outline-mask-after::after, +.debug-with-lock-closed-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-closed-outline-mask-before::before, +.debug-with-lock-closed-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-closed-outline-svg); + mask-image: var(--lock-closed-outline-svg); +} +.debug-with-lock-closed-outline-icon-before::before, +.debug-with-lock-closed-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-closed-outline-svg); +} + +.debug-with-lock-closed-mask-before::before, +.debug-with-lock-closed-icon-before::before, +.debug-with-lock-closed-mask-after::after, +.debug-with-lock-closed-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-closed-mask-before::before, +.debug-with-lock-closed-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-closed-svg); + mask-image: var(--lock-closed-svg); +} +.debug-with-lock-closed-icon-before::before, +.debug-with-lock-closed-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-closed-svg); +} + +.debug-with-lock-disabled-mask-before::before, +.debug-with-lock-disabled-icon-before::before, +.debug-with-lock-disabled-mask-after::after, +.debug-with-lock-disabled-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-disabled-mask-before::before, +.debug-with-lock-disabled-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-disabled-svg); + mask-image: var(--lock-disabled-svg); +} +.debug-with-lock-disabled-icon-before::before, +.debug-with-lock-disabled-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-disabled-svg); +} + +.debug-with-lock-fill-16-mask-before::before, +.debug-with-lock-fill-16-icon-before::before, +.debug-with-lock-fill-16-mask-after::after, +.debug-with-lock-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-fill-16-mask-before::before, +.debug-with-lock-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-fill-16-svg); + mask-image: var(--lock-fill-16-svg); +} +.debug-with-lock-fill-16-icon-before::before, +.debug-with-lock-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-fill-16-svg); +} + +.debug-with-lock-fill-24-mask-before::before, +.debug-with-lock-fill-24-icon-before::before, +.debug-with-lock-fill-24-mask-after::after, +.debug-with-lock-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-fill-24-mask-before::before, +.debug-with-lock-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-fill-24-svg); + mask-image: var(--lock-fill-24-svg); +} +.debug-with-lock-fill-24-icon-before::before, +.debug-with-lock-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-fill-24-svg); +} + +.debug-with-lock-off-16-mask-before::before, +.debug-with-lock-off-16-icon-before::before, +.debug-with-lock-off-16-mask-after::after, +.debug-with-lock-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-off-16-mask-before::before, +.debug-with-lock-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-off-16-svg); + mask-image: var(--lock-off-16-svg); +} +.debug-with-lock-off-16-icon-before::before, +.debug-with-lock-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-off-16-svg); +} + +.debug-with-lock-off-24-mask-before::before, +.debug-with-lock-off-24-icon-before::before, +.debug-with-lock-off-24-mask-after::after, +.debug-with-lock-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-off-24-mask-before::before, +.debug-with-lock-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-off-24-svg); + mask-image: var(--lock-off-24-svg); +} +.debug-with-lock-off-24-icon-before::before, +.debug-with-lock-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-off-24-svg); +} + +.debug-with-lock-open-mask-before::before, +.debug-with-lock-open-icon-before::before, +.debug-with-lock-open-mask-after::after, +.debug-with-lock-open-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-lock-open-mask-before::before, +.debug-with-lock-open-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--lock-open-svg); + mask-image: var(--lock-open-svg); +} +.debug-with-lock-open-icon-before::before, +.debug-with-lock-open-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--lock-open-svg); +} + +.debug-with-logo-alicloud-color-mask-before::before, +.debug-with-logo-alicloud-color-icon-before::before, +.debug-with-logo-alicloud-color-mask-after::after, +.debug-with-logo-alicloud-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-alicloud-color-mask-before::before, +.debug-with-logo-alicloud-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-alicloud-color-svg); + mask-image: var(--logo-alicloud-color-svg); +} +.debug-with-logo-alicloud-color-icon-before::before, +.debug-with-logo-alicloud-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-alicloud-color-svg); +} + +.debug-with-logo-alicloud-monochrome-mask-before::before, +.debug-with-logo-alicloud-monochrome-icon-before::before, +.debug-with-logo-alicloud-monochrome-mask-after::after, +.debug-with-logo-alicloud-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-alicloud-monochrome-mask-before::before, +.debug-with-logo-alicloud-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-alicloud-monochrome-svg); + mask-image: var(--logo-alicloud-monochrome-svg); +} +.debug-with-logo-alicloud-monochrome-icon-before::before, +.debug-with-logo-alicloud-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-alicloud-monochrome-svg); +} + +.debug-with-logo-auth0-color-mask-before::before, +.debug-with-logo-auth0-color-icon-before::before, +.debug-with-logo-auth0-color-mask-after::after, +.debug-with-logo-auth0-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-auth0-color-mask-before::before, +.debug-with-logo-auth0-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-auth0-color-svg); + mask-image: var(--logo-auth0-color-svg); +} +.debug-with-logo-auth0-color-icon-before::before, +.debug-with-logo-auth0-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-auth0-color-svg); +} + +.debug-with-logo-aws-color-mask-before::before, +.debug-with-logo-aws-color-icon-before::before, +.debug-with-logo-aws-color-mask-after::after, +.debug-with-logo-aws-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-aws-color-mask-before::before, +.debug-with-logo-aws-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-aws-color-svg); + mask-image: var(--logo-aws-color-svg); +} +.debug-with-logo-aws-color-icon-before::before, +.debug-with-logo-aws-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-aws-color-svg); +} + +.debug-with-logo-aws-monochrome-mask-before::before, +.debug-with-logo-aws-monochrome-icon-before::before, +.debug-with-logo-aws-monochrome-mask-after::after, +.debug-with-logo-aws-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-aws-monochrome-mask-before::before, +.debug-with-logo-aws-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-aws-monochrome-svg); + mask-image: var(--logo-aws-monochrome-svg); +} +.debug-with-logo-aws-monochrome-icon-before::before, +.debug-with-logo-aws-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-aws-monochrome-svg); +} + +.debug-with-logo-azure-color-mask-before::before, +.debug-with-logo-azure-color-icon-before::before, +.debug-with-logo-azure-color-mask-after::after, +.debug-with-logo-azure-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-azure-color-mask-before::before, +.debug-with-logo-azure-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-azure-color-svg); + mask-image: var(--logo-azure-color-svg); +} +.debug-with-logo-azure-color-icon-before::before, +.debug-with-logo-azure-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-azure-color-svg); +} + +.debug-with-logo-azure-dev-ops-color-mask-before::before, +.debug-with-logo-azure-dev-ops-color-icon-before::before, +.debug-with-logo-azure-dev-ops-color-mask-after::after, +.debug-with-logo-azure-dev-ops-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-azure-dev-ops-color-mask-before::before, +.debug-with-logo-azure-dev-ops-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-azure-dev-ops-color-svg); + mask-image: var(--logo-azure-dev-ops-color-svg); +} +.debug-with-logo-azure-dev-ops-color-icon-before::before, +.debug-with-logo-azure-dev-ops-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-azure-dev-ops-color-svg); +} + +.debug-with-logo-azure-dev-ops-monochrome-mask-before::before, +.debug-with-logo-azure-dev-ops-monochrome-icon-before::before, +.debug-with-logo-azure-dev-ops-monochrome-mask-after::after, +.debug-with-logo-azure-dev-ops-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-azure-dev-ops-monochrome-mask-before::before, +.debug-with-logo-azure-dev-ops-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-azure-dev-ops-monochrome-svg); + mask-image: var(--logo-azure-dev-ops-monochrome-svg); +} +.debug-with-logo-azure-dev-ops-monochrome-icon-before::before, +.debug-with-logo-azure-dev-ops-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-azure-dev-ops-monochrome-svg); +} + +.debug-with-logo-azure-monochrome-mask-before::before, +.debug-with-logo-azure-monochrome-icon-before::before, +.debug-with-logo-azure-monochrome-mask-after::after, +.debug-with-logo-azure-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-azure-monochrome-mask-before::before, +.debug-with-logo-azure-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-azure-monochrome-svg); + mask-image: var(--logo-azure-monochrome-svg); +} +.debug-with-logo-azure-monochrome-icon-before::before, +.debug-with-logo-azure-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-azure-monochrome-svg); +} + +.debug-with-logo-bitbucket-color-mask-before::before, +.debug-with-logo-bitbucket-color-icon-before::before, +.debug-with-logo-bitbucket-color-mask-after::after, +.debug-with-logo-bitbucket-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-bitbucket-color-mask-before::before, +.debug-with-logo-bitbucket-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-bitbucket-color-svg); + mask-image: var(--logo-bitbucket-color-svg); +} +.debug-with-logo-bitbucket-color-icon-before::before, +.debug-with-logo-bitbucket-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-bitbucket-color-svg); +} + +.debug-with-logo-bitbucket-monochrome-mask-before::before, +.debug-with-logo-bitbucket-monochrome-icon-before::before, +.debug-with-logo-bitbucket-monochrome-mask-after::after, +.debug-with-logo-bitbucket-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-bitbucket-monochrome-mask-before::before, +.debug-with-logo-bitbucket-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-bitbucket-monochrome-svg); + mask-image: var(--logo-bitbucket-monochrome-svg); +} +.debug-with-logo-bitbucket-monochrome-icon-before::before, +.debug-with-logo-bitbucket-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-bitbucket-monochrome-svg); +} + +.debug-with-logo-consul-color-mask-before::before, +.debug-with-logo-consul-color-icon-before::before, +.debug-with-logo-consul-color-mask-after::after, +.debug-with-logo-consul-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-consul-color-mask-before::before, +.debug-with-logo-consul-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-consul-color-svg); + mask-image: var(--logo-consul-color-svg); +} +.debug-with-logo-consul-color-icon-before::before, +.debug-with-logo-consul-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-consul-color-svg); +} + +.debug-with-logo-ember-circle-color-mask-before::before, +.debug-with-logo-ember-circle-color-icon-before::before, +.debug-with-logo-ember-circle-color-mask-after::after, +.debug-with-logo-ember-circle-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-ember-circle-color-mask-before::before, +.debug-with-logo-ember-circle-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-ember-circle-color-svg); + mask-image: var(--logo-ember-circle-color-svg); +} +.debug-with-logo-ember-circle-color-icon-before::before, +.debug-with-logo-ember-circle-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-ember-circle-color-svg); +} + +.debug-with-logo-gcp-color-mask-before::before, +.debug-with-logo-gcp-color-icon-before::before, +.debug-with-logo-gcp-color-mask-after::after, +.debug-with-logo-gcp-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-gcp-color-mask-before::before, +.debug-with-logo-gcp-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-gcp-color-svg); + mask-image: var(--logo-gcp-color-svg); +} +.debug-with-logo-gcp-color-icon-before::before, +.debug-with-logo-gcp-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-gcp-color-svg); +} + +.debug-with-logo-gcp-monochrome-mask-before::before, +.debug-with-logo-gcp-monochrome-icon-before::before, +.debug-with-logo-gcp-monochrome-mask-after::after, +.debug-with-logo-gcp-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-gcp-monochrome-mask-before::before, +.debug-with-logo-gcp-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-gcp-monochrome-svg); + mask-image: var(--logo-gcp-monochrome-svg); +} +.debug-with-logo-gcp-monochrome-icon-before::before, +.debug-with-logo-gcp-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-gcp-monochrome-svg); +} + +.debug-with-logo-github-color-mask-before::before, +.debug-with-logo-github-color-icon-before::before, +.debug-with-logo-github-color-mask-after::after, +.debug-with-logo-github-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-github-color-mask-before::before, +.debug-with-logo-github-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-github-color-svg); + mask-image: var(--logo-github-color-svg); +} +.debug-with-logo-github-color-icon-before::before, +.debug-with-logo-github-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-github-color-svg); +} + +.debug-with-logo-github-monochrome-mask-before::before, +.debug-with-logo-github-monochrome-icon-before::before, +.debug-with-logo-github-monochrome-mask-after::after, +.debug-with-logo-github-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-github-monochrome-mask-before::before, +.debug-with-logo-github-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-github-monochrome-svg); + mask-image: var(--logo-github-monochrome-svg); +} +.debug-with-logo-github-monochrome-icon-before::before, +.debug-with-logo-github-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-github-monochrome-svg); +} + +.debug-with-logo-gitlab-color-mask-before::before, +.debug-with-logo-gitlab-color-icon-before::before, +.debug-with-logo-gitlab-color-mask-after::after, +.debug-with-logo-gitlab-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-gitlab-color-mask-before::before, +.debug-with-logo-gitlab-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-gitlab-color-svg); + mask-image: var(--logo-gitlab-color-svg); +} +.debug-with-logo-gitlab-color-icon-before::before, +.debug-with-logo-gitlab-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-gitlab-color-svg); +} + +.debug-with-logo-gitlab-monochrome-mask-before::before, +.debug-with-logo-gitlab-monochrome-icon-before::before, +.debug-with-logo-gitlab-monochrome-mask-after::after, +.debug-with-logo-gitlab-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-gitlab-monochrome-mask-before::before, +.debug-with-logo-gitlab-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-gitlab-monochrome-svg); + mask-image: var(--logo-gitlab-monochrome-svg); +} +.debug-with-logo-gitlab-monochrome-icon-before::before, +.debug-with-logo-gitlab-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-gitlab-monochrome-svg); +} + +.debug-with-logo-glimmer-color-mask-before::before, +.debug-with-logo-glimmer-color-icon-before::before, +.debug-with-logo-glimmer-color-mask-after::after, +.debug-with-logo-glimmer-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-glimmer-color-mask-before::before, +.debug-with-logo-glimmer-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-glimmer-color-svg); + mask-image: var(--logo-glimmer-color-svg); +} +.debug-with-logo-glimmer-color-icon-before::before, +.debug-with-logo-glimmer-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-glimmer-color-svg); +} + +.debug-with-logo-google-color-mask-before::before, +.debug-with-logo-google-color-icon-before::before, +.debug-with-logo-google-color-mask-after::after, +.debug-with-logo-google-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-google-color-mask-before::before, +.debug-with-logo-google-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-google-color-svg); + mask-image: var(--logo-google-color-svg); +} +.debug-with-logo-google-color-icon-before::before, +.debug-with-logo-google-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-google-color-svg); +} + +.debug-with-logo-google-monochrome-mask-before::before, +.debug-with-logo-google-monochrome-icon-before::before, +.debug-with-logo-google-monochrome-mask-after::after, +.debug-with-logo-google-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-google-monochrome-mask-before::before, +.debug-with-logo-google-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-google-monochrome-svg); + mask-image: var(--logo-google-monochrome-svg); +} +.debug-with-logo-google-monochrome-icon-before::before, +.debug-with-logo-google-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-google-monochrome-svg); +} + +.debug-with-logo-hashicorp-color-mask-before::before, +.debug-with-logo-hashicorp-color-icon-before::before, +.debug-with-logo-hashicorp-color-mask-after::after, +.debug-with-logo-hashicorp-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-hashicorp-color-mask-before::before, +.debug-with-logo-hashicorp-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-hashicorp-color-svg); + mask-image: var(--logo-hashicorp-color-svg); +} +.debug-with-logo-hashicorp-color-icon-before::before, +.debug-with-logo-hashicorp-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-hashicorp-color-svg); +} + +.debug-with-logo-jwt-color-mask-before::before, +.debug-with-logo-jwt-color-icon-before::before, +.debug-with-logo-jwt-color-mask-after::after, +.debug-with-logo-jwt-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-jwt-color-mask-before::before, +.debug-with-logo-jwt-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-jwt-color-svg); + mask-image: var(--logo-jwt-color-svg); +} +.debug-with-logo-jwt-color-icon-before::before, +.debug-with-logo-jwt-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-jwt-color-svg); +} + +.debug-with-logo-kubernetes-color-mask-before::before, +.debug-with-logo-kubernetes-color-icon-before::before, +.debug-with-logo-kubernetes-color-mask-after::after, +.debug-with-logo-kubernetes-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-kubernetes-color-mask-before::before, +.debug-with-logo-kubernetes-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-kubernetes-color-svg); + mask-image: var(--logo-kubernetes-color-svg); +} +.debug-with-logo-kubernetes-color-icon-before::before, +.debug-with-logo-kubernetes-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-kubernetes-color-svg); +} + +.debug-with-logo-kubernetes-monochrome-mask-before::before, +.debug-with-logo-kubernetes-monochrome-icon-before::before, +.debug-with-logo-kubernetes-monochrome-mask-after::after, +.debug-with-logo-kubernetes-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-kubernetes-monochrome-mask-before::before, +.debug-with-logo-kubernetes-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-kubernetes-monochrome-svg); + mask-image: var(--logo-kubernetes-monochrome-svg); +} +.debug-with-logo-kubernetes-monochrome-icon-before::before, +.debug-with-logo-kubernetes-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-kubernetes-monochrome-svg); +} + +.debug-with-logo-microsoft-color-mask-before::before, +.debug-with-logo-microsoft-color-icon-before::before, +.debug-with-logo-microsoft-color-mask-after::after, +.debug-with-logo-microsoft-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-microsoft-color-mask-before::before, +.debug-with-logo-microsoft-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-microsoft-color-svg); + mask-image: var(--logo-microsoft-color-svg); +} +.debug-with-logo-microsoft-color-icon-before::before, +.debug-with-logo-microsoft-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-microsoft-color-svg); +} + +.debug-with-logo-nomad-color-mask-before::before, +.debug-with-logo-nomad-color-icon-before::before, +.debug-with-logo-nomad-color-mask-after::after, +.debug-with-logo-nomad-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-nomad-color-mask-before::before, +.debug-with-logo-nomad-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-nomad-color-svg); + mask-image: var(--logo-nomad-color-svg); +} +.debug-with-logo-nomad-color-icon-before::before, +.debug-with-logo-nomad-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-nomad-color-svg); +} + +.debug-with-logo-oidc-color-mask-before::before, +.debug-with-logo-oidc-color-icon-before::before, +.debug-with-logo-oidc-color-mask-after::after, +.debug-with-logo-oidc-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-oidc-color-mask-before::before, +.debug-with-logo-oidc-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-oidc-color-svg); + mask-image: var(--logo-oidc-color-svg); +} +.debug-with-logo-oidc-color-icon-before::before, +.debug-with-logo-oidc-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-oidc-color-svg); +} + +.debug-with-logo-okta-color-mask-before::before, +.debug-with-logo-okta-color-icon-before::before, +.debug-with-logo-okta-color-mask-after::after, +.debug-with-logo-okta-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-okta-color-mask-before::before, +.debug-with-logo-okta-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-okta-color-svg); + mask-image: var(--logo-okta-color-svg); +} +.debug-with-logo-okta-color-icon-before::before, +.debug-with-logo-okta-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-okta-color-svg); +} + +.debug-with-logo-oracle-color-mask-before::before, +.debug-with-logo-oracle-color-icon-before::before, +.debug-with-logo-oracle-color-mask-after::after, +.debug-with-logo-oracle-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-oracle-color-mask-before::before, +.debug-with-logo-oracle-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-oracle-color-svg); + mask-image: var(--logo-oracle-color-svg); +} +.debug-with-logo-oracle-color-icon-before::before, +.debug-with-logo-oracle-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-oracle-color-svg); +} + +.debug-with-logo-oracle-monochrome-mask-before::before, +.debug-with-logo-oracle-monochrome-icon-before::before, +.debug-with-logo-oracle-monochrome-mask-after::after, +.debug-with-logo-oracle-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-oracle-monochrome-mask-before::before, +.debug-with-logo-oracle-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-oracle-monochrome-svg); + mask-image: var(--logo-oracle-monochrome-svg); +} +.debug-with-logo-oracle-monochrome-icon-before::before, +.debug-with-logo-oracle-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-oracle-monochrome-svg); +} + +.debug-with-logo-slack-color-mask-before::before, +.debug-with-logo-slack-color-icon-before::before, +.debug-with-logo-slack-color-mask-after::after, +.debug-with-logo-slack-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-slack-color-mask-before::before, +.debug-with-logo-slack-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-slack-color-svg); + mask-image: var(--logo-slack-color-svg); +} +.debug-with-logo-slack-color-icon-before::before, +.debug-with-logo-slack-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-slack-color-svg); +} + +.debug-with-logo-slack-monochrome-mask-before::before, +.debug-with-logo-slack-monochrome-icon-before::before, +.debug-with-logo-slack-monochrome-mask-after::after, +.debug-with-logo-slack-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-slack-monochrome-mask-before::before, +.debug-with-logo-slack-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-slack-monochrome-svg); + mask-image: var(--logo-slack-monochrome-svg); +} +.debug-with-logo-slack-monochrome-icon-before::before, +.debug-with-logo-slack-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-slack-monochrome-svg); +} + +.debug-with-logo-terraform-color-mask-before::before, +.debug-with-logo-terraform-color-icon-before::before, +.debug-with-logo-terraform-color-mask-after::after, +.debug-with-logo-terraform-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-terraform-color-mask-before::before, +.debug-with-logo-terraform-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-terraform-color-svg); + mask-image: var(--logo-terraform-color-svg); +} +.debug-with-logo-terraform-color-icon-before::before, +.debug-with-logo-terraform-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-terraform-color-svg); +} + +.debug-with-logo-vault-color-mask-before::before, +.debug-with-logo-vault-color-icon-before::before, +.debug-with-logo-vault-color-mask-after::after, +.debug-with-logo-vault-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-vault-color-mask-before::before, +.debug-with-logo-vault-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-vault-color-svg); + mask-image: var(--logo-vault-color-svg); +} +.debug-with-logo-vault-color-icon-before::before, +.debug-with-logo-vault-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-vault-color-svg); +} + +.debug-with-logo-vmware-color-mask-before::before, +.debug-with-logo-vmware-color-icon-before::before, +.debug-with-logo-vmware-color-mask-after::after, +.debug-with-logo-vmware-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-vmware-color-mask-before::before, +.debug-with-logo-vmware-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-vmware-color-svg); + mask-image: var(--logo-vmware-color-svg); +} +.debug-with-logo-vmware-color-icon-before::before, +.debug-with-logo-vmware-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-vmware-color-svg); +} + +.debug-with-logo-vmware-monochrome-mask-before::before, +.debug-with-logo-vmware-monochrome-icon-before::before, +.debug-with-logo-vmware-monochrome-mask-after::after, +.debug-with-logo-vmware-monochrome-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-logo-vmware-monochrome-mask-before::before, +.debug-with-logo-vmware-monochrome-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--logo-vmware-monochrome-svg); + mask-image: var(--logo-vmware-monochrome-svg); +} +.debug-with-logo-vmware-monochrome-icon-before::before, +.debug-with-logo-vmware-monochrome-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--logo-vmware-monochrome-svg); +} + +.debug-with-mail-16-mask-before::before, +.debug-with-mail-16-icon-before::before, +.debug-with-mail-16-mask-after::after, +.debug-with-mail-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mail-16-mask-before::before, +.debug-with-mail-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mail-16-svg); + mask-image: var(--mail-16-svg); +} +.debug-with-mail-16-icon-before::before, +.debug-with-mail-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mail-16-svg); +} + +.debug-with-mail-24-mask-before::before, +.debug-with-mail-24-icon-before::before, +.debug-with-mail-24-mask-after::after, +.debug-with-mail-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mail-24-mask-before::before, +.debug-with-mail-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mail-24-svg); + mask-image: var(--mail-24-svg); +} +.debug-with-mail-24-icon-before::before, +.debug-with-mail-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mail-24-svg); +} + +.debug-with-mail-open-16-mask-before::before, +.debug-with-mail-open-16-icon-before::before, +.debug-with-mail-open-16-mask-after::after, +.debug-with-mail-open-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mail-open-16-mask-before::before, +.debug-with-mail-open-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mail-open-16-svg); + mask-image: var(--mail-open-16-svg); +} +.debug-with-mail-open-16-icon-before::before, +.debug-with-mail-open-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mail-open-16-svg); +} + +.debug-with-mail-open-24-mask-before::before, +.debug-with-mail-open-24-icon-before::before, +.debug-with-mail-open-24-mask-after::after, +.debug-with-mail-open-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mail-open-24-mask-before::before, +.debug-with-mail-open-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mail-open-24-svg); + mask-image: var(--mail-open-24-svg); +} +.debug-with-mail-open-24-icon-before::before, +.debug-with-mail-open-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mail-open-24-svg); +} + +.debug-with-map-16-mask-before::before, +.debug-with-map-16-icon-before::before, +.debug-with-map-16-mask-after::after, +.debug-with-map-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-map-16-mask-before::before, +.debug-with-map-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--map-16-svg); + mask-image: var(--map-16-svg); +} +.debug-with-map-16-icon-before::before, +.debug-with-map-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--map-16-svg); +} + +.debug-with-map-24-mask-before::before, +.debug-with-map-24-icon-before::before, +.debug-with-map-24-mask-after::after, +.debug-with-map-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-map-24-mask-before::before, +.debug-with-map-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--map-24-svg); + mask-image: var(--map-24-svg); +} +.debug-with-map-24-icon-before::before, +.debug-with-map-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--map-24-svg); +} + +.debug-with-map-pin-16-mask-before::before, +.debug-with-map-pin-16-icon-before::before, +.debug-with-map-pin-16-mask-after::after, +.debug-with-map-pin-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-map-pin-16-mask-before::before, +.debug-with-map-pin-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--map-pin-16-svg); + mask-image: var(--map-pin-16-svg); +} +.debug-with-map-pin-16-icon-before::before, +.debug-with-map-pin-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--map-pin-16-svg); +} + +.debug-with-map-pin-24-mask-before::before, +.debug-with-map-pin-24-icon-before::before, +.debug-with-map-pin-24-mask-after::after, +.debug-with-map-pin-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-map-pin-24-mask-before::before, +.debug-with-map-pin-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--map-pin-24-svg); + mask-image: var(--map-pin-24-svg); +} +.debug-with-map-pin-24-icon-before::before, +.debug-with-map-pin-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--map-pin-24-svg); +} + +.debug-with-maximize-16-mask-before::before, +.debug-with-maximize-16-icon-before::before, +.debug-with-maximize-16-mask-after::after, +.debug-with-maximize-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-maximize-16-mask-before::before, +.debug-with-maximize-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--maximize-16-svg); + mask-image: var(--maximize-16-svg); +} +.debug-with-maximize-16-icon-before::before, +.debug-with-maximize-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--maximize-16-svg); +} + +.debug-with-maximize-24-mask-before::before, +.debug-with-maximize-24-icon-before::before, +.debug-with-maximize-24-mask-after::after, +.debug-with-maximize-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-maximize-24-mask-before::before, +.debug-with-maximize-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--maximize-24-svg); + mask-image: var(--maximize-24-svg); +} +.debug-with-maximize-24-icon-before::before, +.debug-with-maximize-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--maximize-24-svg); +} + +.debug-with-maximize-alt-16-mask-before::before, +.debug-with-maximize-alt-16-icon-before::before, +.debug-with-maximize-alt-16-mask-after::after, +.debug-with-maximize-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-maximize-alt-16-mask-before::before, +.debug-with-maximize-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--maximize-alt-16-svg); + mask-image: var(--maximize-alt-16-svg); +} +.debug-with-maximize-alt-16-icon-before::before, +.debug-with-maximize-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--maximize-alt-16-svg); +} + +.debug-with-maximize-alt-24-mask-before::before, +.debug-with-maximize-alt-24-icon-before::before, +.debug-with-maximize-alt-24-mask-after::after, +.debug-with-maximize-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-maximize-alt-24-mask-before::before, +.debug-with-maximize-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--maximize-alt-24-svg); + mask-image: var(--maximize-alt-24-svg); +} +.debug-with-maximize-alt-24-icon-before::before, +.debug-with-maximize-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--maximize-alt-24-svg); +} + +.debug-with-meh-16-mask-before::before, +.debug-with-meh-16-icon-before::before, +.debug-with-meh-16-mask-after::after, +.debug-with-meh-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-meh-16-mask-before::before, +.debug-with-meh-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--meh-16-svg); + mask-image: var(--meh-16-svg); +} +.debug-with-meh-16-icon-before::before, +.debug-with-meh-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--meh-16-svg); +} + +.debug-with-meh-24-mask-before::before, +.debug-with-meh-24-icon-before::before, +.debug-with-meh-24-mask-after::after, +.debug-with-meh-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-meh-24-mask-before::before, +.debug-with-meh-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--meh-24-svg); + mask-image: var(--meh-24-svg); +} +.debug-with-meh-24-icon-before::before, +.debug-with-meh-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--meh-24-svg); +} + +.debug-with-menu-16-mask-before::before, +.debug-with-menu-16-icon-before::before, +.debug-with-menu-16-mask-after::after, +.debug-with-menu-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-menu-16-mask-before::before, +.debug-with-menu-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--menu-16-svg); + mask-image: var(--menu-16-svg); +} +.debug-with-menu-16-icon-before::before, +.debug-with-menu-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--menu-16-svg); +} + +.debug-with-menu-24-mask-before::before, +.debug-with-menu-24-icon-before::before, +.debug-with-menu-24-mask-after::after, +.debug-with-menu-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-menu-24-mask-before::before, +.debug-with-menu-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--menu-24-svg); + mask-image: var(--menu-24-svg); +} +.debug-with-menu-24-icon-before::before, +.debug-with-menu-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--menu-24-svg); +} + +.debug-with-menu-mask-before::before, +.debug-with-menu-icon-before::before, +.debug-with-menu-mask-after::after, +.debug-with-menu-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-menu-mask-before::before, +.debug-with-menu-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--menu-svg); + mask-image: var(--menu-svg); +} +.debug-with-menu-icon-before::before, +.debug-with-menu-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--menu-svg); +} + +.debug-with-mesh-16-mask-before::before, +.debug-with-mesh-16-icon-before::before, +.debug-with-mesh-16-mask-after::after, +.debug-with-mesh-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mesh-16-mask-before::before, +.debug-with-mesh-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mesh-16-svg); + mask-image: var(--mesh-16-svg); +} +.debug-with-mesh-16-icon-before::before, +.debug-with-mesh-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mesh-16-svg); +} + +.debug-with-mesh-24-mask-before::before, +.debug-with-mesh-24-icon-before::before, +.debug-with-mesh-24-mask-after::after, +.debug-with-mesh-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mesh-24-mask-before::before, +.debug-with-mesh-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mesh-24-svg); + mask-image: var(--mesh-24-svg); +} +.debug-with-mesh-24-icon-before::before, +.debug-with-mesh-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mesh-24-svg); +} + +.debug-with-mesh-mask-before::before, +.debug-with-mesh-icon-before::before, +.debug-with-mesh-mask-after::after, +.debug-with-mesh-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mesh-mask-before::before, +.debug-with-mesh-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mesh-svg); + mask-image: var(--mesh-svg); +} +.debug-with-mesh-icon-before::before, +.debug-with-mesh-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mesh-svg); +} + +.debug-with-message-circle-16-mask-before::before, +.debug-with-message-circle-16-icon-before::before, +.debug-with-message-circle-16-mask-after::after, +.debug-with-message-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-circle-16-mask-before::before, +.debug-with-message-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-circle-16-svg); + mask-image: var(--message-circle-16-svg); +} +.debug-with-message-circle-16-icon-before::before, +.debug-with-message-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-circle-16-svg); +} + +.debug-with-message-circle-24-mask-before::before, +.debug-with-message-circle-24-icon-before::before, +.debug-with-message-circle-24-mask-after::after, +.debug-with-message-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-circle-24-mask-before::before, +.debug-with-message-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-circle-24-svg); + mask-image: var(--message-circle-24-svg); +} +.debug-with-message-circle-24-icon-before::before, +.debug-with-message-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-circle-24-svg); +} + +.debug-with-message-circle-fill-16-mask-before::before, +.debug-with-message-circle-fill-16-icon-before::before, +.debug-with-message-circle-fill-16-mask-after::after, +.debug-with-message-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-circle-fill-16-mask-before::before, +.debug-with-message-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-circle-fill-16-svg); + mask-image: var(--message-circle-fill-16-svg); +} +.debug-with-message-circle-fill-16-icon-before::before, +.debug-with-message-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-circle-fill-16-svg); +} + +.debug-with-message-circle-fill-24-mask-before::before, +.debug-with-message-circle-fill-24-icon-before::before, +.debug-with-message-circle-fill-24-mask-after::after, +.debug-with-message-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-circle-fill-24-mask-before::before, +.debug-with-message-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-circle-fill-24-svg); + mask-image: var(--message-circle-fill-24-svg); +} +.debug-with-message-circle-fill-24-icon-before::before, +.debug-with-message-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-circle-fill-24-svg); +} + +.debug-with-message-square-16-mask-before::before, +.debug-with-message-square-16-icon-before::before, +.debug-with-message-square-16-mask-after::after, +.debug-with-message-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-square-16-mask-before::before, +.debug-with-message-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-square-16-svg); + mask-image: var(--message-square-16-svg); +} +.debug-with-message-square-16-icon-before::before, +.debug-with-message-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-square-16-svg); +} + +.debug-with-message-square-24-mask-before::before, +.debug-with-message-square-24-icon-before::before, +.debug-with-message-square-24-mask-after::after, +.debug-with-message-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-square-24-mask-before::before, +.debug-with-message-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-square-24-svg); + mask-image: var(--message-square-24-svg); +} +.debug-with-message-square-24-icon-before::before, +.debug-with-message-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-square-24-svg); +} + +.debug-with-message-square-fill-16-mask-before::before, +.debug-with-message-square-fill-16-icon-before::before, +.debug-with-message-square-fill-16-mask-after::after, +.debug-with-message-square-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-square-fill-16-mask-before::before, +.debug-with-message-square-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-square-fill-16-svg); + mask-image: var(--message-square-fill-16-svg); +} +.debug-with-message-square-fill-16-icon-before::before, +.debug-with-message-square-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-square-fill-16-svg); +} + +.debug-with-message-square-fill-24-mask-before::before, +.debug-with-message-square-fill-24-icon-before::before, +.debug-with-message-square-fill-24-mask-after::after, +.debug-with-message-square-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-square-fill-24-mask-before::before, +.debug-with-message-square-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-square-fill-24-svg); + mask-image: var(--message-square-fill-24-svg); +} +.debug-with-message-square-fill-24-icon-before::before, +.debug-with-message-square-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-square-fill-24-svg); +} + +.debug-with-message-mask-before::before, +.debug-with-message-icon-before::before, +.debug-with-message-mask-after::after, +.debug-with-message-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-message-mask-before::before, +.debug-with-message-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--message-svg); + mask-image: var(--message-svg); +} +.debug-with-message-icon-before::before, +.debug-with-message-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--message-svg); +} + +.debug-with-mic-16-mask-before::before, +.debug-with-mic-16-icon-before::before, +.debug-with-mic-16-mask-after::after, +.debug-with-mic-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mic-16-mask-before::before, +.debug-with-mic-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mic-16-svg); + mask-image: var(--mic-16-svg); +} +.debug-with-mic-16-icon-before::before, +.debug-with-mic-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mic-16-svg); +} + +.debug-with-mic-24-mask-before::before, +.debug-with-mic-24-icon-before::before, +.debug-with-mic-24-mask-after::after, +.debug-with-mic-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mic-24-mask-before::before, +.debug-with-mic-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mic-24-svg); + mask-image: var(--mic-24-svg); +} +.debug-with-mic-24-icon-before::before, +.debug-with-mic-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mic-24-svg); +} + +.debug-with-mic-off-16-mask-before::before, +.debug-with-mic-off-16-icon-before::before, +.debug-with-mic-off-16-mask-after::after, +.debug-with-mic-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mic-off-16-mask-before::before, +.debug-with-mic-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mic-off-16-svg); + mask-image: var(--mic-off-16-svg); +} +.debug-with-mic-off-16-icon-before::before, +.debug-with-mic-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mic-off-16-svg); +} + +.debug-with-mic-off-24-mask-before::before, +.debug-with-mic-off-24-icon-before::before, +.debug-with-mic-off-24-mask-after::after, +.debug-with-mic-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mic-off-24-mask-before::before, +.debug-with-mic-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mic-off-24-svg); + mask-image: var(--mic-off-24-svg); +} +.debug-with-mic-off-24-icon-before::before, +.debug-with-mic-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mic-off-24-svg); +} + +.debug-with-microsoft-16-mask-before::before, +.debug-with-microsoft-16-icon-before::before, +.debug-with-microsoft-16-mask-after::after, +.debug-with-microsoft-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-microsoft-16-mask-before::before, +.debug-with-microsoft-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--microsoft-16-svg); + mask-image: var(--microsoft-16-svg); +} +.debug-with-microsoft-16-icon-before::before, +.debug-with-microsoft-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--microsoft-16-svg); +} + +.debug-with-microsoft-24-mask-before::before, +.debug-with-microsoft-24-icon-before::before, +.debug-with-microsoft-24-mask-after::after, +.debug-with-microsoft-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-microsoft-24-mask-before::before, +.debug-with-microsoft-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--microsoft-24-svg); + mask-image: var(--microsoft-24-svg); +} +.debug-with-microsoft-24-icon-before::before, +.debug-with-microsoft-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--microsoft-24-svg); +} + +.debug-with-microsoft-color-16-mask-before::before, +.debug-with-microsoft-color-16-icon-before::before, +.debug-with-microsoft-color-16-mask-after::after, +.debug-with-microsoft-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-microsoft-color-16-mask-before::before, +.debug-with-microsoft-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--microsoft-color-16-svg); + mask-image: var(--microsoft-color-16-svg); +} +.debug-with-microsoft-color-16-icon-before::before, +.debug-with-microsoft-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--microsoft-color-16-svg); +} + +.debug-with-microsoft-color-24-mask-before::before, +.debug-with-microsoft-color-24-icon-before::before, +.debug-with-microsoft-color-24-mask-after::after, +.debug-with-microsoft-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-microsoft-color-24-mask-before::before, +.debug-with-microsoft-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--microsoft-color-24-svg); + mask-image: var(--microsoft-color-24-svg); +} +.debug-with-microsoft-color-24-icon-before::before, +.debug-with-microsoft-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--microsoft-color-24-svg); +} + +.debug-with-migrate-16-mask-before::before, +.debug-with-migrate-16-icon-before::before, +.debug-with-migrate-16-mask-after::after, +.debug-with-migrate-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-migrate-16-mask-before::before, +.debug-with-migrate-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--migrate-16-svg); + mask-image: var(--migrate-16-svg); +} +.debug-with-migrate-16-icon-before::before, +.debug-with-migrate-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--migrate-16-svg); +} + +.debug-with-migrate-24-mask-before::before, +.debug-with-migrate-24-icon-before::before, +.debug-with-migrate-24-mask-after::after, +.debug-with-migrate-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-migrate-24-mask-before::before, +.debug-with-migrate-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--migrate-24-svg); + mask-image: var(--migrate-24-svg); +} +.debug-with-migrate-24-icon-before::before, +.debug-with-migrate-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--migrate-24-svg); +} + +.debug-with-minimize-16-mask-before::before, +.debug-with-minimize-16-icon-before::before, +.debug-with-minimize-16-mask-after::after, +.debug-with-minimize-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minimize-16-mask-before::before, +.debug-with-minimize-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minimize-16-svg); + mask-image: var(--minimize-16-svg); +} +.debug-with-minimize-16-icon-before::before, +.debug-with-minimize-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minimize-16-svg); +} + +.debug-with-minimize-24-mask-before::before, +.debug-with-minimize-24-icon-before::before, +.debug-with-minimize-24-mask-after::after, +.debug-with-minimize-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minimize-24-mask-before::before, +.debug-with-minimize-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minimize-24-svg); + mask-image: var(--minimize-24-svg); +} +.debug-with-minimize-24-icon-before::before, +.debug-with-minimize-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minimize-24-svg); +} + +.debug-with-minimize-alt-16-mask-before::before, +.debug-with-minimize-alt-16-icon-before::before, +.debug-with-minimize-alt-16-mask-after::after, +.debug-with-minimize-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minimize-alt-16-mask-before::before, +.debug-with-minimize-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minimize-alt-16-svg); + mask-image: var(--minimize-alt-16-svg); +} +.debug-with-minimize-alt-16-icon-before::before, +.debug-with-minimize-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minimize-alt-16-svg); +} + +.debug-with-minimize-alt-24-mask-before::before, +.debug-with-minimize-alt-24-icon-before::before, +.debug-with-minimize-alt-24-mask-after::after, +.debug-with-minimize-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minimize-alt-24-mask-before::before, +.debug-with-minimize-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minimize-alt-24-svg); + mask-image: var(--minimize-alt-24-svg); +} +.debug-with-minimize-alt-24-icon-before::before, +.debug-with-minimize-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minimize-alt-24-svg); +} + +.debug-with-minus-16-mask-before::before, +.debug-with-minus-16-icon-before::before, +.debug-with-minus-16-mask-after::after, +.debug-with-minus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-16-mask-before::before, +.debug-with-minus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-16-svg); + mask-image: var(--minus-16-svg); +} +.debug-with-minus-16-icon-before::before, +.debug-with-minus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-16-svg); +} + +.debug-with-minus-24-mask-before::before, +.debug-with-minus-24-icon-before::before, +.debug-with-minus-24-mask-after::after, +.debug-with-minus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-24-mask-before::before, +.debug-with-minus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-24-svg); + mask-image: var(--minus-24-svg); +} +.debug-with-minus-24-icon-before::before, +.debug-with-minus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-24-svg); +} + +.debug-with-minus-circle-16-mask-before::before, +.debug-with-minus-circle-16-icon-before::before, +.debug-with-minus-circle-16-mask-after::after, +.debug-with-minus-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-circle-16-mask-before::before, +.debug-with-minus-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-circle-16-svg); + mask-image: var(--minus-circle-16-svg); +} +.debug-with-minus-circle-16-icon-before::before, +.debug-with-minus-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-circle-16-svg); +} + +.debug-with-minus-circle-24-mask-before::before, +.debug-with-minus-circle-24-icon-before::before, +.debug-with-minus-circle-24-mask-after::after, +.debug-with-minus-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-circle-24-mask-before::before, +.debug-with-minus-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-circle-24-svg); + mask-image: var(--minus-circle-24-svg); +} +.debug-with-minus-circle-24-icon-before::before, +.debug-with-minus-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-circle-24-svg); +} + +.debug-with-minus-circle-fill-mask-before::before, +.debug-with-minus-circle-fill-icon-before::before, +.debug-with-minus-circle-fill-mask-after::after, +.debug-with-minus-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-circle-fill-mask-before::before, +.debug-with-minus-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-circle-fill-svg); + mask-image: var(--minus-circle-fill-svg); +} +.debug-with-minus-circle-fill-icon-before::before, +.debug-with-minus-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-circle-fill-svg); +} + +.debug-with-minus-circle-outline-mask-before::before, +.debug-with-minus-circle-outline-icon-before::before, +.debug-with-minus-circle-outline-mask-after::after, +.debug-with-minus-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-circle-outline-mask-before::before, +.debug-with-minus-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-circle-outline-svg); + mask-image: var(--minus-circle-outline-svg); +} +.debug-with-minus-circle-outline-icon-before::before, +.debug-with-minus-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-circle-outline-svg); +} + +.debug-with-minus-plain-mask-before::before, +.debug-with-minus-plain-icon-before::before, +.debug-with-minus-plain-mask-after::after, +.debug-with-minus-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plain-mask-before::before, +.debug-with-minus-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plain-svg); + mask-image: var(--minus-plain-svg); +} +.debug-with-minus-plain-icon-before::before, +.debug-with-minus-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plain-svg); +} + +.debug-with-minus-plus-16-mask-before::before, +.debug-with-minus-plus-16-icon-before::before, +.debug-with-minus-plus-16-mask-after::after, +.debug-with-minus-plus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-16-mask-before::before, +.debug-with-minus-plus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-16-svg); + mask-image: var(--minus-plus-16-svg); +} +.debug-with-minus-plus-16-icon-before::before, +.debug-with-minus-plus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-16-svg); +} + +.debug-with-minus-plus-24-mask-before::before, +.debug-with-minus-plus-24-icon-before::before, +.debug-with-minus-plus-24-mask-after::after, +.debug-with-minus-plus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-24-mask-before::before, +.debug-with-minus-plus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-24-svg); + mask-image: var(--minus-plus-24-svg); +} +.debug-with-minus-plus-24-icon-before::before, +.debug-with-minus-plus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-24-svg); +} + +.debug-with-minus-plus-circle-16-mask-before::before, +.debug-with-minus-plus-circle-16-icon-before::before, +.debug-with-minus-plus-circle-16-mask-after::after, +.debug-with-minus-plus-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-circle-16-mask-before::before, +.debug-with-minus-plus-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-circle-16-svg); + mask-image: var(--minus-plus-circle-16-svg); +} +.debug-with-minus-plus-circle-16-icon-before::before, +.debug-with-minus-plus-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-circle-16-svg); +} + +.debug-with-minus-plus-circle-24-mask-before::before, +.debug-with-minus-plus-circle-24-icon-before::before, +.debug-with-minus-plus-circle-24-mask-after::after, +.debug-with-minus-plus-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-circle-24-mask-before::before, +.debug-with-minus-plus-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-circle-24-svg); + mask-image: var(--minus-plus-circle-24-svg); +} +.debug-with-minus-plus-circle-24-icon-before::before, +.debug-with-minus-plus-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-circle-24-svg); +} + +.debug-with-minus-plus-square-16-mask-before::before, +.debug-with-minus-plus-square-16-icon-before::before, +.debug-with-minus-plus-square-16-mask-after::after, +.debug-with-minus-plus-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-square-16-mask-before::before, +.debug-with-minus-plus-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-square-16-svg); + mask-image: var(--minus-plus-square-16-svg); +} +.debug-with-minus-plus-square-16-icon-before::before, +.debug-with-minus-plus-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-square-16-svg); +} + +.debug-with-minus-plus-square-24-mask-before::before, +.debug-with-minus-plus-square-24-icon-before::before, +.debug-with-minus-plus-square-24-mask-after::after, +.debug-with-minus-plus-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-plus-square-24-mask-before::before, +.debug-with-minus-plus-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-plus-square-24-svg); + mask-image: var(--minus-plus-square-24-svg); +} +.debug-with-minus-plus-square-24-icon-before::before, +.debug-with-minus-plus-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-plus-square-24-svg); +} + +.debug-with-minus-square-16-mask-before::before, +.debug-with-minus-square-16-icon-before::before, +.debug-with-minus-square-16-mask-after::after, +.debug-with-minus-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-square-16-mask-before::before, +.debug-with-minus-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-square-16-svg); + mask-image: var(--minus-square-16-svg); +} +.debug-with-minus-square-16-icon-before::before, +.debug-with-minus-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-square-16-svg); +} + +.debug-with-minus-square-24-mask-before::before, +.debug-with-minus-square-24-icon-before::before, +.debug-with-minus-square-24-mask-after::after, +.debug-with-minus-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-square-24-mask-before::before, +.debug-with-minus-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-square-24-svg); + mask-image: var(--minus-square-24-svg); +} +.debug-with-minus-square-24-icon-before::before, +.debug-with-minus-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-square-24-svg); +} + +.debug-with-minus-square-fill-mask-before::before, +.debug-with-minus-square-fill-icon-before::before, +.debug-with-minus-square-fill-mask-after::after, +.debug-with-minus-square-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-minus-square-fill-mask-before::before, +.debug-with-minus-square-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--minus-square-fill-svg); + mask-image: var(--minus-square-fill-svg); +} +.debug-with-minus-square-fill-icon-before::before, +.debug-with-minus-square-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--minus-square-fill-svg); +} + +.debug-with-module-16-mask-before::before, +.debug-with-module-16-icon-before::before, +.debug-with-module-16-mask-after::after, +.debug-with-module-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-module-16-mask-before::before, +.debug-with-module-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--module-16-svg); + mask-image: var(--module-16-svg); +} +.debug-with-module-16-icon-before::before, +.debug-with-module-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--module-16-svg); +} + +.debug-with-module-24-mask-before::before, +.debug-with-module-24-icon-before::before, +.debug-with-module-24-mask-after::after, +.debug-with-module-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-module-24-mask-before::before, +.debug-with-module-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--module-24-svg); + mask-image: var(--module-24-svg); +} +.debug-with-module-24-icon-before::before, +.debug-with-module-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--module-24-svg); +} + +.debug-with-module-mask-before::before, +.debug-with-module-icon-before::before, +.debug-with-module-mask-after::after, +.debug-with-module-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-module-mask-before::before, +.debug-with-module-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--module-svg); + mask-image: var(--module-svg); +} +.debug-with-module-icon-before::before, +.debug-with-module-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--module-svg); +} + +.debug-with-monitor-16-mask-before::before, +.debug-with-monitor-16-icon-before::before, +.debug-with-monitor-16-mask-after::after, +.debug-with-monitor-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-monitor-16-mask-before::before, +.debug-with-monitor-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--monitor-16-svg); + mask-image: var(--monitor-16-svg); +} +.debug-with-monitor-16-icon-before::before, +.debug-with-monitor-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--monitor-16-svg); +} + +.debug-with-monitor-24-mask-before::before, +.debug-with-monitor-24-icon-before::before, +.debug-with-monitor-24-mask-after::after, +.debug-with-monitor-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-monitor-24-mask-before::before, +.debug-with-monitor-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--monitor-24-svg); + mask-image: var(--monitor-24-svg); +} +.debug-with-monitor-24-icon-before::before, +.debug-with-monitor-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--monitor-24-svg); +} + +.debug-with-moon-16-mask-before::before, +.debug-with-moon-16-icon-before::before, +.debug-with-moon-16-mask-after::after, +.debug-with-moon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-moon-16-mask-before::before, +.debug-with-moon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--moon-16-svg); + mask-image: var(--moon-16-svg); +} +.debug-with-moon-16-icon-before::before, +.debug-with-moon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--moon-16-svg); +} + +.debug-with-moon-24-mask-before::before, +.debug-with-moon-24-icon-before::before, +.debug-with-moon-24-mask-after::after, +.debug-with-moon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-moon-24-mask-before::before, +.debug-with-moon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--moon-24-svg); + mask-image: var(--moon-24-svg); +} +.debug-with-moon-24-icon-before::before, +.debug-with-moon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--moon-24-svg); +} + +.debug-with-more-horizontal-16-mask-before::before, +.debug-with-more-horizontal-16-icon-before::before, +.debug-with-more-horizontal-16-mask-after::after, +.debug-with-more-horizontal-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-horizontal-16-mask-before::before, +.debug-with-more-horizontal-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-horizontal-16-svg); + mask-image: var(--more-horizontal-16-svg); +} +.debug-with-more-horizontal-16-icon-before::before, +.debug-with-more-horizontal-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-horizontal-16-svg); +} + +.debug-with-more-horizontal-24-mask-before::before, +.debug-with-more-horizontal-24-icon-before::before, +.debug-with-more-horizontal-24-mask-after::after, +.debug-with-more-horizontal-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-horizontal-24-mask-before::before, +.debug-with-more-horizontal-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-horizontal-24-svg); + mask-image: var(--more-horizontal-24-svg); +} +.debug-with-more-horizontal-24-icon-before::before, +.debug-with-more-horizontal-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-horizontal-24-svg); +} + +.debug-with-more-horizontal-mask-before::before, +.debug-with-more-horizontal-icon-before::before, +.debug-with-more-horizontal-mask-after::after, +.debug-with-more-horizontal-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-horizontal-mask-before::before, +.debug-with-more-horizontal-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-horizontal-svg); + mask-image: var(--more-horizontal-svg); +} +.debug-with-more-horizontal-icon-before::before, +.debug-with-more-horizontal-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-horizontal-svg); +} + +.debug-with-more-vertical-16-mask-before::before, +.debug-with-more-vertical-16-icon-before::before, +.debug-with-more-vertical-16-mask-after::after, +.debug-with-more-vertical-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-vertical-16-mask-before::before, +.debug-with-more-vertical-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-vertical-16-svg); + mask-image: var(--more-vertical-16-svg); +} +.debug-with-more-vertical-16-icon-before::before, +.debug-with-more-vertical-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-vertical-16-svg); +} + +.debug-with-more-vertical-24-mask-before::before, +.debug-with-more-vertical-24-icon-before::before, +.debug-with-more-vertical-24-mask-after::after, +.debug-with-more-vertical-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-vertical-24-mask-before::before, +.debug-with-more-vertical-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-vertical-24-svg); + mask-image: var(--more-vertical-24-svg); +} +.debug-with-more-vertical-24-icon-before::before, +.debug-with-more-vertical-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-vertical-24-svg); +} + +.debug-with-more-vertical-mask-before::before, +.debug-with-more-vertical-icon-before::before, +.debug-with-more-vertical-mask-after::after, +.debug-with-more-vertical-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-more-vertical-mask-before::before, +.debug-with-more-vertical-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--more-vertical-svg); + mask-image: var(--more-vertical-svg); +} +.debug-with-more-vertical-icon-before::before, +.debug-with-more-vertical-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--more-vertical-svg); +} + +.debug-with-mouse-pointer-16-mask-before::before, +.debug-with-mouse-pointer-16-icon-before::before, +.debug-with-mouse-pointer-16-mask-after::after, +.debug-with-mouse-pointer-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mouse-pointer-16-mask-before::before, +.debug-with-mouse-pointer-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mouse-pointer-16-svg); + mask-image: var(--mouse-pointer-16-svg); +} +.debug-with-mouse-pointer-16-icon-before::before, +.debug-with-mouse-pointer-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mouse-pointer-16-svg); +} + +.debug-with-mouse-pointer-24-mask-before::before, +.debug-with-mouse-pointer-24-icon-before::before, +.debug-with-mouse-pointer-24-mask-after::after, +.debug-with-mouse-pointer-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-mouse-pointer-24-mask-before::before, +.debug-with-mouse-pointer-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--mouse-pointer-24-svg); + mask-image: var(--mouse-pointer-24-svg); +} +.debug-with-mouse-pointer-24-icon-before::before, +.debug-with-mouse-pointer-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--mouse-pointer-24-svg); +} + +.debug-with-move-16-mask-before::before, +.debug-with-move-16-icon-before::before, +.debug-with-move-16-mask-after::after, +.debug-with-move-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-move-16-mask-before::before, +.debug-with-move-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--move-16-svg); + mask-image: var(--move-16-svg); +} +.debug-with-move-16-icon-before::before, +.debug-with-move-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--move-16-svg); +} + +.debug-with-move-24-mask-before::before, +.debug-with-move-24-icon-before::before, +.debug-with-move-24-mask-after::after, +.debug-with-move-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-move-24-mask-before::before, +.debug-with-move-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--move-24-svg); + mask-image: var(--move-24-svg); +} +.debug-with-move-24-icon-before::before, +.debug-with-move-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--move-24-svg); +} + +.debug-with-music-16-mask-before::before, +.debug-with-music-16-icon-before::before, +.debug-with-music-16-mask-after::after, +.debug-with-music-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-music-16-mask-before::before, +.debug-with-music-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--music-16-svg); + mask-image: var(--music-16-svg); +} +.debug-with-music-16-icon-before::before, +.debug-with-music-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--music-16-svg); +} + +.debug-with-music-24-mask-before::before, +.debug-with-music-24-icon-before::before, +.debug-with-music-24-mask-after::after, +.debug-with-music-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-music-24-mask-before::before, +.debug-with-music-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--music-24-svg); + mask-image: var(--music-24-svg); +} +.debug-with-music-24-icon-before::before, +.debug-with-music-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--music-24-svg); +} + +.debug-with-navigation-16-mask-before::before, +.debug-with-navigation-16-icon-before::before, +.debug-with-navigation-16-mask-after::after, +.debug-with-navigation-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-navigation-16-mask-before::before, +.debug-with-navigation-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--navigation-16-svg); + mask-image: var(--navigation-16-svg); +} +.debug-with-navigation-16-icon-before::before, +.debug-with-navigation-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--navigation-16-svg); +} + +.debug-with-navigation-24-mask-before::before, +.debug-with-navigation-24-icon-before::before, +.debug-with-navigation-24-mask-after::after, +.debug-with-navigation-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-navigation-24-mask-before::before, +.debug-with-navigation-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--navigation-24-svg); + mask-image: var(--navigation-24-svg); +} +.debug-with-navigation-24-icon-before::before, +.debug-with-navigation-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--navigation-24-svg); +} + +.debug-with-navigation-alt-16-mask-before::before, +.debug-with-navigation-alt-16-icon-before::before, +.debug-with-navigation-alt-16-mask-after::after, +.debug-with-navigation-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-navigation-alt-16-mask-before::before, +.debug-with-navigation-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--navigation-alt-16-svg); + mask-image: var(--navigation-alt-16-svg); +} +.debug-with-navigation-alt-16-icon-before::before, +.debug-with-navigation-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--navigation-alt-16-svg); +} + +.debug-with-navigation-alt-24-mask-before::before, +.debug-with-navigation-alt-24-icon-before::before, +.debug-with-navigation-alt-24-mask-after::after, +.debug-with-navigation-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-navigation-alt-24-mask-before::before, +.debug-with-navigation-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--navigation-alt-24-svg); + mask-image: var(--navigation-alt-24-svg); +} +.debug-with-navigation-alt-24-icon-before::before, +.debug-with-navigation-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--navigation-alt-24-svg); +} + +.debug-with-network-16-mask-before::before, +.debug-with-network-16-icon-before::before, +.debug-with-network-16-mask-after::after, +.debug-with-network-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-network-16-mask-before::before, +.debug-with-network-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--network-16-svg); + mask-image: var(--network-16-svg); +} +.debug-with-network-16-icon-before::before, +.debug-with-network-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--network-16-svg); +} + +.debug-with-network-24-mask-before::before, +.debug-with-network-24-icon-before::before, +.debug-with-network-24-mask-after::after, +.debug-with-network-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-network-24-mask-before::before, +.debug-with-network-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--network-24-svg); + mask-image: var(--network-24-svg); +} +.debug-with-network-24-icon-before::before, +.debug-with-network-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--network-24-svg); +} + +.debug-with-network-alt-16-mask-before::before, +.debug-with-network-alt-16-icon-before::before, +.debug-with-network-alt-16-mask-after::after, +.debug-with-network-alt-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-network-alt-16-mask-before::before, +.debug-with-network-alt-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--network-alt-16-svg); + mask-image: var(--network-alt-16-svg); +} +.debug-with-network-alt-16-icon-before::before, +.debug-with-network-alt-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--network-alt-16-svg); +} + +.debug-with-network-alt-24-mask-before::before, +.debug-with-network-alt-24-icon-before::before, +.debug-with-network-alt-24-mask-after::after, +.debug-with-network-alt-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-network-alt-24-mask-before::before, +.debug-with-network-alt-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--network-alt-24-svg); + mask-image: var(--network-alt-24-svg); +} +.debug-with-network-alt-24-icon-before::before, +.debug-with-network-alt-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--network-alt-24-svg); +} + +.debug-with-newspaper-16-mask-before::before, +.debug-with-newspaper-16-icon-before::before, +.debug-with-newspaper-16-mask-after::after, +.debug-with-newspaper-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-newspaper-16-mask-before::before, +.debug-with-newspaper-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--newspaper-16-svg); + mask-image: var(--newspaper-16-svg); +} +.debug-with-newspaper-16-icon-before::before, +.debug-with-newspaper-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--newspaper-16-svg); +} + +.debug-with-newspaper-24-mask-before::before, +.debug-with-newspaper-24-icon-before::before, +.debug-with-newspaper-24-mask-after::after, +.debug-with-newspaper-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-newspaper-24-mask-before::before, +.debug-with-newspaper-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--newspaper-24-svg); + mask-image: var(--newspaper-24-svg); +} +.debug-with-newspaper-24-icon-before::before, +.debug-with-newspaper-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--newspaper-24-svg); +} + +.debug-with-node-16-mask-before::before, +.debug-with-node-16-icon-before::before, +.debug-with-node-16-mask-after::after, +.debug-with-node-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-node-16-mask-before::before, +.debug-with-node-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--node-16-svg); + mask-image: var(--node-16-svg); +} +.debug-with-node-16-icon-before::before, +.debug-with-node-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--node-16-svg); +} + +.debug-with-node-24-mask-before::before, +.debug-with-node-24-icon-before::before, +.debug-with-node-24-mask-after::after, +.debug-with-node-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-node-24-mask-before::before, +.debug-with-node-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--node-24-svg); + mask-image: var(--node-24-svg); +} +.debug-with-node-24-icon-before::before, +.debug-with-node-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--node-24-svg); +} + +.debug-with-notification-disabled-mask-before::before, +.debug-with-notification-disabled-icon-before::before, +.debug-with-notification-disabled-mask-after::after, +.debug-with-notification-disabled-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-notification-disabled-mask-before::before, +.debug-with-notification-disabled-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--notification-disabled-svg); + mask-image: var(--notification-disabled-svg); +} +.debug-with-notification-disabled-icon-before::before, +.debug-with-notification-disabled-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--notification-disabled-svg); +} + +.debug-with-notification-fill-mask-before::before, +.debug-with-notification-fill-icon-before::before, +.debug-with-notification-fill-mask-after::after, +.debug-with-notification-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-notification-fill-mask-before::before, +.debug-with-notification-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--notification-fill-svg); + mask-image: var(--notification-fill-svg); +} +.debug-with-notification-fill-icon-before::before, +.debug-with-notification-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--notification-fill-svg); +} + +.debug-with-notification-outline-mask-before::before, +.debug-with-notification-outline-icon-before::before, +.debug-with-notification-outline-mask-after::after, +.debug-with-notification-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-notification-outline-mask-before::before, +.debug-with-notification-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--notification-outline-svg); + mask-image: var(--notification-outline-svg); +} +.debug-with-notification-outline-icon-before::before, +.debug-with-notification-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--notification-outline-svg); +} + +.debug-with-octagon-16-mask-before::before, +.debug-with-octagon-16-icon-before::before, +.debug-with-octagon-16-mask-after::after, +.debug-with-octagon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-octagon-16-mask-before::before, +.debug-with-octagon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--octagon-16-svg); + mask-image: var(--octagon-16-svg); +} +.debug-with-octagon-16-icon-before::before, +.debug-with-octagon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--octagon-16-svg); +} + +.debug-with-octagon-24-mask-before::before, +.debug-with-octagon-24-icon-before::before, +.debug-with-octagon-24-mask-after::after, +.debug-with-octagon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-octagon-24-mask-before::before, +.debug-with-octagon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--octagon-24-svg); + mask-image: var(--octagon-24-svg); +} +.debug-with-octagon-24-icon-before::before, +.debug-with-octagon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--octagon-24-svg); +} + +.debug-with-okta-16-mask-before::before, +.debug-with-okta-16-icon-before::before, +.debug-with-okta-16-mask-after::after, +.debug-with-okta-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-okta-16-mask-before::before, +.debug-with-okta-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--okta-16-svg); + mask-image: var(--okta-16-svg); +} +.debug-with-okta-16-icon-before::before, +.debug-with-okta-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--okta-16-svg); +} + +.debug-with-okta-24-mask-before::before, +.debug-with-okta-24-icon-before::before, +.debug-with-okta-24-mask-after::after, +.debug-with-okta-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-okta-24-mask-before::before, +.debug-with-okta-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--okta-24-svg); + mask-image: var(--okta-24-svg); +} +.debug-with-okta-24-icon-before::before, +.debug-with-okta-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--okta-24-svg); +} + +.debug-with-okta-color-16-mask-before::before, +.debug-with-okta-color-16-icon-before::before, +.debug-with-okta-color-16-mask-after::after, +.debug-with-okta-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-okta-color-16-mask-before::before, +.debug-with-okta-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--okta-color-16-svg); + mask-image: var(--okta-color-16-svg); +} +.debug-with-okta-color-16-icon-before::before, +.debug-with-okta-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--okta-color-16-svg); +} + +.debug-with-okta-color-24-mask-before::before, +.debug-with-okta-color-24-icon-before::before, +.debug-with-okta-color-24-mask-after::after, +.debug-with-okta-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-okta-color-24-mask-before::before, +.debug-with-okta-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--okta-color-24-svg); + mask-image: var(--okta-color-24-svg); +} +.debug-with-okta-color-24-icon-before::before, +.debug-with-okta-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--okta-color-24-svg); +} + +.debug-with-oracle-16-mask-before::before, +.debug-with-oracle-16-icon-before::before, +.debug-with-oracle-16-mask-after::after, +.debug-with-oracle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-oracle-16-mask-before::before, +.debug-with-oracle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--oracle-16-svg); + mask-image: var(--oracle-16-svg); +} +.debug-with-oracle-16-icon-before::before, +.debug-with-oracle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--oracle-16-svg); +} + +.debug-with-oracle-24-mask-before::before, +.debug-with-oracle-24-icon-before::before, +.debug-with-oracle-24-mask-after::after, +.debug-with-oracle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-oracle-24-mask-before::before, +.debug-with-oracle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--oracle-24-svg); + mask-image: var(--oracle-24-svg); +} +.debug-with-oracle-24-icon-before::before, +.debug-with-oracle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--oracle-24-svg); +} + +.debug-with-oracle-color-16-mask-before::before, +.debug-with-oracle-color-16-icon-before::before, +.debug-with-oracle-color-16-mask-after::after, +.debug-with-oracle-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-oracle-color-16-mask-before::before, +.debug-with-oracle-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--oracle-color-16-svg); + mask-image: var(--oracle-color-16-svg); +} +.debug-with-oracle-color-16-icon-before::before, +.debug-with-oracle-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--oracle-color-16-svg); +} + +.debug-with-oracle-color-24-mask-before::before, +.debug-with-oracle-color-24-icon-before::before, +.debug-with-oracle-color-24-mask-after::after, +.debug-with-oracle-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-oracle-color-24-mask-before::before, +.debug-with-oracle-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--oracle-color-24-svg); + mask-image: var(--oracle-color-24-svg); +} +.debug-with-oracle-color-24-icon-before::before, +.debug-with-oracle-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--oracle-color-24-svg); +} + +.debug-with-org-16-mask-before::before, +.debug-with-org-16-icon-before::before, +.debug-with-org-16-mask-after::after, +.debug-with-org-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-org-16-mask-before::before, +.debug-with-org-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--org-16-svg); + mask-image: var(--org-16-svg); +} +.debug-with-org-16-icon-before::before, +.debug-with-org-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--org-16-svg); +} + +.debug-with-org-24-mask-before::before, +.debug-with-org-24-icon-before::before, +.debug-with-org-24-mask-after::after, +.debug-with-org-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-org-24-mask-before::before, +.debug-with-org-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--org-24-svg); + mask-image: var(--org-24-svg); +} +.debug-with-org-24-icon-before::before, +.debug-with-org-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--org-24-svg); +} + +.debug-with-outline-16-mask-before::before, +.debug-with-outline-16-icon-before::before, +.debug-with-outline-16-mask-after::after, +.debug-with-outline-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-outline-16-mask-before::before, +.debug-with-outline-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--outline-16-svg); + mask-image: var(--outline-16-svg); +} +.debug-with-outline-16-icon-before::before, +.debug-with-outline-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--outline-16-svg); +} + +.debug-with-outline-24-mask-before::before, +.debug-with-outline-24-icon-before::before, +.debug-with-outline-24-mask-after::after, +.debug-with-outline-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-outline-24-mask-before::before, +.debug-with-outline-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--outline-24-svg); + mask-image: var(--outline-24-svg); +} +.debug-with-outline-24-icon-before::before, +.debug-with-outline-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--outline-24-svg); +} + +.debug-with-outline-mask-before::before, +.debug-with-outline-icon-before::before, +.debug-with-outline-mask-after::after, +.debug-with-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-outline-mask-before::before, +.debug-with-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--outline-svg); + mask-image: var(--outline-svg); +} +.debug-with-outline-icon-before::before, +.debug-with-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--outline-svg); +} + +.debug-with-package-16-mask-before::before, +.debug-with-package-16-icon-before::before, +.debug-with-package-16-mask-after::after, +.debug-with-package-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-package-16-mask-before::before, +.debug-with-package-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--package-16-svg); + mask-image: var(--package-16-svg); +} +.debug-with-package-16-icon-before::before, +.debug-with-package-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--package-16-svg); +} + +.debug-with-package-24-mask-before::before, +.debug-with-package-24-icon-before::before, +.debug-with-package-24-mask-after::after, +.debug-with-package-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-package-24-mask-before::before, +.debug-with-package-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--package-24-svg); + mask-image: var(--package-24-svg); +} +.debug-with-package-24-icon-before::before, +.debug-with-package-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--package-24-svg); +} + +.debug-with-page-outline-mask-before::before, +.debug-with-page-outline-icon-before::before, +.debug-with-page-outline-mask-after::after, +.debug-with-page-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-page-outline-mask-before::before, +.debug-with-page-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--page-outline-svg); + mask-image: var(--page-outline-svg); +} +.debug-with-page-outline-icon-before::before, +.debug-with-page-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--page-outline-svg); +} + +.debug-with-paperclip-16-mask-before::before, +.debug-with-paperclip-16-icon-before::before, +.debug-with-paperclip-16-mask-after::after, +.debug-with-paperclip-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-paperclip-16-mask-before::before, +.debug-with-paperclip-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--paperclip-16-svg); + mask-image: var(--paperclip-16-svg); +} +.debug-with-paperclip-16-icon-before::before, +.debug-with-paperclip-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--paperclip-16-svg); +} + +.debug-with-paperclip-24-mask-before::before, +.debug-with-paperclip-24-icon-before::before, +.debug-with-paperclip-24-mask-after::after, +.debug-with-paperclip-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-paperclip-24-mask-before::before, +.debug-with-paperclip-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--paperclip-24-svg); + mask-image: var(--paperclip-24-svg); +} +.debug-with-paperclip-24-icon-before::before, +.debug-with-paperclip-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--paperclip-24-svg); +} + +.debug-with-partner-mask-before::before, +.debug-with-partner-icon-before::before, +.debug-with-partner-mask-after::after, +.debug-with-partner-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-partner-mask-before::before, +.debug-with-partner-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--partner-svg); + mask-image: var(--partner-svg); +} +.debug-with-partner-icon-before::before, +.debug-with-partner-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--partner-svg); +} + +.debug-with-path-16-mask-before::before, +.debug-with-path-16-icon-before::before, +.debug-with-path-16-mask-after::after, +.debug-with-path-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-path-16-mask-before::before, +.debug-with-path-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--path-16-svg); + mask-image: var(--path-16-svg); +} +.debug-with-path-16-icon-before::before, +.debug-with-path-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--path-16-svg); +} + +.debug-with-path-24-mask-before::before, +.debug-with-path-24-icon-before::before, +.debug-with-path-24-mask-after::after, +.debug-with-path-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-path-24-mask-before::before, +.debug-with-path-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--path-24-svg); + mask-image: var(--path-24-svg); +} +.debug-with-path-24-icon-before::before, +.debug-with-path-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--path-24-svg); +} + +.debug-with-path-mask-before::before, +.debug-with-path-icon-before::before, +.debug-with-path-mask-after::after, +.debug-with-path-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-path-mask-before::before, +.debug-with-path-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--path-svg); + mask-image: var(--path-svg); +} +.debug-with-path-icon-before::before, +.debug-with-path-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--path-svg); +} + +.debug-with-pause-16-mask-before::before, +.debug-with-pause-16-icon-before::before, +.debug-with-pause-16-mask-after::after, +.debug-with-pause-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pause-16-mask-before::before, +.debug-with-pause-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pause-16-svg); + mask-image: var(--pause-16-svg); +} +.debug-with-pause-16-icon-before::before, +.debug-with-pause-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pause-16-svg); +} + +.debug-with-pause-24-mask-before::before, +.debug-with-pause-24-icon-before::before, +.debug-with-pause-24-mask-after::after, +.debug-with-pause-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pause-24-mask-before::before, +.debug-with-pause-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pause-24-svg); + mask-image: var(--pause-24-svg); +} +.debug-with-pause-24-icon-before::before, +.debug-with-pause-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pause-24-svg); +} + +.debug-with-pause-circle-16-mask-before::before, +.debug-with-pause-circle-16-icon-before::before, +.debug-with-pause-circle-16-mask-after::after, +.debug-with-pause-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pause-circle-16-mask-before::before, +.debug-with-pause-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pause-circle-16-svg); + mask-image: var(--pause-circle-16-svg); +} +.debug-with-pause-circle-16-icon-before::before, +.debug-with-pause-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pause-circle-16-svg); +} + +.debug-with-pause-circle-24-mask-before::before, +.debug-with-pause-circle-24-icon-before::before, +.debug-with-pause-circle-24-mask-after::after, +.debug-with-pause-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pause-circle-24-mask-before::before, +.debug-with-pause-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pause-circle-24-svg); + mask-image: var(--pause-circle-24-svg); +} +.debug-with-pause-circle-24-icon-before::before, +.debug-with-pause-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pause-circle-24-svg); +} + +.debug-with-pen-tool-16-mask-before::before, +.debug-with-pen-tool-16-icon-before::before, +.debug-with-pen-tool-16-mask-after::after, +.debug-with-pen-tool-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pen-tool-16-mask-before::before, +.debug-with-pen-tool-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pen-tool-16-svg); + mask-image: var(--pen-tool-16-svg); +} +.debug-with-pen-tool-16-icon-before::before, +.debug-with-pen-tool-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pen-tool-16-svg); +} + +.debug-with-pen-tool-24-mask-before::before, +.debug-with-pen-tool-24-icon-before::before, +.debug-with-pen-tool-24-mask-after::after, +.debug-with-pen-tool-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pen-tool-24-mask-before::before, +.debug-with-pen-tool-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pen-tool-24-svg); + mask-image: var(--pen-tool-24-svg); +} +.debug-with-pen-tool-24-icon-before::before, +.debug-with-pen-tool-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pen-tool-24-svg); +} + +.debug-with-pencil-tool-16-mask-before::before, +.debug-with-pencil-tool-16-icon-before::before, +.debug-with-pencil-tool-16-mask-after::after, +.debug-with-pencil-tool-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pencil-tool-16-mask-before::before, +.debug-with-pencil-tool-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pencil-tool-16-svg); + mask-image: var(--pencil-tool-16-svg); +} +.debug-with-pencil-tool-16-icon-before::before, +.debug-with-pencil-tool-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pencil-tool-16-svg); +} + +.debug-with-pencil-tool-24-mask-before::before, +.debug-with-pencil-tool-24-icon-before::before, +.debug-with-pencil-tool-24-mask-after::after, +.debug-with-pencil-tool-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pencil-tool-24-mask-before::before, +.debug-with-pencil-tool-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pencil-tool-24-svg); + mask-image: var(--pencil-tool-24-svg); +} +.debug-with-pencil-tool-24-icon-before::before, +.debug-with-pencil-tool-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pencil-tool-24-svg); +} + +.debug-with-phone-16-mask-before::before, +.debug-with-phone-16-icon-before::before, +.debug-with-phone-16-mask-after::after, +.debug-with-phone-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-16-mask-before::before, +.debug-with-phone-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-16-svg); + mask-image: var(--phone-16-svg); +} +.debug-with-phone-16-icon-before::before, +.debug-with-phone-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-16-svg); +} + +.debug-with-phone-24-mask-before::before, +.debug-with-phone-24-icon-before::before, +.debug-with-phone-24-mask-after::after, +.debug-with-phone-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-24-mask-before::before, +.debug-with-phone-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-24-svg); + mask-image: var(--phone-24-svg); +} +.debug-with-phone-24-icon-before::before, +.debug-with-phone-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-24-svg); +} + +.debug-with-phone-call-16-mask-before::before, +.debug-with-phone-call-16-icon-before::before, +.debug-with-phone-call-16-mask-after::after, +.debug-with-phone-call-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-call-16-mask-before::before, +.debug-with-phone-call-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-call-16-svg); + mask-image: var(--phone-call-16-svg); +} +.debug-with-phone-call-16-icon-before::before, +.debug-with-phone-call-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-call-16-svg); +} + +.debug-with-phone-call-24-mask-before::before, +.debug-with-phone-call-24-icon-before::before, +.debug-with-phone-call-24-mask-after::after, +.debug-with-phone-call-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-call-24-mask-before::before, +.debug-with-phone-call-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-call-24-svg); + mask-image: var(--phone-call-24-svg); +} +.debug-with-phone-call-24-icon-before::before, +.debug-with-phone-call-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-call-24-svg); +} + +.debug-with-phone-off-16-mask-before::before, +.debug-with-phone-off-16-icon-before::before, +.debug-with-phone-off-16-mask-after::after, +.debug-with-phone-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-off-16-mask-before::before, +.debug-with-phone-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-off-16-svg); + mask-image: var(--phone-off-16-svg); +} +.debug-with-phone-off-16-icon-before::before, +.debug-with-phone-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-off-16-svg); +} + +.debug-with-phone-off-24-mask-before::before, +.debug-with-phone-off-24-icon-before::before, +.debug-with-phone-off-24-mask-after::after, +.debug-with-phone-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-phone-off-24-mask-before::before, +.debug-with-phone-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--phone-off-24-svg); + mask-image: var(--phone-off-24-svg); +} +.debug-with-phone-off-24-icon-before::before, +.debug-with-phone-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--phone-off-24-svg); +} + +.debug-with-pie-chart-16-mask-before::before, +.debug-with-pie-chart-16-icon-before::before, +.debug-with-pie-chart-16-mask-after::after, +.debug-with-pie-chart-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pie-chart-16-mask-before::before, +.debug-with-pie-chart-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pie-chart-16-svg); + mask-image: var(--pie-chart-16-svg); +} +.debug-with-pie-chart-16-icon-before::before, +.debug-with-pie-chart-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pie-chart-16-svg); +} + +.debug-with-pie-chart-24-mask-before::before, +.debug-with-pie-chart-24-icon-before::before, +.debug-with-pie-chart-24-mask-after::after, +.debug-with-pie-chart-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pie-chart-24-mask-before::before, +.debug-with-pie-chart-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pie-chart-24-svg); + mask-image: var(--pie-chart-24-svg); +} +.debug-with-pie-chart-24-icon-before::before, +.debug-with-pie-chart-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pie-chart-24-svg); +} + +.debug-with-pin-16-mask-before::before, +.debug-with-pin-16-icon-before::before, +.debug-with-pin-16-mask-after::after, +.debug-with-pin-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pin-16-mask-before::before, +.debug-with-pin-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pin-16-svg); + mask-image: var(--pin-16-svg); +} +.debug-with-pin-16-icon-before::before, +.debug-with-pin-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pin-16-svg); +} + +.debug-with-pin-24-mask-before::before, +.debug-with-pin-24-icon-before::before, +.debug-with-pin-24-mask-after::after, +.debug-with-pin-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-pin-24-mask-before::before, +.debug-with-pin-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--pin-24-svg); + mask-image: var(--pin-24-svg); +} +.debug-with-pin-24-icon-before::before, +.debug-with-pin-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--pin-24-svg); +} + +.debug-with-play-16-mask-before::before, +.debug-with-play-16-icon-before::before, +.debug-with-play-16-mask-after::after, +.debug-with-play-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-16-mask-before::before, +.debug-with-play-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-16-svg); + mask-image: var(--play-16-svg); +} +.debug-with-play-16-icon-before::before, +.debug-with-play-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-16-svg); +} + +.debug-with-play-24-mask-before::before, +.debug-with-play-24-icon-before::before, +.debug-with-play-24-mask-after::after, +.debug-with-play-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-24-mask-before::before, +.debug-with-play-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-24-svg); + mask-image: var(--play-24-svg); +} +.debug-with-play-24-icon-before::before, +.debug-with-play-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-24-svg); +} + +.debug-with-play-circle-16-mask-before::before, +.debug-with-play-circle-16-icon-before::before, +.debug-with-play-circle-16-mask-after::after, +.debug-with-play-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-circle-16-mask-before::before, +.debug-with-play-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-circle-16-svg); + mask-image: var(--play-circle-16-svg); +} +.debug-with-play-circle-16-icon-before::before, +.debug-with-play-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-circle-16-svg); +} + +.debug-with-play-circle-24-mask-before::before, +.debug-with-play-circle-24-icon-before::before, +.debug-with-play-circle-24-mask-after::after, +.debug-with-play-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-circle-24-mask-before::before, +.debug-with-play-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-circle-24-svg); + mask-image: var(--play-circle-24-svg); +} +.debug-with-play-circle-24-icon-before::before, +.debug-with-play-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-circle-24-svg); +} + +.debug-with-play-fill-mask-before::before, +.debug-with-play-fill-icon-before::before, +.debug-with-play-fill-mask-after::after, +.debug-with-play-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-fill-mask-before::before, +.debug-with-play-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-fill-svg); + mask-image: var(--play-fill-svg); +} +.debug-with-play-fill-icon-before::before, +.debug-with-play-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-fill-svg); +} + +.debug-with-play-outline-mask-before::before, +.debug-with-play-outline-icon-before::before, +.debug-with-play-outline-mask-after::after, +.debug-with-play-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-outline-mask-before::before, +.debug-with-play-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-outline-svg); + mask-image: var(--play-outline-svg); +} +.debug-with-play-outline-icon-before::before, +.debug-with-play-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-outline-svg); +} + +.debug-with-play-plain-mask-before::before, +.debug-with-play-plain-icon-before::before, +.debug-with-play-plain-mask-after::after, +.debug-with-play-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-play-plain-mask-before::before, +.debug-with-play-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--play-plain-svg); + mask-image: var(--play-plain-svg); +} +.debug-with-play-plain-icon-before::before, +.debug-with-play-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--play-plain-svg); +} + +.debug-with-plus-16-mask-before::before, +.debug-with-plus-16-icon-before::before, +.debug-with-plus-16-mask-after::after, +.debug-with-plus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-16-mask-before::before, +.debug-with-plus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-16-svg); + mask-image: var(--plus-16-svg); +} +.debug-with-plus-16-icon-before::before, +.debug-with-plus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-16-svg); +} + +.debug-with-plus-24-mask-before::before, +.debug-with-plus-24-icon-before::before, +.debug-with-plus-24-mask-after::after, +.debug-with-plus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-24-mask-before::before, +.debug-with-plus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-24-svg); + mask-image: var(--plus-24-svg); +} +.debug-with-plus-24-icon-before::before, +.debug-with-plus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-24-svg); +} + +.debug-with-plus-circle-16-mask-before::before, +.debug-with-plus-circle-16-icon-before::before, +.debug-with-plus-circle-16-mask-after::after, +.debug-with-plus-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-circle-16-mask-before::before, +.debug-with-plus-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-circle-16-svg); + mask-image: var(--plus-circle-16-svg); +} +.debug-with-plus-circle-16-icon-before::before, +.debug-with-plus-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-circle-16-svg); +} + +.debug-with-plus-circle-24-mask-before::before, +.debug-with-plus-circle-24-icon-before::before, +.debug-with-plus-circle-24-mask-after::after, +.debug-with-plus-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-circle-24-mask-before::before, +.debug-with-plus-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-circle-24-svg); + mask-image: var(--plus-circle-24-svg); +} +.debug-with-plus-circle-24-icon-before::before, +.debug-with-plus-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-circle-24-svg); +} + +.debug-with-plus-circle-fill-mask-before::before, +.debug-with-plus-circle-fill-icon-before::before, +.debug-with-plus-circle-fill-mask-after::after, +.debug-with-plus-circle-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-circle-fill-mask-before::before, +.debug-with-plus-circle-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-circle-fill-svg); + mask-image: var(--plus-circle-fill-svg); +} +.debug-with-plus-circle-fill-icon-before::before, +.debug-with-plus-circle-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-circle-fill-svg); +} + +.debug-with-plus-circle-outline-mask-before::before, +.debug-with-plus-circle-outline-icon-before::before, +.debug-with-plus-circle-outline-mask-after::after, +.debug-with-plus-circle-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-circle-outline-mask-before::before, +.debug-with-plus-circle-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-circle-outline-svg); + mask-image: var(--plus-circle-outline-svg); +} +.debug-with-plus-circle-outline-icon-before::before, +.debug-with-plus-circle-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-circle-outline-svg); +} + +.debug-with-plus-plain-mask-before::before, +.debug-with-plus-plain-icon-before::before, +.debug-with-plus-plain-mask-after::after, +.debug-with-plus-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-plain-mask-before::before, +.debug-with-plus-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-plain-svg); + mask-image: var(--plus-plain-svg); +} +.debug-with-plus-plain-icon-before::before, +.debug-with-plus-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-plain-svg); +} + +.debug-with-plus-square-16-mask-before::before, +.debug-with-plus-square-16-icon-before::before, +.debug-with-plus-square-16-mask-after::after, +.debug-with-plus-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-square-16-mask-before::before, +.debug-with-plus-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-square-16-svg); + mask-image: var(--plus-square-16-svg); +} +.debug-with-plus-square-16-icon-before::before, +.debug-with-plus-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-square-16-svg); +} + +.debug-with-plus-square-24-mask-before::before, +.debug-with-plus-square-24-icon-before::before, +.debug-with-plus-square-24-mask-after::after, +.debug-with-plus-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-square-24-mask-before::before, +.debug-with-plus-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-square-24-svg); + mask-image: var(--plus-square-24-svg); +} +.debug-with-plus-square-24-icon-before::before, +.debug-with-plus-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-square-24-svg); +} + +.debug-with-plus-square-fill-mask-before::before, +.debug-with-plus-square-fill-icon-before::before, +.debug-with-plus-square-fill-mask-after::after, +.debug-with-plus-square-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-plus-square-fill-mask-before::before, +.debug-with-plus-square-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--plus-square-fill-svg); + mask-image: var(--plus-square-fill-svg); +} +.debug-with-plus-square-fill-icon-before::before, +.debug-with-plus-square-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--plus-square-fill-svg); +} + +.debug-with-port-mask-before::before, +.debug-with-port-icon-before::before, +.debug-with-port-mask-after::after, +.debug-with-port-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-port-mask-before::before, +.debug-with-port-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--port-svg); + mask-image: var(--port-svg); +} +.debug-with-port-icon-before::before, +.debug-with-port-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--port-svg); +} + +.debug-with-power-16-mask-before::before, +.debug-with-power-16-icon-before::before, +.debug-with-power-16-mask-after::after, +.debug-with-power-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-power-16-mask-before::before, +.debug-with-power-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--power-16-svg); + mask-image: var(--power-16-svg); +} +.debug-with-power-16-icon-before::before, +.debug-with-power-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--power-16-svg); +} + +.debug-with-power-24-mask-before::before, +.debug-with-power-24-icon-before::before, +.debug-with-power-24-mask-after::after, +.debug-with-power-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-power-24-mask-before::before, +.debug-with-power-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--power-24-svg); + mask-image: var(--power-24-svg); +} +.debug-with-power-24-icon-before::before, +.debug-with-power-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--power-24-svg); +} + +.debug-with-printer-16-mask-before::before, +.debug-with-printer-16-icon-before::before, +.debug-with-printer-16-mask-after::after, +.debug-with-printer-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-printer-16-mask-before::before, +.debug-with-printer-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--printer-16-svg); + mask-image: var(--printer-16-svg); +} +.debug-with-printer-16-icon-before::before, +.debug-with-printer-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--printer-16-svg); +} + +.debug-with-printer-24-mask-before::before, +.debug-with-printer-24-icon-before::before, +.debug-with-printer-24-mask-after::after, +.debug-with-printer-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-printer-24-mask-before::before, +.debug-with-printer-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--printer-24-svg); + mask-image: var(--printer-24-svg); +} +.debug-with-printer-24-icon-before::before, +.debug-with-printer-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--printer-24-svg); +} + +.debug-with-protocol-mask-before::before, +.debug-with-protocol-icon-before::before, +.debug-with-protocol-mask-after::after, +.debug-with-protocol-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-protocol-mask-before::before, +.debug-with-protocol-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--protocol-svg); + mask-image: var(--protocol-svg); +} +.debug-with-protocol-icon-before::before, +.debug-with-protocol-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--protocol-svg); +} + +.debug-with-provider-16-mask-before::before, +.debug-with-provider-16-icon-before::before, +.debug-with-provider-16-mask-after::after, +.debug-with-provider-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-provider-16-mask-before::before, +.debug-with-provider-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--provider-16-svg); + mask-image: var(--provider-16-svg); +} +.debug-with-provider-16-icon-before::before, +.debug-with-provider-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--provider-16-svg); +} + +.debug-with-provider-24-mask-before::before, +.debug-with-provider-24-icon-before::before, +.debug-with-provider-24-mask-after::after, +.debug-with-provider-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-provider-24-mask-before::before, +.debug-with-provider-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--provider-24-svg); + mask-image: var(--provider-24-svg); +} +.debug-with-provider-24-icon-before::before, +.debug-with-provider-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--provider-24-svg); +} + +.debug-with-provider-mask-before::before, +.debug-with-provider-icon-before::before, +.debug-with-provider-mask-after::after, +.debug-with-provider-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-provider-mask-before::before, +.debug-with-provider-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--provider-svg); + mask-image: var(--provider-svg); +} +.debug-with-provider-icon-before::before, +.debug-with-provider-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--provider-svg); +} + +.debug-with-public-default-mask-before::before, +.debug-with-public-default-icon-before::before, +.debug-with-public-default-mask-after::after, +.debug-with-public-default-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-public-default-mask-before::before, +.debug-with-public-default-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--public-default-svg); + mask-image: var(--public-default-svg); +} +.debug-with-public-default-icon-before::before, +.debug-with-public-default-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--public-default-svg); +} + +.debug-with-public-locked-mask-before::before, +.debug-with-public-locked-icon-before::before, +.debug-with-public-locked-mask-after::after, +.debug-with-public-locked-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-public-locked-mask-before::before, +.debug-with-public-locked-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--public-locked-svg); + mask-image: var(--public-locked-svg); +} +.debug-with-public-locked-icon-before::before, +.debug-with-public-locked-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--public-locked-svg); +} + +.debug-with-queue-16-mask-before::before, +.debug-with-queue-16-icon-before::before, +.debug-with-queue-16-mask-after::after, +.debug-with-queue-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-queue-16-mask-before::before, +.debug-with-queue-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--queue-16-svg); + mask-image: var(--queue-16-svg); +} +.debug-with-queue-16-icon-before::before, +.debug-with-queue-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--queue-16-svg); +} + +.debug-with-queue-24-mask-before::before, +.debug-with-queue-24-icon-before::before, +.debug-with-queue-24-mask-after::after, +.debug-with-queue-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-queue-24-mask-before::before, +.debug-with-queue-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--queue-24-svg); + mask-image: var(--queue-24-svg); +} +.debug-with-queue-24-icon-before::before, +.debug-with-queue-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--queue-24-svg); +} + +.debug-with-queue-mask-before::before, +.debug-with-queue-icon-before::before, +.debug-with-queue-mask-after::after, +.debug-with-queue-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-queue-mask-before::before, +.debug-with-queue-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--queue-svg); + mask-image: var(--queue-svg); +} +.debug-with-queue-icon-before::before, +.debug-with-queue-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--queue-svg); +} + +.debug-with-radio-16-mask-before::before, +.debug-with-radio-16-icon-before::before, +.debug-with-radio-16-mask-after::after, +.debug-with-radio-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-radio-16-mask-before::before, +.debug-with-radio-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--radio-16-svg); + mask-image: var(--radio-16-svg); +} +.debug-with-radio-16-icon-before::before, +.debug-with-radio-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--radio-16-svg); +} + +.debug-with-radio-24-mask-before::before, +.debug-with-radio-24-icon-before::before, +.debug-with-radio-24-mask-after::after, +.debug-with-radio-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-radio-24-mask-before::before, +.debug-with-radio-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--radio-24-svg); + mask-image: var(--radio-24-svg); +} +.debug-with-radio-24-icon-before::before, +.debug-with-radio-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--radio-24-svg); +} + +.debug-with-radio-button-checked-mask-before::before, +.debug-with-radio-button-checked-icon-before::before, +.debug-with-radio-button-checked-mask-after::after, +.debug-with-radio-button-checked-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-radio-button-checked-mask-before::before, +.debug-with-radio-button-checked-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--radio-button-checked-svg); + mask-image: var(--radio-button-checked-svg); +} +.debug-with-radio-button-checked-icon-before::before, +.debug-with-radio-button-checked-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--radio-button-checked-svg); +} + +.debug-with-radio-button-unchecked-mask-before::before, +.debug-with-radio-button-unchecked-icon-before::before, +.debug-with-radio-button-unchecked-mask-after::after, +.debug-with-radio-button-unchecked-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-radio-button-unchecked-mask-before::before, +.debug-with-radio-button-unchecked-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--radio-button-unchecked-svg); + mask-image: var(--radio-button-unchecked-svg); +} +.debug-with-radio-button-unchecked-icon-before::before, +.debug-with-radio-button-unchecked-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--radio-button-unchecked-svg); +} + +.debug-with-random-16-mask-before::before, +.debug-with-random-16-icon-before::before, +.debug-with-random-16-mask-after::after, +.debug-with-random-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-random-16-mask-before::before, +.debug-with-random-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--random-16-svg); + mask-image: var(--random-16-svg); +} +.debug-with-random-16-icon-before::before, +.debug-with-random-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--random-16-svg); +} + +.debug-with-random-24-mask-before::before, +.debug-with-random-24-icon-before::before, +.debug-with-random-24-mask-after::after, +.debug-with-random-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-random-24-mask-before::before, +.debug-with-random-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--random-24-svg); + mask-image: var(--random-24-svg); +} +.debug-with-random-24-icon-before::before, +.debug-with-random-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--random-24-svg); +} + +.debug-with-random-mask-before::before, +.debug-with-random-icon-before::before, +.debug-with-random-mask-after::after, +.debug-with-random-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-random-mask-before::before, +.debug-with-random-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--random-svg); + mask-image: var(--random-svg); +} +.debug-with-random-icon-before::before, +.debug-with-random-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--random-svg); +} + +.debug-with-redirect-16-mask-before::before, +.debug-with-redirect-16-icon-before::before, +.debug-with-redirect-16-mask-after::after, +.debug-with-redirect-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-redirect-16-mask-before::before, +.debug-with-redirect-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--redirect-16-svg); + mask-image: var(--redirect-16-svg); +} +.debug-with-redirect-16-icon-before::before, +.debug-with-redirect-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--redirect-16-svg); +} + +.debug-with-redirect-24-mask-before::before, +.debug-with-redirect-24-icon-before::before, +.debug-with-redirect-24-mask-after::after, +.debug-with-redirect-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-redirect-24-mask-before::before, +.debug-with-redirect-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--redirect-24-svg); + mask-image: var(--redirect-24-svg); +} +.debug-with-redirect-24-icon-before::before, +.debug-with-redirect-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--redirect-24-svg); +} + +.debug-with-redirect-mask-before::before, +.debug-with-redirect-icon-before::before, +.debug-with-redirect-mask-after::after, +.debug-with-redirect-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-redirect-mask-before::before, +.debug-with-redirect-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--redirect-svg); + mask-image: var(--redirect-svg); +} +.debug-with-redirect-icon-before::before, +.debug-with-redirect-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--redirect-svg); +} + +.debug-with-refresh-alert-mask-before::before, +.debug-with-refresh-alert-icon-before::before, +.debug-with-refresh-alert-mask-after::after, +.debug-with-refresh-alert-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-refresh-alert-mask-before::before, +.debug-with-refresh-alert-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--refresh-alert-svg); + mask-image: var(--refresh-alert-svg); +} +.debug-with-refresh-alert-icon-before::before, +.debug-with-refresh-alert-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--refresh-alert-svg); +} + +.debug-with-refresh-default-mask-before::before, +.debug-with-refresh-default-icon-before::before, +.debug-with-refresh-default-mask-after::after, +.debug-with-refresh-default-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-refresh-default-mask-before::before, +.debug-with-refresh-default-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--refresh-default-svg); + mask-image: var(--refresh-default-svg); +} +.debug-with-refresh-default-icon-before::before, +.debug-with-refresh-default-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--refresh-default-svg); +} + +.debug-with-reload-16-mask-before::before, +.debug-with-reload-16-icon-before::before, +.debug-with-reload-16-mask-after::after, +.debug-with-reload-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-reload-16-mask-before::before, +.debug-with-reload-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--reload-16-svg); + mask-image: var(--reload-16-svg); +} +.debug-with-reload-16-icon-before::before, +.debug-with-reload-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--reload-16-svg); +} + +.debug-with-reload-24-mask-before::before, +.debug-with-reload-24-icon-before::before, +.debug-with-reload-24-mask-after::after, +.debug-with-reload-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-reload-24-mask-before::before, +.debug-with-reload-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--reload-24-svg); + mask-image: var(--reload-24-svg); +} +.debug-with-reload-24-icon-before::before, +.debug-with-reload-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--reload-24-svg); +} + +.debug-with-remix-mask-before::before, +.debug-with-remix-icon-before::before, +.debug-with-remix-mask-after::after, +.debug-with-remix-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-remix-mask-before::before, +.debug-with-remix-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--remix-svg); + mask-image: var(--remix-svg); +} +.debug-with-remix-icon-before::before, +.debug-with-remix-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--remix-svg); +} + +.debug-with-repeat-16-mask-before::before, +.debug-with-repeat-16-icon-before::before, +.debug-with-repeat-16-mask-after::after, +.debug-with-repeat-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-repeat-16-mask-before::before, +.debug-with-repeat-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--repeat-16-svg); + mask-image: var(--repeat-16-svg); +} +.debug-with-repeat-16-icon-before::before, +.debug-with-repeat-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--repeat-16-svg); +} + +.debug-with-repeat-24-mask-before::before, +.debug-with-repeat-24-icon-before::before, +.debug-with-repeat-24-mask-after::after, +.debug-with-repeat-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-repeat-24-mask-before::before, +.debug-with-repeat-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--repeat-24-svg); + mask-image: var(--repeat-24-svg); +} +.debug-with-repeat-24-icon-before::before, +.debug-with-repeat-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--repeat-24-svg); +} + +.debug-with-replication-direct-16-mask-before::before, +.debug-with-replication-direct-16-icon-before::before, +.debug-with-replication-direct-16-mask-after::after, +.debug-with-replication-direct-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-replication-direct-16-mask-before::before, +.debug-with-replication-direct-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--replication-direct-16-svg); + mask-image: var(--replication-direct-16-svg); +} +.debug-with-replication-direct-16-icon-before::before, +.debug-with-replication-direct-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--replication-direct-16-svg); +} + +.debug-with-replication-direct-24-mask-before::before, +.debug-with-replication-direct-24-icon-before::before, +.debug-with-replication-direct-24-mask-after::after, +.debug-with-replication-direct-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-replication-direct-24-mask-before::before, +.debug-with-replication-direct-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--replication-direct-24-svg); + mask-image: var(--replication-direct-24-svg); +} +.debug-with-replication-direct-24-icon-before::before, +.debug-with-replication-direct-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--replication-direct-24-svg); +} + +.debug-with-replication-perf-16-mask-before::before, +.debug-with-replication-perf-16-icon-before::before, +.debug-with-replication-perf-16-mask-after::after, +.debug-with-replication-perf-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-replication-perf-16-mask-before::before, +.debug-with-replication-perf-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--replication-perf-16-svg); + mask-image: var(--replication-perf-16-svg); +} +.debug-with-replication-perf-16-icon-before::before, +.debug-with-replication-perf-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--replication-perf-16-svg); +} + +.debug-with-replication-perf-24-mask-before::before, +.debug-with-replication-perf-24-icon-before::before, +.debug-with-replication-perf-24-mask-after::after, +.debug-with-replication-perf-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-replication-perf-24-mask-before::before, +.debug-with-replication-perf-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--replication-perf-24-svg); + mask-image: var(--replication-perf-24-svg); +} +.debug-with-replication-perf-24-icon-before::before, +.debug-with-replication-perf-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--replication-perf-24-svg); +} + +.debug-with-rewind-16-mask-before::before, +.debug-with-rewind-16-icon-before::before, +.debug-with-rewind-16-mask-after::after, +.debug-with-rewind-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rewind-16-mask-before::before, +.debug-with-rewind-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rewind-16-svg); + mask-image: var(--rewind-16-svg); +} +.debug-with-rewind-16-icon-before::before, +.debug-with-rewind-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rewind-16-svg); +} + +.debug-with-rewind-24-mask-before::before, +.debug-with-rewind-24-icon-before::before, +.debug-with-rewind-24-mask-after::after, +.debug-with-rewind-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rewind-24-mask-before::before, +.debug-with-rewind-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rewind-24-svg); + mask-image: var(--rewind-24-svg); +} +.debug-with-rewind-24-icon-before::before, +.debug-with-rewind-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rewind-24-svg); +} + +.debug-with-ribbon-mask-before::before, +.debug-with-ribbon-icon-before::before, +.debug-with-ribbon-mask-after::after, +.debug-with-ribbon-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-ribbon-mask-before::before, +.debug-with-ribbon-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--ribbon-svg); + mask-image: var(--ribbon-svg); +} +.debug-with-ribbon-icon-before::before, +.debug-with-ribbon-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--ribbon-svg); +} + +.debug-with-rocket-16-mask-before::before, +.debug-with-rocket-16-icon-before::before, +.debug-with-rocket-16-mask-after::after, +.debug-with-rocket-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rocket-16-mask-before::before, +.debug-with-rocket-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rocket-16-svg); + mask-image: var(--rocket-16-svg); +} +.debug-with-rocket-16-icon-before::before, +.debug-with-rocket-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rocket-16-svg); +} + +.debug-with-rocket-24-mask-before::before, +.debug-with-rocket-24-icon-before::before, +.debug-with-rocket-24-mask-after::after, +.debug-with-rocket-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rocket-24-mask-before::before, +.debug-with-rocket-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rocket-24-svg); + mask-image: var(--rocket-24-svg); +} +.debug-with-rocket-24-icon-before::before, +.debug-with-rocket-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rocket-24-svg); +} + +.debug-with-rotate-ccw-16-mask-before::before, +.debug-with-rotate-ccw-16-icon-before::before, +.debug-with-rotate-ccw-16-mask-after::after, +.debug-with-rotate-ccw-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rotate-ccw-16-mask-before::before, +.debug-with-rotate-ccw-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rotate-ccw-16-svg); + mask-image: var(--rotate-ccw-16-svg); +} +.debug-with-rotate-ccw-16-icon-before::before, +.debug-with-rotate-ccw-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rotate-ccw-16-svg); +} + +.debug-with-rotate-ccw-24-mask-before::before, +.debug-with-rotate-ccw-24-icon-before::before, +.debug-with-rotate-ccw-24-mask-after::after, +.debug-with-rotate-ccw-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rotate-ccw-24-mask-before::before, +.debug-with-rotate-ccw-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rotate-ccw-24-svg); + mask-image: var(--rotate-ccw-24-svg); +} +.debug-with-rotate-ccw-24-icon-before::before, +.debug-with-rotate-ccw-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rotate-ccw-24-svg); +} + +.debug-with-rotate-cw-16-mask-before::before, +.debug-with-rotate-cw-16-icon-before::before, +.debug-with-rotate-cw-16-mask-after::after, +.debug-with-rotate-cw-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rotate-cw-16-mask-before::before, +.debug-with-rotate-cw-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rotate-cw-16-svg); + mask-image: var(--rotate-cw-16-svg); +} +.debug-with-rotate-cw-16-icon-before::before, +.debug-with-rotate-cw-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rotate-cw-16-svg); +} + +.debug-with-rotate-cw-24-mask-before::before, +.debug-with-rotate-cw-24-icon-before::before, +.debug-with-rotate-cw-24-mask-after::after, +.debug-with-rotate-cw-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rotate-cw-24-mask-before::before, +.debug-with-rotate-cw-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rotate-cw-24-svg); + mask-image: var(--rotate-cw-24-svg); +} +.debug-with-rotate-cw-24-icon-before::before, +.debug-with-rotate-cw-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rotate-cw-24-svg); +} + +.debug-with-rss-16-mask-before::before, +.debug-with-rss-16-icon-before::before, +.debug-with-rss-16-mask-after::after, +.debug-with-rss-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rss-16-mask-before::before, +.debug-with-rss-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rss-16-svg); + mask-image: var(--rss-16-svg); +} +.debug-with-rss-16-icon-before::before, +.debug-with-rss-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rss-16-svg); +} + +.debug-with-rss-24-mask-before::before, +.debug-with-rss-24-icon-before::before, +.debug-with-rss-24-mask-after::after, +.debug-with-rss-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-rss-24-mask-before::before, +.debug-with-rss-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--rss-24-svg); + mask-image: var(--rss-24-svg); +} +.debug-with-rss-24-icon-before::before, +.debug-with-rss-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--rss-24-svg); +} + +.debug-with-run-mask-before::before, +.debug-with-run-icon-before::before, +.debug-with-run-mask-after::after, +.debug-with-run-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-run-mask-before::before, +.debug-with-run-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--run-svg); + mask-image: var(--run-svg); +} +.debug-with-run-icon-before::before, +.debug-with-run-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--run-svg); +} + +.debug-with-save-16-mask-before::before, +.debug-with-save-16-icon-before::before, +.debug-with-save-16-mask-after::after, +.debug-with-save-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-save-16-mask-before::before, +.debug-with-save-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--save-16-svg); + mask-image: var(--save-16-svg); +} +.debug-with-save-16-icon-before::before, +.debug-with-save-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--save-16-svg); +} + +.debug-with-save-24-mask-before::before, +.debug-with-save-24-icon-before::before, +.debug-with-save-24-mask-after::after, +.debug-with-save-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-save-24-mask-before::before, +.debug-with-save-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--save-24-svg); + mask-image: var(--save-24-svg); +} +.debug-with-save-24-icon-before::before, +.debug-with-save-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--save-24-svg); +} + +.debug-with-scissors-16-mask-before::before, +.debug-with-scissors-16-icon-before::before, +.debug-with-scissors-16-mask-after::after, +.debug-with-scissors-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-scissors-16-mask-before::before, +.debug-with-scissors-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--scissors-16-svg); + mask-image: var(--scissors-16-svg); +} +.debug-with-scissors-16-icon-before::before, +.debug-with-scissors-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--scissors-16-svg); +} + +.debug-with-scissors-24-mask-before::before, +.debug-with-scissors-24-icon-before::before, +.debug-with-scissors-24-mask-after::after, +.debug-with-scissors-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-scissors-24-mask-before::before, +.debug-with-scissors-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--scissors-24-svg); + mask-image: var(--scissors-24-svg); +} +.debug-with-scissors-24-icon-before::before, +.debug-with-scissors-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--scissors-24-svg); +} + +.debug-with-search-16-mask-before::before, +.debug-with-search-16-icon-before::before, +.debug-with-search-16-mask-after::after, +.debug-with-search-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-search-16-mask-before::before, +.debug-with-search-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--search-16-svg); + mask-image: var(--search-16-svg); +} +.debug-with-search-16-icon-before::before, +.debug-with-search-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--search-16-svg); +} + +.debug-with-search-24-mask-before::before, +.debug-with-search-24-icon-before::before, +.debug-with-search-24-mask-after::after, +.debug-with-search-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-search-24-mask-before::before, +.debug-with-search-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--search-24-svg); + mask-image: var(--search-24-svg); +} +.debug-with-search-24-icon-before::before, +.debug-with-search-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--search-24-svg); +} + +.debug-with-search-color-mask-before::before, +.debug-with-search-color-icon-before::before, +.debug-with-search-color-mask-after::after, +.debug-with-search-color-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-search-color-mask-before::before, +.debug-with-search-color-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--search-color-svg); + mask-image: var(--search-color-svg); +} +.debug-with-search-color-icon-before::before, +.debug-with-search-color-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--search-color-svg); +} + +.debug-with-search-mask-before::before, +.debug-with-search-icon-before::before, +.debug-with-search-mask-after::after, +.debug-with-search-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-search-mask-before::before, +.debug-with-search-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--search-svg); + mask-image: var(--search-svg); +} +.debug-with-search-icon-before::before, +.debug-with-search-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--search-svg); +} + +.debug-with-send-16-mask-before::before, +.debug-with-send-16-icon-before::before, +.debug-with-send-16-mask-after::after, +.debug-with-send-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-send-16-mask-before::before, +.debug-with-send-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--send-16-svg); + mask-image: var(--send-16-svg); +} +.debug-with-send-16-icon-before::before, +.debug-with-send-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--send-16-svg); +} + +.debug-with-send-24-mask-before::before, +.debug-with-send-24-icon-before::before, +.debug-with-send-24-mask-after::after, +.debug-with-send-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-send-24-mask-before::before, +.debug-with-send-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--send-24-svg); + mask-image: var(--send-24-svg); +} +.debug-with-send-24-icon-before::before, +.debug-with-send-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--send-24-svg); +} + +.debug-with-server-16-mask-before::before, +.debug-with-server-16-icon-before::before, +.debug-with-server-16-mask-after::after, +.debug-with-server-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-server-16-mask-before::before, +.debug-with-server-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--server-16-svg); + mask-image: var(--server-16-svg); +} +.debug-with-server-16-icon-before::before, +.debug-with-server-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--server-16-svg); +} + +.debug-with-server-24-mask-before::before, +.debug-with-server-24-icon-before::before, +.debug-with-server-24-mask-after::after, +.debug-with-server-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-server-24-mask-before::before, +.debug-with-server-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--server-24-svg); + mask-image: var(--server-24-svg); +} +.debug-with-server-24-icon-before::before, +.debug-with-server-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--server-24-svg); +} + +.debug-with-server-cluster-16-mask-before::before, +.debug-with-server-cluster-16-icon-before::before, +.debug-with-server-cluster-16-mask-after::after, +.debug-with-server-cluster-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-server-cluster-16-mask-before::before, +.debug-with-server-cluster-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--server-cluster-16-svg); + mask-image: var(--server-cluster-16-svg); +} +.debug-with-server-cluster-16-icon-before::before, +.debug-with-server-cluster-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--server-cluster-16-svg); +} + +.debug-with-server-cluster-24-mask-before::before, +.debug-with-server-cluster-24-icon-before::before, +.debug-with-server-cluster-24-mask-after::after, +.debug-with-server-cluster-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-server-cluster-24-mask-before::before, +.debug-with-server-cluster-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--server-cluster-24-svg); + mask-image: var(--server-cluster-24-svg); +} +.debug-with-server-cluster-24-icon-before::before, +.debug-with-server-cluster-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--server-cluster-24-svg); +} + +.debug-with-serverless-16-mask-before::before, +.debug-with-serverless-16-icon-before::before, +.debug-with-serverless-16-mask-after::after, +.debug-with-serverless-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-serverless-16-mask-before::before, +.debug-with-serverless-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--serverless-16-svg); + mask-image: var(--serverless-16-svg); +} +.debug-with-serverless-16-icon-before::before, +.debug-with-serverless-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--serverless-16-svg); +} + +.debug-with-serverless-24-mask-before::before, +.debug-with-serverless-24-icon-before::before, +.debug-with-serverless-24-mask-after::after, +.debug-with-serverless-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-serverless-24-mask-before::before, +.debug-with-serverless-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--serverless-24-svg); + mask-image: var(--serverless-24-svg); +} +.debug-with-serverless-24-icon-before::before, +.debug-with-serverless-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--serverless-24-svg); +} + +.debug-with-settings-16-mask-before::before, +.debug-with-settings-16-icon-before::before, +.debug-with-settings-16-mask-after::after, +.debug-with-settings-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-settings-16-mask-before::before, +.debug-with-settings-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--settings-16-svg); + mask-image: var(--settings-16-svg); +} +.debug-with-settings-16-icon-before::before, +.debug-with-settings-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--settings-16-svg); +} + +.debug-with-settings-24-mask-before::before, +.debug-with-settings-24-icon-before::before, +.debug-with-settings-24-mask-after::after, +.debug-with-settings-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-settings-24-mask-before::before, +.debug-with-settings-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--settings-24-svg); + mask-image: var(--settings-24-svg); +} +.debug-with-settings-24-icon-before::before, +.debug-with-settings-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--settings-24-svg); +} + +.debug-with-settings-mask-before::before, +.debug-with-settings-icon-before::before, +.debug-with-settings-mask-after::after, +.debug-with-settings-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-settings-mask-before::before, +.debug-with-settings-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--settings-svg); + mask-image: var(--settings-svg); +} +.debug-with-settings-icon-before::before, +.debug-with-settings-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--settings-svg); +} + +.debug-with-share-16-mask-before::before, +.debug-with-share-16-icon-before::before, +.debug-with-share-16-mask-after::after, +.debug-with-share-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-share-16-mask-before::before, +.debug-with-share-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--share-16-svg); + mask-image: var(--share-16-svg); +} +.debug-with-share-16-icon-before::before, +.debug-with-share-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--share-16-svg); +} + +.debug-with-share-24-mask-before::before, +.debug-with-share-24-icon-before::before, +.debug-with-share-24-mask-after::after, +.debug-with-share-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-share-24-mask-before::before, +.debug-with-share-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--share-24-svg); + mask-image: var(--share-24-svg); +} +.debug-with-share-24-icon-before::before, +.debug-with-share-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--share-24-svg); +} + +.debug-with-shield-16-mask-before::before, +.debug-with-shield-16-icon-before::before, +.debug-with-shield-16-mask-after::after, +.debug-with-shield-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-16-mask-before::before, +.debug-with-shield-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-16-svg); + mask-image: var(--shield-16-svg); +} +.debug-with-shield-16-icon-before::before, +.debug-with-shield-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-16-svg); +} + +.debug-with-shield-24-mask-before::before, +.debug-with-shield-24-icon-before::before, +.debug-with-shield-24-mask-after::after, +.debug-with-shield-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-24-mask-before::before, +.debug-with-shield-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-24-svg); + mask-image: var(--shield-24-svg); +} +.debug-with-shield-24-icon-before::before, +.debug-with-shield-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-24-svg); +} + +.debug-with-shield-alert-16-mask-before::before, +.debug-with-shield-alert-16-icon-before::before, +.debug-with-shield-alert-16-mask-after::after, +.debug-with-shield-alert-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-alert-16-mask-before::before, +.debug-with-shield-alert-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-alert-16-svg); + mask-image: var(--shield-alert-16-svg); +} +.debug-with-shield-alert-16-icon-before::before, +.debug-with-shield-alert-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-alert-16-svg); +} + +.debug-with-shield-alert-24-mask-before::before, +.debug-with-shield-alert-24-icon-before::before, +.debug-with-shield-alert-24-mask-after::after, +.debug-with-shield-alert-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-alert-24-mask-before::before, +.debug-with-shield-alert-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-alert-24-svg); + mask-image: var(--shield-alert-24-svg); +} +.debug-with-shield-alert-24-icon-before::before, +.debug-with-shield-alert-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-alert-24-svg); +} + +.debug-with-shield-check-16-mask-before::before, +.debug-with-shield-check-16-icon-before::before, +.debug-with-shield-check-16-mask-after::after, +.debug-with-shield-check-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-check-16-mask-before::before, +.debug-with-shield-check-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-check-16-svg); + mask-image: var(--shield-check-16-svg); +} +.debug-with-shield-check-16-icon-before::before, +.debug-with-shield-check-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-check-16-svg); +} + +.debug-with-shield-check-24-mask-before::before, +.debug-with-shield-check-24-icon-before::before, +.debug-with-shield-check-24-mask-after::after, +.debug-with-shield-check-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-check-24-mask-before::before, +.debug-with-shield-check-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-check-24-svg); + mask-image: var(--shield-check-24-svg); +} +.debug-with-shield-check-24-icon-before::before, +.debug-with-shield-check-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-check-24-svg); +} + +.debug-with-shield-off-16-mask-before::before, +.debug-with-shield-off-16-icon-before::before, +.debug-with-shield-off-16-mask-after::after, +.debug-with-shield-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-off-16-mask-before::before, +.debug-with-shield-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-off-16-svg); + mask-image: var(--shield-off-16-svg); +} +.debug-with-shield-off-16-icon-before::before, +.debug-with-shield-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-off-16-svg); +} + +.debug-with-shield-off-24-mask-before::before, +.debug-with-shield-off-24-icon-before::before, +.debug-with-shield-off-24-mask-after::after, +.debug-with-shield-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-off-24-mask-before::before, +.debug-with-shield-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-off-24-svg); + mask-image: var(--shield-off-24-svg); +} +.debug-with-shield-off-24-icon-before::before, +.debug-with-shield-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-off-24-svg); +} + +.debug-with-shield-x-16-mask-before::before, +.debug-with-shield-x-16-icon-before::before, +.debug-with-shield-x-16-mask-after::after, +.debug-with-shield-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-x-16-mask-before::before, +.debug-with-shield-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-x-16-svg); + mask-image: var(--shield-x-16-svg); +} +.debug-with-shield-x-16-icon-before::before, +.debug-with-shield-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-x-16-svg); +} + +.debug-with-shield-x-24-mask-before::before, +.debug-with-shield-x-24-icon-before::before, +.debug-with-shield-x-24-mask-after::after, +.debug-with-shield-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shield-x-24-mask-before::before, +.debug-with-shield-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shield-x-24-svg); + mask-image: var(--shield-x-24-svg); +} +.debug-with-shield-x-24-icon-before::before, +.debug-with-shield-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shield-x-24-svg); +} + +.debug-with-shopping-bag-16-mask-before::before, +.debug-with-shopping-bag-16-icon-before::before, +.debug-with-shopping-bag-16-mask-after::after, +.debug-with-shopping-bag-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shopping-bag-16-mask-before::before, +.debug-with-shopping-bag-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shopping-bag-16-svg); + mask-image: var(--shopping-bag-16-svg); +} +.debug-with-shopping-bag-16-icon-before::before, +.debug-with-shopping-bag-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shopping-bag-16-svg); +} + +.debug-with-shopping-bag-24-mask-before::before, +.debug-with-shopping-bag-24-icon-before::before, +.debug-with-shopping-bag-24-mask-after::after, +.debug-with-shopping-bag-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shopping-bag-24-mask-before::before, +.debug-with-shopping-bag-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shopping-bag-24-svg); + mask-image: var(--shopping-bag-24-svg); +} +.debug-with-shopping-bag-24-icon-before::before, +.debug-with-shopping-bag-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shopping-bag-24-svg); +} + +.debug-with-shopping-cart-16-mask-before::before, +.debug-with-shopping-cart-16-icon-before::before, +.debug-with-shopping-cart-16-mask-after::after, +.debug-with-shopping-cart-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shopping-cart-16-mask-before::before, +.debug-with-shopping-cart-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shopping-cart-16-svg); + mask-image: var(--shopping-cart-16-svg); +} +.debug-with-shopping-cart-16-icon-before::before, +.debug-with-shopping-cart-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shopping-cart-16-svg); +} + +.debug-with-shopping-cart-24-mask-before::before, +.debug-with-shopping-cart-24-icon-before::before, +.debug-with-shopping-cart-24-mask-after::after, +.debug-with-shopping-cart-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shopping-cart-24-mask-before::before, +.debug-with-shopping-cart-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shopping-cart-24-svg); + mask-image: var(--shopping-cart-24-svg); +} +.debug-with-shopping-cart-24-icon-before::before, +.debug-with-shopping-cart-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shopping-cart-24-svg); +} + +.debug-with-shuffle-16-mask-before::before, +.debug-with-shuffle-16-icon-before::before, +.debug-with-shuffle-16-mask-after::after, +.debug-with-shuffle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shuffle-16-mask-before::before, +.debug-with-shuffle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shuffle-16-svg); + mask-image: var(--shuffle-16-svg); +} +.debug-with-shuffle-16-icon-before::before, +.debug-with-shuffle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shuffle-16-svg); +} + +.debug-with-shuffle-24-mask-before::before, +.debug-with-shuffle-24-icon-before::before, +.debug-with-shuffle-24-mask-after::after, +.debug-with-shuffle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-shuffle-24-mask-before::before, +.debug-with-shuffle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--shuffle-24-svg); + mask-image: var(--shuffle-24-svg); +} +.debug-with-shuffle-24-icon-before::before, +.debug-with-shuffle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--shuffle-24-svg); +} + +.debug-with-sidebar-16-mask-before::before, +.debug-with-sidebar-16-icon-before::before, +.debug-with-sidebar-16-mask-after::after, +.debug-with-sidebar-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-16-mask-before::before, +.debug-with-sidebar-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-16-svg); + mask-image: var(--sidebar-16-svg); +} +.debug-with-sidebar-16-icon-before::before, +.debug-with-sidebar-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-16-svg); +} + +.debug-with-sidebar-24-mask-before::before, +.debug-with-sidebar-24-icon-before::before, +.debug-with-sidebar-24-mask-after::after, +.debug-with-sidebar-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-24-mask-before::before, +.debug-with-sidebar-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-24-svg); + mask-image: var(--sidebar-24-svg); +} +.debug-with-sidebar-24-icon-before::before, +.debug-with-sidebar-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-24-svg); +} + +.debug-with-sidebar-hide-16-mask-before::before, +.debug-with-sidebar-hide-16-icon-before::before, +.debug-with-sidebar-hide-16-mask-after::after, +.debug-with-sidebar-hide-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-hide-16-mask-before::before, +.debug-with-sidebar-hide-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-hide-16-svg); + mask-image: var(--sidebar-hide-16-svg); +} +.debug-with-sidebar-hide-16-icon-before::before, +.debug-with-sidebar-hide-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-hide-16-svg); +} + +.debug-with-sidebar-hide-24-mask-before::before, +.debug-with-sidebar-hide-24-icon-before::before, +.debug-with-sidebar-hide-24-mask-after::after, +.debug-with-sidebar-hide-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-hide-24-mask-before::before, +.debug-with-sidebar-hide-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-hide-24-svg); + mask-image: var(--sidebar-hide-24-svg); +} +.debug-with-sidebar-hide-24-icon-before::before, +.debug-with-sidebar-hide-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-hide-24-svg); +} + +.debug-with-sidebar-show-16-mask-before::before, +.debug-with-sidebar-show-16-icon-before::before, +.debug-with-sidebar-show-16-mask-after::after, +.debug-with-sidebar-show-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-show-16-mask-before::before, +.debug-with-sidebar-show-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-show-16-svg); + mask-image: var(--sidebar-show-16-svg); +} +.debug-with-sidebar-show-16-icon-before::before, +.debug-with-sidebar-show-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-show-16-svg); +} + +.debug-with-sidebar-show-24-mask-before::before, +.debug-with-sidebar-show-24-icon-before::before, +.debug-with-sidebar-show-24-mask-after::after, +.debug-with-sidebar-show-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sidebar-show-24-mask-before::before, +.debug-with-sidebar-show-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sidebar-show-24-svg); + mask-image: var(--sidebar-show-24-svg); +} +.debug-with-sidebar-show-24-icon-before::before, +.debug-with-sidebar-show-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sidebar-show-24-svg); +} + +.debug-with-sign-in-16-mask-before::before, +.debug-with-sign-in-16-icon-before::before, +.debug-with-sign-in-16-mask-after::after, +.debug-with-sign-in-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sign-in-16-mask-before::before, +.debug-with-sign-in-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sign-in-16-svg); + mask-image: var(--sign-in-16-svg); +} +.debug-with-sign-in-16-icon-before::before, +.debug-with-sign-in-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sign-in-16-svg); +} + +.debug-with-sign-in-24-mask-before::before, +.debug-with-sign-in-24-icon-before::before, +.debug-with-sign-in-24-mask-after::after, +.debug-with-sign-in-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sign-in-24-mask-before::before, +.debug-with-sign-in-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sign-in-24-svg); + mask-image: var(--sign-in-24-svg); +} +.debug-with-sign-in-24-icon-before::before, +.debug-with-sign-in-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sign-in-24-svg); +} + +.debug-with-sign-out-16-mask-before::before, +.debug-with-sign-out-16-icon-before::before, +.debug-with-sign-out-16-mask-after::after, +.debug-with-sign-out-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sign-out-16-mask-before::before, +.debug-with-sign-out-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sign-out-16-svg); + mask-image: var(--sign-out-16-svg); +} +.debug-with-sign-out-16-icon-before::before, +.debug-with-sign-out-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sign-out-16-svg); +} + +.debug-with-sign-out-24-mask-before::before, +.debug-with-sign-out-24-icon-before::before, +.debug-with-sign-out-24-mask-after::after, +.debug-with-sign-out-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sign-out-24-mask-before::before, +.debug-with-sign-out-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sign-out-24-svg); + mask-image: var(--sign-out-24-svg); +} +.debug-with-sign-out-24-icon-before::before, +.debug-with-sign-out-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sign-out-24-svg); +} + +.debug-with-skip-16-mask-before::before, +.debug-with-skip-16-icon-before::before, +.debug-with-skip-16-mask-after::after, +.debug-with-skip-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-16-mask-before::before, +.debug-with-skip-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-16-svg); + mask-image: var(--skip-16-svg); +} +.debug-with-skip-16-icon-before::before, +.debug-with-skip-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-16-svg); +} + +.debug-with-skip-24-mask-before::before, +.debug-with-skip-24-icon-before::before, +.debug-with-skip-24-mask-after::after, +.debug-with-skip-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-24-mask-before::before, +.debug-with-skip-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-24-svg); + mask-image: var(--skip-24-svg); +} +.debug-with-skip-24-icon-before::before, +.debug-with-skip-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-24-svg); +} + +.debug-with-skip-back-16-mask-before::before, +.debug-with-skip-back-16-icon-before::before, +.debug-with-skip-back-16-mask-after::after, +.debug-with-skip-back-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-back-16-mask-before::before, +.debug-with-skip-back-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-back-16-svg); + mask-image: var(--skip-back-16-svg); +} +.debug-with-skip-back-16-icon-before::before, +.debug-with-skip-back-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-back-16-svg); +} + +.debug-with-skip-back-24-mask-before::before, +.debug-with-skip-back-24-icon-before::before, +.debug-with-skip-back-24-mask-after::after, +.debug-with-skip-back-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-back-24-mask-before::before, +.debug-with-skip-back-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-back-24-svg); + mask-image: var(--skip-back-24-svg); +} +.debug-with-skip-back-24-icon-before::before, +.debug-with-skip-back-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-back-24-svg); +} + +.debug-with-skip-forward-16-mask-before::before, +.debug-with-skip-forward-16-icon-before::before, +.debug-with-skip-forward-16-mask-after::after, +.debug-with-skip-forward-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-forward-16-mask-before::before, +.debug-with-skip-forward-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-forward-16-svg); + mask-image: var(--skip-forward-16-svg); +} +.debug-with-skip-forward-16-icon-before::before, +.debug-with-skip-forward-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-forward-16-svg); +} + +.debug-with-skip-forward-24-mask-before::before, +.debug-with-skip-forward-24-icon-before::before, +.debug-with-skip-forward-24-mask-after::after, +.debug-with-skip-forward-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-skip-forward-24-mask-before::before, +.debug-with-skip-forward-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--skip-forward-24-svg); + mask-image: var(--skip-forward-24-svg); +} +.debug-with-skip-forward-24-icon-before::before, +.debug-with-skip-forward-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--skip-forward-24-svg); +} + +.debug-with-slack-16-mask-before::before, +.debug-with-slack-16-icon-before::before, +.debug-with-slack-16-mask-after::after, +.debug-with-slack-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slack-16-mask-before::before, +.debug-with-slack-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slack-16-svg); + mask-image: var(--slack-16-svg); +} +.debug-with-slack-16-icon-before::before, +.debug-with-slack-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slack-16-svg); +} + +.debug-with-slack-24-mask-before::before, +.debug-with-slack-24-icon-before::before, +.debug-with-slack-24-mask-after::after, +.debug-with-slack-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slack-24-mask-before::before, +.debug-with-slack-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slack-24-svg); + mask-image: var(--slack-24-svg); +} +.debug-with-slack-24-icon-before::before, +.debug-with-slack-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slack-24-svg); +} + +.debug-with-slack-color-16-mask-before::before, +.debug-with-slack-color-16-icon-before::before, +.debug-with-slack-color-16-mask-after::after, +.debug-with-slack-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slack-color-16-mask-before::before, +.debug-with-slack-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slack-color-16-svg); + mask-image: var(--slack-color-16-svg); +} +.debug-with-slack-color-16-icon-before::before, +.debug-with-slack-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slack-color-16-svg); +} + +.debug-with-slack-color-24-mask-before::before, +.debug-with-slack-color-24-icon-before::before, +.debug-with-slack-color-24-mask-after::after, +.debug-with-slack-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slack-color-24-mask-before::before, +.debug-with-slack-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slack-color-24-svg); + mask-image: var(--slack-color-24-svg); +} +.debug-with-slack-color-24-icon-before::before, +.debug-with-slack-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slack-color-24-svg); +} + +.debug-with-slash-16-mask-before::before, +.debug-with-slash-16-icon-before::before, +.debug-with-slash-16-mask-after::after, +.debug-with-slash-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slash-16-mask-before::before, +.debug-with-slash-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slash-16-svg); + mask-image: var(--slash-16-svg); +} +.debug-with-slash-16-icon-before::before, +.debug-with-slash-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slash-16-svg); +} + +.debug-with-slash-24-mask-before::before, +.debug-with-slash-24-icon-before::before, +.debug-with-slash-24-mask-after::after, +.debug-with-slash-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slash-24-mask-before::before, +.debug-with-slash-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slash-24-svg); + mask-image: var(--slash-24-svg); +} +.debug-with-slash-24-icon-before::before, +.debug-with-slash-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slash-24-svg); +} + +.debug-with-slash-square-16-mask-before::before, +.debug-with-slash-square-16-icon-before::before, +.debug-with-slash-square-16-mask-after::after, +.debug-with-slash-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slash-square-16-mask-before::before, +.debug-with-slash-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slash-square-16-svg); + mask-image: var(--slash-square-16-svg); +} +.debug-with-slash-square-16-icon-before::before, +.debug-with-slash-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slash-square-16-svg); +} + +.debug-with-slash-square-24-mask-before::before, +.debug-with-slash-square-24-icon-before::before, +.debug-with-slash-square-24-mask-after::after, +.debug-with-slash-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-slash-square-24-mask-before::before, +.debug-with-slash-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--slash-square-24-svg); + mask-image: var(--slash-square-24-svg); +} +.debug-with-slash-square-24-icon-before::before, +.debug-with-slash-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--slash-square-24-svg); +} + +.debug-with-sliders-16-mask-before::before, +.debug-with-sliders-16-icon-before::before, +.debug-with-sliders-16-mask-after::after, +.debug-with-sliders-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sliders-16-mask-before::before, +.debug-with-sliders-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sliders-16-svg); + mask-image: var(--sliders-16-svg); +} +.debug-with-sliders-16-icon-before::before, +.debug-with-sliders-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sliders-16-svg); +} + +.debug-with-sliders-24-mask-before::before, +.debug-with-sliders-24-icon-before::before, +.debug-with-sliders-24-mask-after::after, +.debug-with-sliders-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sliders-24-mask-before::before, +.debug-with-sliders-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sliders-24-svg); + mask-image: var(--sliders-24-svg); +} +.debug-with-sliders-24-icon-before::before, +.debug-with-sliders-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sliders-24-svg); +} + +.debug-with-smartphone-16-mask-before::before, +.debug-with-smartphone-16-icon-before::before, +.debug-with-smartphone-16-mask-after::after, +.debug-with-smartphone-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-smartphone-16-mask-before::before, +.debug-with-smartphone-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--smartphone-16-svg); + mask-image: var(--smartphone-16-svg); +} +.debug-with-smartphone-16-icon-before::before, +.debug-with-smartphone-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--smartphone-16-svg); +} + +.debug-with-smartphone-24-mask-before::before, +.debug-with-smartphone-24-icon-before::before, +.debug-with-smartphone-24-mask-after::after, +.debug-with-smartphone-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-smartphone-24-mask-before::before, +.debug-with-smartphone-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--smartphone-24-svg); + mask-image: var(--smartphone-24-svg); +} +.debug-with-smartphone-24-icon-before::before, +.debug-with-smartphone-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--smartphone-24-svg); +} + +.debug-with-smile-16-mask-before::before, +.debug-with-smile-16-icon-before::before, +.debug-with-smile-16-mask-after::after, +.debug-with-smile-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-smile-16-mask-before::before, +.debug-with-smile-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--smile-16-svg); + mask-image: var(--smile-16-svg); +} +.debug-with-smile-16-icon-before::before, +.debug-with-smile-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--smile-16-svg); +} + +.debug-with-smile-24-mask-before::before, +.debug-with-smile-24-icon-before::before, +.debug-with-smile-24-mask-after::after, +.debug-with-smile-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-smile-24-mask-before::before, +.debug-with-smile-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--smile-24-svg); + mask-image: var(--smile-24-svg); +} +.debug-with-smile-24-icon-before::before, +.debug-with-smile-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--smile-24-svg); +} + +.debug-with-socket-16-mask-before::before, +.debug-with-socket-16-icon-before::before, +.debug-with-socket-16-mask-after::after, +.debug-with-socket-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-socket-16-mask-before::before, +.debug-with-socket-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--socket-16-svg); + mask-image: var(--socket-16-svg); +} +.debug-with-socket-16-icon-before::before, +.debug-with-socket-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--socket-16-svg); +} + +.debug-with-socket-24-mask-before::before, +.debug-with-socket-24-icon-before::before, +.debug-with-socket-24-mask-after::after, +.debug-with-socket-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-socket-24-mask-before::before, +.debug-with-socket-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--socket-24-svg); + mask-image: var(--socket-24-svg); +} +.debug-with-socket-24-icon-before::before, +.debug-with-socket-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--socket-24-svg); +} + +.debug-with-socket-mask-before::before, +.debug-with-socket-icon-before::before, +.debug-with-socket-mask-after::after, +.debug-with-socket-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-socket-mask-before::before, +.debug-with-socket-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--socket-svg); + mask-image: var(--socket-svg); +} +.debug-with-socket-icon-before::before, +.debug-with-socket-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--socket-svg); +} + +.debug-with-sort-asc-16-mask-before::before, +.debug-with-sort-asc-16-icon-before::before, +.debug-with-sort-asc-16-mask-after::after, +.debug-with-sort-asc-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sort-asc-16-mask-before::before, +.debug-with-sort-asc-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sort-asc-16-svg); + mask-image: var(--sort-asc-16-svg); +} +.debug-with-sort-asc-16-icon-before::before, +.debug-with-sort-asc-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sort-asc-16-svg); +} + +.debug-with-sort-asc-24-mask-before::before, +.debug-with-sort-asc-24-icon-before::before, +.debug-with-sort-asc-24-mask-after::after, +.debug-with-sort-asc-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sort-asc-24-mask-before::before, +.debug-with-sort-asc-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sort-asc-24-svg); + mask-image: var(--sort-asc-24-svg); +} +.debug-with-sort-asc-24-icon-before::before, +.debug-with-sort-asc-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sort-asc-24-svg); +} + +.debug-with-sort-desc-16-mask-before::before, +.debug-with-sort-desc-16-icon-before::before, +.debug-with-sort-desc-16-mask-after::after, +.debug-with-sort-desc-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sort-desc-16-mask-before::before, +.debug-with-sort-desc-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sort-desc-16-svg); + mask-image: var(--sort-desc-16-svg); +} +.debug-with-sort-desc-16-icon-before::before, +.debug-with-sort-desc-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sort-desc-16-svg); +} + +.debug-with-sort-desc-24-mask-before::before, +.debug-with-sort-desc-24-icon-before::before, +.debug-with-sort-desc-24-mask-after::after, +.debug-with-sort-desc-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sort-desc-24-mask-before::before, +.debug-with-sort-desc-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sort-desc-24-svg); + mask-image: var(--sort-desc-24-svg); +} +.debug-with-sort-desc-24-icon-before::before, +.debug-with-sort-desc-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sort-desc-24-svg); +} + +.debug-with-sort-mask-before::before, +.debug-with-sort-icon-before::before, +.debug-with-sort-mask-after::after, +.debug-with-sort-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sort-mask-before::before, +.debug-with-sort-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sort-svg); + mask-image: var(--sort-svg); +} +.debug-with-sort-icon-before::before, +.debug-with-sort-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sort-svg); +} + +.debug-with-source-file-mask-before::before, +.debug-with-source-file-icon-before::before, +.debug-with-source-file-mask-after::after, +.debug-with-source-file-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-source-file-mask-before::before, +.debug-with-source-file-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--source-file-svg); + mask-image: var(--source-file-svg); +} +.debug-with-source-file-icon-before::before, +.debug-with-source-file-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--source-file-svg); +} + +.debug-with-speaker-16-mask-before::before, +.debug-with-speaker-16-icon-before::before, +.debug-with-speaker-16-mask-after::after, +.debug-with-speaker-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-speaker-16-mask-before::before, +.debug-with-speaker-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--speaker-16-svg); + mask-image: var(--speaker-16-svg); +} +.debug-with-speaker-16-icon-before::before, +.debug-with-speaker-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--speaker-16-svg); +} + +.debug-with-speaker-24-mask-before::before, +.debug-with-speaker-24-icon-before::before, +.debug-with-speaker-24-mask-after::after, +.debug-with-speaker-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-speaker-24-mask-before::before, +.debug-with-speaker-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--speaker-24-svg); + mask-image: var(--speaker-24-svg); +} +.debug-with-speaker-24-icon-before::before, +.debug-with-speaker-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--speaker-24-svg); +} + +.debug-with-square-16-mask-before::before, +.debug-with-square-16-icon-before::before, +.debug-with-square-16-mask-after::after, +.debug-with-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-square-16-mask-before::before, +.debug-with-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--square-16-svg); + mask-image: var(--square-16-svg); +} +.debug-with-square-16-icon-before::before, +.debug-with-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--square-16-svg); +} + +.debug-with-square-24-mask-before::before, +.debug-with-square-24-icon-before::before, +.debug-with-square-24-mask-after::after, +.debug-with-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-square-24-mask-before::before, +.debug-with-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--square-24-svg); + mask-image: var(--square-24-svg); +} +.debug-with-square-24-icon-before::before, +.debug-with-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--square-24-svg); +} + +.debug-with-square-fill-16-mask-before::before, +.debug-with-square-fill-16-icon-before::before, +.debug-with-square-fill-16-mask-after::after, +.debug-with-square-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-square-fill-16-mask-before::before, +.debug-with-square-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--square-fill-16-svg); + mask-image: var(--square-fill-16-svg); +} +.debug-with-square-fill-16-icon-before::before, +.debug-with-square-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--square-fill-16-svg); +} + +.debug-with-square-fill-24-mask-before::before, +.debug-with-square-fill-24-icon-before::before, +.debug-with-square-fill-24-mask-after::after, +.debug-with-square-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-square-fill-24-mask-before::before, +.debug-with-square-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--square-fill-24-svg); + mask-image: var(--square-fill-24-svg); +} +.debug-with-square-fill-24-icon-before::before, +.debug-with-square-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--square-fill-24-svg); +} + +.debug-with-star-16-mask-before::before, +.debug-with-star-16-icon-before::before, +.debug-with-star-16-mask-after::after, +.debug-with-star-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-16-mask-before::before, +.debug-with-star-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-16-svg); + mask-image: var(--star-16-svg); +} +.debug-with-star-16-icon-before::before, +.debug-with-star-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-16-svg); +} + +.debug-with-star-24-mask-before::before, +.debug-with-star-24-icon-before::before, +.debug-with-star-24-mask-after::after, +.debug-with-star-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-24-mask-before::before, +.debug-with-star-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-24-svg); + mask-image: var(--star-24-svg); +} +.debug-with-star-24-icon-before::before, +.debug-with-star-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-24-svg); +} + +.debug-with-star-circle-16-mask-before::before, +.debug-with-star-circle-16-icon-before::before, +.debug-with-star-circle-16-mask-after::after, +.debug-with-star-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-circle-16-mask-before::before, +.debug-with-star-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-circle-16-svg); + mask-image: var(--star-circle-16-svg); +} +.debug-with-star-circle-16-icon-before::before, +.debug-with-star-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-circle-16-svg); +} + +.debug-with-star-circle-24-mask-before::before, +.debug-with-star-circle-24-icon-before::before, +.debug-with-star-circle-24-mask-after::after, +.debug-with-star-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-circle-24-mask-before::before, +.debug-with-star-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-circle-24-svg); + mask-image: var(--star-circle-24-svg); +} +.debug-with-star-circle-24-icon-before::before, +.debug-with-star-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-circle-24-svg); +} + +.debug-with-star-fill-16-mask-before::before, +.debug-with-star-fill-16-icon-before::before, +.debug-with-star-fill-16-mask-after::after, +.debug-with-star-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-fill-16-mask-before::before, +.debug-with-star-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-fill-16-svg); + mask-image: var(--star-fill-16-svg); +} +.debug-with-star-fill-16-icon-before::before, +.debug-with-star-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-fill-16-svg); +} + +.debug-with-star-fill-24-mask-before::before, +.debug-with-star-fill-24-icon-before::before, +.debug-with-star-fill-24-mask-after::after, +.debug-with-star-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-fill-24-mask-before::before, +.debug-with-star-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-fill-24-svg); + mask-image: var(--star-fill-24-svg); +} +.debug-with-star-fill-24-icon-before::before, +.debug-with-star-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-fill-24-svg); +} + +.debug-with-star-fill-mask-before::before, +.debug-with-star-fill-icon-before::before, +.debug-with-star-fill-mask-after::after, +.debug-with-star-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-fill-mask-before::before, +.debug-with-star-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-fill-svg); + mask-image: var(--star-fill-svg); +} +.debug-with-star-fill-icon-before::before, +.debug-with-star-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-fill-svg); +} + +.debug-with-star-off-16-mask-before::before, +.debug-with-star-off-16-icon-before::before, +.debug-with-star-off-16-mask-after::after, +.debug-with-star-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-off-16-mask-before::before, +.debug-with-star-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-off-16-svg); + mask-image: var(--star-off-16-svg); +} +.debug-with-star-off-16-icon-before::before, +.debug-with-star-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-off-16-svg); +} + +.debug-with-star-off-24-mask-before::before, +.debug-with-star-off-24-icon-before::before, +.debug-with-star-off-24-mask-after::after, +.debug-with-star-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-off-24-mask-before::before, +.debug-with-star-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-off-24-svg); + mask-image: var(--star-off-24-svg); +} +.debug-with-star-off-24-icon-before::before, +.debug-with-star-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-off-24-svg); +} + +.debug-with-star-outline-mask-before::before, +.debug-with-star-outline-icon-before::before, +.debug-with-star-outline-mask-after::after, +.debug-with-star-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-star-outline-mask-before::before, +.debug-with-star-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--star-outline-svg); + mask-image: var(--star-outline-svg); +} +.debug-with-star-outline-icon-before::before, +.debug-with-star-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--star-outline-svg); +} + +.debug-with-stop-circle-16-mask-before::before, +.debug-with-stop-circle-16-icon-before::before, +.debug-with-stop-circle-16-mask-after::after, +.debug-with-stop-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-stop-circle-16-mask-before::before, +.debug-with-stop-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--stop-circle-16-svg); + mask-image: var(--stop-circle-16-svg); +} +.debug-with-stop-circle-16-icon-before::before, +.debug-with-stop-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--stop-circle-16-svg); +} + +.debug-with-stop-circle-24-mask-before::before, +.debug-with-stop-circle-24-icon-before::before, +.debug-with-stop-circle-24-mask-after::after, +.debug-with-stop-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-stop-circle-24-mask-before::before, +.debug-with-stop-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--stop-circle-24-svg); + mask-image: var(--stop-circle-24-svg); +} +.debug-with-stop-circle-24-icon-before::before, +.debug-with-stop-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--stop-circle-24-svg); +} + +.debug-with-sub-left-mask-before::before, +.debug-with-sub-left-icon-before::before, +.debug-with-sub-left-mask-after::after, +.debug-with-sub-left-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sub-left-mask-before::before, +.debug-with-sub-left-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sub-left-svg); + mask-image: var(--sub-left-svg); +} +.debug-with-sub-left-icon-before::before, +.debug-with-sub-left-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sub-left-svg); +} + +.debug-with-sub-right-mask-before::before, +.debug-with-sub-right-icon-before::before, +.debug-with-sub-right-mask-after::after, +.debug-with-sub-right-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sub-right-mask-before::before, +.debug-with-sub-right-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sub-right-svg); + mask-image: var(--sub-right-svg); +} +.debug-with-sub-right-icon-before::before, +.debug-with-sub-right-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sub-right-svg); +} + +.debug-with-sun-16-mask-before::before, +.debug-with-sun-16-icon-before::before, +.debug-with-sun-16-mask-after::after, +.debug-with-sun-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sun-16-mask-before::before, +.debug-with-sun-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sun-16-svg); + mask-image: var(--sun-16-svg); +} +.debug-with-sun-16-icon-before::before, +.debug-with-sun-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sun-16-svg); +} + +.debug-with-sun-24-mask-before::before, +.debug-with-sun-24-icon-before::before, +.debug-with-sun-24-mask-after::after, +.debug-with-sun-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sun-24-mask-before::before, +.debug-with-sun-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sun-24-svg); + mask-image: var(--sun-24-svg); +} +.debug-with-sun-24-icon-before::before, +.debug-with-sun-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sun-24-svg); +} + +.debug-with-support-16-mask-before::before, +.debug-with-support-16-icon-before::before, +.debug-with-support-16-mask-after::after, +.debug-with-support-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-support-16-mask-before::before, +.debug-with-support-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--support-16-svg); + mask-image: var(--support-16-svg); +} +.debug-with-support-16-icon-before::before, +.debug-with-support-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--support-16-svg); +} + +.debug-with-support-24-mask-before::before, +.debug-with-support-24-icon-before::before, +.debug-with-support-24-mask-after::after, +.debug-with-support-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-support-24-mask-before::before, +.debug-with-support-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--support-24-svg); + mask-image: var(--support-24-svg); +} +.debug-with-support-24-icon-before::before, +.debug-with-support-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--support-24-svg); +} + +.debug-with-support-mask-before::before, +.debug-with-support-icon-before::before, +.debug-with-support-mask-after::after, +.debug-with-support-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-support-mask-before::before, +.debug-with-support-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--support-svg); + mask-image: var(--support-svg); +} +.debug-with-support-icon-before::before, +.debug-with-support-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--support-svg); +} + +.debug-with-swap-horizontal-16-mask-before::before, +.debug-with-swap-horizontal-16-icon-before::before, +.debug-with-swap-horizontal-16-mask-after::after, +.debug-with-swap-horizontal-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-horizontal-16-mask-before::before, +.debug-with-swap-horizontal-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-horizontal-16-svg); + mask-image: var(--swap-horizontal-16-svg); +} +.debug-with-swap-horizontal-16-icon-before::before, +.debug-with-swap-horizontal-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-horizontal-16-svg); +} + +.debug-with-swap-horizontal-24-mask-before::before, +.debug-with-swap-horizontal-24-icon-before::before, +.debug-with-swap-horizontal-24-mask-after::after, +.debug-with-swap-horizontal-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-horizontal-24-mask-before::before, +.debug-with-swap-horizontal-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-horizontal-24-svg); + mask-image: var(--swap-horizontal-24-svg); +} +.debug-with-swap-horizontal-24-icon-before::before, +.debug-with-swap-horizontal-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-horizontal-24-svg); +} + +.debug-with-swap-horizontal-mask-before::before, +.debug-with-swap-horizontal-icon-before::before, +.debug-with-swap-horizontal-mask-after::after, +.debug-with-swap-horizontal-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-horizontal-mask-before::before, +.debug-with-swap-horizontal-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-horizontal-svg); + mask-image: var(--swap-horizontal-svg); +} +.debug-with-swap-horizontal-icon-before::before, +.debug-with-swap-horizontal-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-horizontal-svg); +} + +.debug-with-swap-vertical-16-mask-before::before, +.debug-with-swap-vertical-16-icon-before::before, +.debug-with-swap-vertical-16-mask-after::after, +.debug-with-swap-vertical-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-vertical-16-mask-before::before, +.debug-with-swap-vertical-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-vertical-16-svg); + mask-image: var(--swap-vertical-16-svg); +} +.debug-with-swap-vertical-16-icon-before::before, +.debug-with-swap-vertical-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-vertical-16-svg); +} + +.debug-with-swap-vertical-24-mask-before::before, +.debug-with-swap-vertical-24-icon-before::before, +.debug-with-swap-vertical-24-mask-after::after, +.debug-with-swap-vertical-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-vertical-24-mask-before::before, +.debug-with-swap-vertical-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-vertical-24-svg); + mask-image: var(--swap-vertical-24-svg); +} +.debug-with-swap-vertical-24-icon-before::before, +.debug-with-swap-vertical-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-vertical-24-svg); +} + +.debug-with-swap-vertical-mask-before::before, +.debug-with-swap-vertical-icon-before::before, +.debug-with-swap-vertical-mask-after::after, +.debug-with-swap-vertical-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-swap-vertical-mask-before::before, +.debug-with-swap-vertical-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--swap-vertical-svg); + mask-image: var(--swap-vertical-svg); +} +.debug-with-swap-vertical-icon-before::before, +.debug-with-swap-vertical-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--swap-vertical-svg); +} + +.debug-with-switcher-16-mask-before::before, +.debug-with-switcher-16-icon-before::before, +.debug-with-switcher-16-mask-after::after, +.debug-with-switcher-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-switcher-16-mask-before::before, +.debug-with-switcher-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--switcher-16-svg); + mask-image: var(--switcher-16-svg); +} +.debug-with-switcher-16-icon-before::before, +.debug-with-switcher-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--switcher-16-svg); +} + +.debug-with-switcher-24-mask-before::before, +.debug-with-switcher-24-icon-before::before, +.debug-with-switcher-24-mask-after::after, +.debug-with-switcher-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-switcher-24-mask-before::before, +.debug-with-switcher-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--switcher-24-svg); + mask-image: var(--switcher-24-svg); +} +.debug-with-switcher-24-icon-before::before, +.debug-with-switcher-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--switcher-24-svg); +} + +.debug-with-sync-16-mask-before::before, +.debug-with-sync-16-icon-before::before, +.debug-with-sync-16-mask-after::after, +.debug-with-sync-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-16-mask-before::before, +.debug-with-sync-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-16-svg); + mask-image: var(--sync-16-svg); +} +.debug-with-sync-16-icon-before::before, +.debug-with-sync-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-16-svg); +} + +.debug-with-sync-24-mask-before::before, +.debug-with-sync-24-icon-before::before, +.debug-with-sync-24-mask-after::after, +.debug-with-sync-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-24-mask-before::before, +.debug-with-sync-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-24-svg); + mask-image: var(--sync-24-svg); +} +.debug-with-sync-24-icon-before::before, +.debug-with-sync-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-24-svg); +} + +.debug-with-sync-alert-16-mask-before::before, +.debug-with-sync-alert-16-icon-before::before, +.debug-with-sync-alert-16-mask-after::after, +.debug-with-sync-alert-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-alert-16-mask-before::before, +.debug-with-sync-alert-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-alert-16-svg); + mask-image: var(--sync-alert-16-svg); +} +.debug-with-sync-alert-16-icon-before::before, +.debug-with-sync-alert-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-alert-16-svg); +} + +.debug-with-sync-alert-24-mask-before::before, +.debug-with-sync-alert-24-icon-before::before, +.debug-with-sync-alert-24-mask-after::after, +.debug-with-sync-alert-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-alert-24-mask-before::before, +.debug-with-sync-alert-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-alert-24-svg); + mask-image: var(--sync-alert-24-svg); +} +.debug-with-sync-alert-24-icon-before::before, +.debug-with-sync-alert-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-alert-24-svg); +} + +.debug-with-sync-reverse-16-mask-before::before, +.debug-with-sync-reverse-16-icon-before::before, +.debug-with-sync-reverse-16-mask-after::after, +.debug-with-sync-reverse-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-reverse-16-mask-before::before, +.debug-with-sync-reverse-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-reverse-16-svg); + mask-image: var(--sync-reverse-16-svg); +} +.debug-with-sync-reverse-16-icon-before::before, +.debug-with-sync-reverse-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-reverse-16-svg); +} + +.debug-with-sync-reverse-24-mask-before::before, +.debug-with-sync-reverse-24-icon-before::before, +.debug-with-sync-reverse-24-mask-after::after, +.debug-with-sync-reverse-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-sync-reverse-24-mask-before::before, +.debug-with-sync-reverse-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--sync-reverse-24-svg); + mask-image: var(--sync-reverse-24-svg); +} +.debug-with-sync-reverse-24-icon-before::before, +.debug-with-sync-reverse-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--sync-reverse-24-svg); +} + +.debug-with-tablet-16-mask-before::before, +.debug-with-tablet-16-icon-before::before, +.debug-with-tablet-16-mask-after::after, +.debug-with-tablet-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tablet-16-mask-before::before, +.debug-with-tablet-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tablet-16-svg); + mask-image: var(--tablet-16-svg); +} +.debug-with-tablet-16-icon-before::before, +.debug-with-tablet-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tablet-16-svg); +} + +.debug-with-tablet-24-mask-before::before, +.debug-with-tablet-24-icon-before::before, +.debug-with-tablet-24-mask-after::after, +.debug-with-tablet-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tablet-24-mask-before::before, +.debug-with-tablet-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tablet-24-svg); + mask-image: var(--tablet-24-svg); +} +.debug-with-tablet-24-icon-before::before, +.debug-with-tablet-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tablet-24-svg); +} + +.debug-with-tag-16-mask-before::before, +.debug-with-tag-16-icon-before::before, +.debug-with-tag-16-mask-after::after, +.debug-with-tag-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tag-16-mask-before::before, +.debug-with-tag-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tag-16-svg); + mask-image: var(--tag-16-svg); +} +.debug-with-tag-16-icon-before::before, +.debug-with-tag-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tag-16-svg); +} + +.debug-with-tag-24-mask-before::before, +.debug-with-tag-24-icon-before::before, +.debug-with-tag-24-mask-after::after, +.debug-with-tag-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tag-24-mask-before::before, +.debug-with-tag-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tag-24-svg); + mask-image: var(--tag-24-svg); +} +.debug-with-tag-24-icon-before::before, +.debug-with-tag-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tag-24-svg); +} + +.debug-with-tag-mask-before::before, +.debug-with-tag-icon-before::before, +.debug-with-tag-mask-after::after, +.debug-with-tag-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tag-mask-before::before, +.debug-with-tag-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tag-svg); + mask-image: var(--tag-svg); +} +.debug-with-tag-icon-before::before, +.debug-with-tag-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tag-svg); +} + +.debug-with-target-16-mask-before::before, +.debug-with-target-16-icon-before::before, +.debug-with-target-16-mask-after::after, +.debug-with-target-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-target-16-mask-before::before, +.debug-with-target-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--target-16-svg); + mask-image: var(--target-16-svg); +} +.debug-with-target-16-icon-before::before, +.debug-with-target-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--target-16-svg); +} + +.debug-with-target-24-mask-before::before, +.debug-with-target-24-icon-before::before, +.debug-with-target-24-mask-after::after, +.debug-with-target-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-target-24-mask-before::before, +.debug-with-target-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--target-24-svg); + mask-image: var(--target-24-svg); +} +.debug-with-target-24-icon-before::before, +.debug-with-target-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--target-24-svg); +} + +.debug-with-terminal-16-mask-before::before, +.debug-with-terminal-16-icon-before::before, +.debug-with-terminal-16-mask-after::after, +.debug-with-terminal-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terminal-16-mask-before::before, +.debug-with-terminal-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terminal-16-svg); + mask-image: var(--terminal-16-svg); +} +.debug-with-terminal-16-icon-before::before, +.debug-with-terminal-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terminal-16-svg); +} + +.debug-with-terminal-24-mask-before::before, +.debug-with-terminal-24-icon-before::before, +.debug-with-terminal-24-mask-after::after, +.debug-with-terminal-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terminal-24-mask-before::before, +.debug-with-terminal-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terminal-24-svg); + mask-image: var(--terminal-24-svg); +} +.debug-with-terminal-24-icon-before::before, +.debug-with-terminal-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terminal-24-svg); +} + +.debug-with-terminal-screen-16-mask-before::before, +.debug-with-terminal-screen-16-icon-before::before, +.debug-with-terminal-screen-16-mask-after::after, +.debug-with-terminal-screen-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terminal-screen-16-mask-before::before, +.debug-with-terminal-screen-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terminal-screen-16-svg); + mask-image: var(--terminal-screen-16-svg); +} +.debug-with-terminal-screen-16-icon-before::before, +.debug-with-terminal-screen-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terminal-screen-16-svg); +} + +.debug-with-terminal-screen-24-mask-before::before, +.debug-with-terminal-screen-24-icon-before::before, +.debug-with-terminal-screen-24-mask-after::after, +.debug-with-terminal-screen-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-terminal-screen-24-mask-before::before, +.debug-with-terminal-screen-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--terminal-screen-24-svg); + mask-image: var(--terminal-screen-24-svg); +} +.debug-with-terminal-screen-24-icon-before::before, +.debug-with-terminal-screen-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--terminal-screen-24-svg); +} + +.debug-with-thumbs-down-16-mask-before::before, +.debug-with-thumbs-down-16-icon-before::before, +.debug-with-thumbs-down-16-mask-after::after, +.debug-with-thumbs-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-thumbs-down-16-mask-before::before, +.debug-with-thumbs-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--thumbs-down-16-svg); + mask-image: var(--thumbs-down-16-svg); +} +.debug-with-thumbs-down-16-icon-before::before, +.debug-with-thumbs-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--thumbs-down-16-svg); +} + +.debug-with-thumbs-down-24-mask-before::before, +.debug-with-thumbs-down-24-icon-before::before, +.debug-with-thumbs-down-24-mask-after::after, +.debug-with-thumbs-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-thumbs-down-24-mask-before::before, +.debug-with-thumbs-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--thumbs-down-24-svg); + mask-image: var(--thumbs-down-24-svg); +} +.debug-with-thumbs-down-24-icon-before::before, +.debug-with-thumbs-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--thumbs-down-24-svg); +} + +.debug-with-thumbs-up-16-mask-before::before, +.debug-with-thumbs-up-16-icon-before::before, +.debug-with-thumbs-up-16-mask-after::after, +.debug-with-thumbs-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-thumbs-up-16-mask-before::before, +.debug-with-thumbs-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--thumbs-up-16-svg); + mask-image: var(--thumbs-up-16-svg); +} +.debug-with-thumbs-up-16-icon-before::before, +.debug-with-thumbs-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--thumbs-up-16-svg); +} + +.debug-with-thumbs-up-24-mask-before::before, +.debug-with-thumbs-up-24-icon-before::before, +.debug-with-thumbs-up-24-mask-after::after, +.debug-with-thumbs-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-thumbs-up-24-mask-before::before, +.debug-with-thumbs-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--thumbs-up-24-svg); + mask-image: var(--thumbs-up-24-svg); +} +.debug-with-thumbs-up-24-icon-before::before, +.debug-with-thumbs-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--thumbs-up-24-svg); +} + +.debug-with-toggle-left-16-mask-before::before, +.debug-with-toggle-left-16-icon-before::before, +.debug-with-toggle-left-16-mask-after::after, +.debug-with-toggle-left-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-toggle-left-16-mask-before::before, +.debug-with-toggle-left-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--toggle-left-16-svg); + mask-image: var(--toggle-left-16-svg); +} +.debug-with-toggle-left-16-icon-before::before, +.debug-with-toggle-left-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--toggle-left-16-svg); +} + +.debug-with-toggle-left-24-mask-before::before, +.debug-with-toggle-left-24-icon-before::before, +.debug-with-toggle-left-24-mask-after::after, +.debug-with-toggle-left-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-toggle-left-24-mask-before::before, +.debug-with-toggle-left-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--toggle-left-24-svg); + mask-image: var(--toggle-left-24-svg); +} +.debug-with-toggle-left-24-icon-before::before, +.debug-with-toggle-left-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--toggle-left-24-svg); +} + +.debug-with-toggle-right-16-mask-before::before, +.debug-with-toggle-right-16-icon-before::before, +.debug-with-toggle-right-16-mask-after::after, +.debug-with-toggle-right-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-toggle-right-16-mask-before::before, +.debug-with-toggle-right-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--toggle-right-16-svg); + mask-image: var(--toggle-right-16-svg); +} +.debug-with-toggle-right-16-icon-before::before, +.debug-with-toggle-right-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--toggle-right-16-svg); +} + +.debug-with-toggle-right-24-mask-before::before, +.debug-with-toggle-right-24-icon-before::before, +.debug-with-toggle-right-24-mask-after::after, +.debug-with-toggle-right-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-toggle-right-24-mask-before::before, +.debug-with-toggle-right-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--toggle-right-24-svg); + mask-image: var(--toggle-right-24-svg); +} +.debug-with-toggle-right-24-icon-before::before, +.debug-with-toggle-right-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--toggle-right-24-svg); +} + +.debug-with-token-16-mask-before::before, +.debug-with-token-16-icon-before::before, +.debug-with-token-16-mask-after::after, +.debug-with-token-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-token-16-mask-before::before, +.debug-with-token-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--token-16-svg); + mask-image: var(--token-16-svg); +} +.debug-with-token-16-icon-before::before, +.debug-with-token-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--token-16-svg); +} + +.debug-with-token-24-mask-before::before, +.debug-with-token-24-icon-before::before, +.debug-with-token-24-mask-after::after, +.debug-with-token-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-token-24-mask-before::before, +.debug-with-token-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--token-24-svg); + mask-image: var(--token-24-svg); +} +.debug-with-token-24-icon-before::before, +.debug-with-token-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--token-24-svg); +} + +.debug-with-tools-16-mask-before::before, +.debug-with-tools-16-icon-before::before, +.debug-with-tools-16-mask-after::after, +.debug-with-tools-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tools-16-mask-before::before, +.debug-with-tools-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tools-16-svg); + mask-image: var(--tools-16-svg); +} +.debug-with-tools-16-icon-before::before, +.debug-with-tools-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tools-16-svg); +} + +.debug-with-tools-24-mask-before::before, +.debug-with-tools-24-icon-before::before, +.debug-with-tools-24-mask-after::after, +.debug-with-tools-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tools-24-mask-before::before, +.debug-with-tools-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tools-24-svg); + mask-image: var(--tools-24-svg); +} +.debug-with-tools-24-icon-before::before, +.debug-with-tools-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tools-24-svg); +} + +.debug-with-top-16-mask-before::before, +.debug-with-top-16-icon-before::before, +.debug-with-top-16-mask-after::after, +.debug-with-top-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-top-16-mask-before::before, +.debug-with-top-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--top-16-svg); + mask-image: var(--top-16-svg); +} +.debug-with-top-16-icon-before::before, +.debug-with-top-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--top-16-svg); +} + +.debug-with-top-24-mask-before::before, +.debug-with-top-24-icon-before::before, +.debug-with-top-24-mask-after::after, +.debug-with-top-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-top-24-mask-before::before, +.debug-with-top-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--top-24-svg); + mask-image: var(--top-24-svg); +} +.debug-with-top-24-icon-before::before, +.debug-with-top-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--top-24-svg); +} + +.debug-with-trash-16-mask-before::before, +.debug-with-trash-16-icon-before::before, +.debug-with-trash-16-mask-after::after, +.debug-with-trash-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trash-16-mask-before::before, +.debug-with-trash-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trash-16-svg); + mask-image: var(--trash-16-svg); +} +.debug-with-trash-16-icon-before::before, +.debug-with-trash-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trash-16-svg); +} + +.debug-with-trash-24-mask-before::before, +.debug-with-trash-24-icon-before::before, +.debug-with-trash-24-mask-after::after, +.debug-with-trash-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trash-24-mask-before::before, +.debug-with-trash-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trash-24-svg); + mask-image: var(--trash-24-svg); +} +.debug-with-trash-24-icon-before::before, +.debug-with-trash-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trash-24-svg); +} + +.debug-with-trash-mask-before::before, +.debug-with-trash-icon-before::before, +.debug-with-trash-mask-after::after, +.debug-with-trash-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trash-mask-before::before, +.debug-with-trash-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trash-svg); + mask-image: var(--trash-svg); +} +.debug-with-trash-icon-before::before, +.debug-with-trash-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trash-svg); +} + +.debug-with-trend-down-16-mask-before::before, +.debug-with-trend-down-16-icon-before::before, +.debug-with-trend-down-16-mask-after::after, +.debug-with-trend-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trend-down-16-mask-before::before, +.debug-with-trend-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trend-down-16-svg); + mask-image: var(--trend-down-16-svg); +} +.debug-with-trend-down-16-icon-before::before, +.debug-with-trend-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trend-down-16-svg); +} + +.debug-with-trend-down-24-mask-before::before, +.debug-with-trend-down-24-icon-before::before, +.debug-with-trend-down-24-mask-after::after, +.debug-with-trend-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trend-down-24-mask-before::before, +.debug-with-trend-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trend-down-24-svg); + mask-image: var(--trend-down-24-svg); +} +.debug-with-trend-down-24-icon-before::before, +.debug-with-trend-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trend-down-24-svg); +} + +.debug-with-trend-up-16-mask-before::before, +.debug-with-trend-up-16-icon-before::before, +.debug-with-trend-up-16-mask-after::after, +.debug-with-trend-up-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trend-up-16-mask-before::before, +.debug-with-trend-up-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trend-up-16-svg); + mask-image: var(--trend-up-16-svg); +} +.debug-with-trend-up-16-icon-before::before, +.debug-with-trend-up-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trend-up-16-svg); +} + +.debug-with-trend-up-24-mask-before::before, +.debug-with-trend-up-24-icon-before::before, +.debug-with-trend-up-24-mask-after::after, +.debug-with-trend-up-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-trend-up-24-mask-before::before, +.debug-with-trend-up-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--trend-up-24-svg); + mask-image: var(--trend-up-24-svg); +} +.debug-with-trend-up-24-icon-before::before, +.debug-with-trend-up-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--trend-up-24-svg); +} + +.debug-with-triangle-16-mask-before::before, +.debug-with-triangle-16-icon-before::before, +.debug-with-triangle-16-mask-after::after, +.debug-with-triangle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-triangle-16-mask-before::before, +.debug-with-triangle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--triangle-16-svg); + mask-image: var(--triangle-16-svg); +} +.debug-with-triangle-16-icon-before::before, +.debug-with-triangle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--triangle-16-svg); +} + +.debug-with-triangle-24-mask-before::before, +.debug-with-triangle-24-icon-before::before, +.debug-with-triangle-24-mask-after::after, +.debug-with-triangle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-triangle-24-mask-before::before, +.debug-with-triangle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--triangle-24-svg); + mask-image: var(--triangle-24-svg); +} +.debug-with-triangle-24-icon-before::before, +.debug-with-triangle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--triangle-24-svg); +} + +.debug-with-triangle-fill-16-mask-before::before, +.debug-with-triangle-fill-16-icon-before::before, +.debug-with-triangle-fill-16-mask-after::after, +.debug-with-triangle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-triangle-fill-16-mask-before::before, +.debug-with-triangle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--triangle-fill-16-svg); + mask-image: var(--triangle-fill-16-svg); +} +.debug-with-triangle-fill-16-icon-before::before, +.debug-with-triangle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--triangle-fill-16-svg); +} + +.debug-with-triangle-fill-24-mask-before::before, +.debug-with-triangle-fill-24-icon-before::before, +.debug-with-triangle-fill-24-mask-after::after, +.debug-with-triangle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-triangle-fill-24-mask-before::before, +.debug-with-triangle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--triangle-fill-24-svg); + mask-image: var(--triangle-fill-24-svg); +} +.debug-with-triangle-fill-24-icon-before::before, +.debug-with-triangle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--triangle-fill-24-svg); +} + +.debug-with-truck-16-mask-before::before, +.debug-with-truck-16-icon-before::before, +.debug-with-truck-16-mask-after::after, +.debug-with-truck-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-truck-16-mask-before::before, +.debug-with-truck-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--truck-16-svg); + mask-image: var(--truck-16-svg); +} +.debug-with-truck-16-icon-before::before, +.debug-with-truck-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--truck-16-svg); +} + +.debug-with-truck-24-mask-before::before, +.debug-with-truck-24-icon-before::before, +.debug-with-truck-24-mask-after::after, +.debug-with-truck-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-truck-24-mask-before::before, +.debug-with-truck-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--truck-24-svg); + mask-image: var(--truck-24-svg); +} +.debug-with-truck-24-icon-before::before, +.debug-with-truck-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--truck-24-svg); +} + +.debug-with-tune-mask-before::before, +.debug-with-tune-icon-before::before, +.debug-with-tune-mask-after::after, +.debug-with-tune-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tune-mask-before::before, +.debug-with-tune-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tune-svg); + mask-image: var(--tune-svg); +} +.debug-with-tune-icon-before::before, +.debug-with-tune-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tune-svg); +} + +.debug-with-tv-16-mask-before::before, +.debug-with-tv-16-icon-before::before, +.debug-with-tv-16-mask-after::after, +.debug-with-tv-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tv-16-mask-before::before, +.debug-with-tv-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tv-16-svg); + mask-image: var(--tv-16-svg); +} +.debug-with-tv-16-icon-before::before, +.debug-with-tv-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tv-16-svg); +} + +.debug-with-tv-24-mask-before::before, +.debug-with-tv-24-icon-before::before, +.debug-with-tv-24-mask-after::after, +.debug-with-tv-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-tv-24-mask-before::before, +.debug-with-tv-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--tv-24-svg); + mask-image: var(--tv-24-svg); +} +.debug-with-tv-24-icon-before::before, +.debug-with-tv-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--tv-24-svg); +} + +.debug-with-type-16-mask-before::before, +.debug-with-type-16-icon-before::before, +.debug-with-type-16-mask-after::after, +.debug-with-type-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-type-16-mask-before::before, +.debug-with-type-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--type-16-svg); + mask-image: var(--type-16-svg); +} +.debug-with-type-16-icon-before::before, +.debug-with-type-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--type-16-svg); +} + +.debug-with-type-24-mask-before::before, +.debug-with-type-24-icon-before::before, +.debug-with-type-24-mask-after::after, +.debug-with-type-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-type-24-mask-before::before, +.debug-with-type-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--type-24-svg); + mask-image: var(--type-24-svg); +} +.debug-with-type-24-icon-before::before, +.debug-with-type-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--type-24-svg); +} + +.debug-with-unfold-close-16-mask-before::before, +.debug-with-unfold-close-16-icon-before::before, +.debug-with-unfold-close-16-mask-after::after, +.debug-with-unfold-close-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-close-16-mask-before::before, +.debug-with-unfold-close-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-close-16-svg); + mask-image: var(--unfold-close-16-svg); +} +.debug-with-unfold-close-16-icon-before::before, +.debug-with-unfold-close-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-close-16-svg); +} + +.debug-with-unfold-close-24-mask-before::before, +.debug-with-unfold-close-24-icon-before::before, +.debug-with-unfold-close-24-mask-after::after, +.debug-with-unfold-close-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-close-24-mask-before::before, +.debug-with-unfold-close-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-close-24-svg); + mask-image: var(--unfold-close-24-svg); +} +.debug-with-unfold-close-24-icon-before::before, +.debug-with-unfold-close-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-close-24-svg); +} + +.debug-with-unfold-less-mask-before::before, +.debug-with-unfold-less-icon-before::before, +.debug-with-unfold-less-mask-after::after, +.debug-with-unfold-less-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-less-mask-before::before, +.debug-with-unfold-less-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-less-svg); + mask-image: var(--unfold-less-svg); +} +.debug-with-unfold-less-icon-before::before, +.debug-with-unfold-less-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-less-svg); +} + +.debug-with-unfold-more-mask-before::before, +.debug-with-unfold-more-icon-before::before, +.debug-with-unfold-more-mask-after::after, +.debug-with-unfold-more-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-more-mask-before::before, +.debug-with-unfold-more-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-more-svg); + mask-image: var(--unfold-more-svg); +} +.debug-with-unfold-more-icon-before::before, +.debug-with-unfold-more-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-more-svg); +} + +.debug-with-unfold-open-16-mask-before::before, +.debug-with-unfold-open-16-icon-before::before, +.debug-with-unfold-open-16-mask-after::after, +.debug-with-unfold-open-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-open-16-mask-before::before, +.debug-with-unfold-open-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-open-16-svg); + mask-image: var(--unfold-open-16-svg); +} +.debug-with-unfold-open-16-icon-before::before, +.debug-with-unfold-open-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-open-16-svg); +} + +.debug-with-unfold-open-24-mask-before::before, +.debug-with-unfold-open-24-icon-before::before, +.debug-with-unfold-open-24-mask-after::after, +.debug-with-unfold-open-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unfold-open-24-mask-before::before, +.debug-with-unfold-open-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unfold-open-24-svg); + mask-image: var(--unfold-open-24-svg); +} +.debug-with-unfold-open-24-icon-before::before, +.debug-with-unfold-open-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unfold-open-24-svg); +} + +.debug-with-unlock-16-mask-before::before, +.debug-with-unlock-16-icon-before::before, +.debug-with-unlock-16-mask-after::after, +.debug-with-unlock-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unlock-16-mask-before::before, +.debug-with-unlock-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unlock-16-svg); + mask-image: var(--unlock-16-svg); +} +.debug-with-unlock-16-icon-before::before, +.debug-with-unlock-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unlock-16-svg); +} + +.debug-with-unlock-24-mask-before::before, +.debug-with-unlock-24-icon-before::before, +.debug-with-unlock-24-mask-after::after, +.debug-with-unlock-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-unlock-24-mask-before::before, +.debug-with-unlock-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--unlock-24-svg); + mask-image: var(--unlock-24-svg); +} +.debug-with-unlock-24-icon-before::before, +.debug-with-unlock-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--unlock-24-svg); +} + +.debug-with-upload-16-mask-before::before, +.debug-with-upload-16-icon-before::before, +.debug-with-upload-16-mask-after::after, +.debug-with-upload-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-upload-16-mask-before::before, +.debug-with-upload-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--upload-16-svg); + mask-image: var(--upload-16-svg); +} +.debug-with-upload-16-icon-before::before, +.debug-with-upload-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--upload-16-svg); +} + +.debug-with-upload-24-mask-before::before, +.debug-with-upload-24-icon-before::before, +.debug-with-upload-24-mask-after::after, +.debug-with-upload-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-upload-24-mask-before::before, +.debug-with-upload-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--upload-24-svg); + mask-image: var(--upload-24-svg); +} +.debug-with-upload-24-icon-before::before, +.debug-with-upload-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--upload-24-svg); +} + +.debug-with-upload-mask-before::before, +.debug-with-upload-icon-before::before, +.debug-with-upload-mask-after::after, +.debug-with-upload-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-upload-mask-before::before, +.debug-with-upload-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--upload-svg); + mask-image: var(--upload-svg); +} +.debug-with-upload-icon-before::before, +.debug-with-upload-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--upload-svg); +} + +.debug-with-user-16-mask-before::before, +.debug-with-user-16-icon-before::before, +.debug-with-user-16-mask-after::after, +.debug-with-user-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-16-mask-before::before, +.debug-with-user-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-16-svg); + mask-image: var(--user-16-svg); +} +.debug-with-user-16-icon-before::before, +.debug-with-user-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-16-svg); +} + +.debug-with-user-24-mask-before::before, +.debug-with-user-24-icon-before::before, +.debug-with-user-24-mask-after::after, +.debug-with-user-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-24-mask-before::before, +.debug-with-user-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-24-svg); + mask-image: var(--user-24-svg); +} +.debug-with-user-24-icon-before::before, +.debug-with-user-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-24-svg); +} + +.debug-with-user-add-mask-before::before, +.debug-with-user-add-icon-before::before, +.debug-with-user-add-mask-after::after, +.debug-with-user-add-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-add-mask-before::before, +.debug-with-user-add-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-add-svg); + mask-image: var(--user-add-svg); +} +.debug-with-user-add-icon-before::before, +.debug-with-user-add-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-add-svg); +} + +.debug-with-user-check-16-mask-before::before, +.debug-with-user-check-16-icon-before::before, +.debug-with-user-check-16-mask-after::after, +.debug-with-user-check-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-check-16-mask-before::before, +.debug-with-user-check-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-check-16-svg); + mask-image: var(--user-check-16-svg); +} +.debug-with-user-check-16-icon-before::before, +.debug-with-user-check-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-check-16-svg); +} + +.debug-with-user-check-24-mask-before::before, +.debug-with-user-check-24-icon-before::before, +.debug-with-user-check-24-mask-after::after, +.debug-with-user-check-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-check-24-mask-before::before, +.debug-with-user-check-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-check-24-svg); + mask-image: var(--user-check-24-svg); +} +.debug-with-user-check-24-icon-before::before, +.debug-with-user-check-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-check-24-svg); +} + +.debug-with-user-circle-16-mask-before::before, +.debug-with-user-circle-16-icon-before::before, +.debug-with-user-circle-16-mask-after::after, +.debug-with-user-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-circle-16-mask-before::before, +.debug-with-user-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-circle-16-svg); + mask-image: var(--user-circle-16-svg); +} +.debug-with-user-circle-16-icon-before::before, +.debug-with-user-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-circle-16-svg); +} + +.debug-with-user-circle-24-mask-before::before, +.debug-with-user-circle-24-icon-before::before, +.debug-with-user-circle-24-mask-after::after, +.debug-with-user-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-circle-24-mask-before::before, +.debug-with-user-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-circle-24-svg); + mask-image: var(--user-circle-24-svg); +} +.debug-with-user-circle-24-icon-before::before, +.debug-with-user-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-circle-24-svg); +} + +.debug-with-user-circle-fill-16-mask-before::before, +.debug-with-user-circle-fill-16-icon-before::before, +.debug-with-user-circle-fill-16-mask-after::after, +.debug-with-user-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-circle-fill-16-mask-before::before, +.debug-with-user-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-circle-fill-16-svg); + mask-image: var(--user-circle-fill-16-svg); +} +.debug-with-user-circle-fill-16-icon-before::before, +.debug-with-user-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-circle-fill-16-svg); +} + +.debug-with-user-circle-fill-24-mask-before::before, +.debug-with-user-circle-fill-24-icon-before::before, +.debug-with-user-circle-fill-24-mask-after::after, +.debug-with-user-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-circle-fill-24-mask-before::before, +.debug-with-user-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-circle-fill-24-svg); + mask-image: var(--user-circle-fill-24-svg); +} +.debug-with-user-circle-fill-24-icon-before::before, +.debug-with-user-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-circle-fill-24-svg); +} + +.debug-with-user-minus-16-mask-before::before, +.debug-with-user-minus-16-icon-before::before, +.debug-with-user-minus-16-mask-after::after, +.debug-with-user-minus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-minus-16-mask-before::before, +.debug-with-user-minus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-minus-16-svg); + mask-image: var(--user-minus-16-svg); +} +.debug-with-user-minus-16-icon-before::before, +.debug-with-user-minus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-minus-16-svg); +} + +.debug-with-user-minus-24-mask-before::before, +.debug-with-user-minus-24-icon-before::before, +.debug-with-user-minus-24-mask-after::after, +.debug-with-user-minus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-minus-24-mask-before::before, +.debug-with-user-minus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-minus-24-svg); + mask-image: var(--user-minus-24-svg); +} +.debug-with-user-minus-24-icon-before::before, +.debug-with-user-minus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-minus-24-svg); +} + +.debug-with-user-organization-mask-before::before, +.debug-with-user-organization-icon-before::before, +.debug-with-user-organization-mask-after::after, +.debug-with-user-organization-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-organization-mask-before::before, +.debug-with-user-organization-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-organization-svg); + mask-image: var(--user-organization-svg); +} +.debug-with-user-organization-icon-before::before, +.debug-with-user-organization-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-organization-svg); +} + +.debug-with-user-plain-mask-before::before, +.debug-with-user-plain-icon-before::before, +.debug-with-user-plain-mask-after::after, +.debug-with-user-plain-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-plain-mask-before::before, +.debug-with-user-plain-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-plain-svg); + mask-image: var(--user-plain-svg); +} +.debug-with-user-plain-icon-before::before, +.debug-with-user-plain-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-plain-svg); +} + +.debug-with-user-plus-16-mask-before::before, +.debug-with-user-plus-16-icon-before::before, +.debug-with-user-plus-16-mask-after::after, +.debug-with-user-plus-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-plus-16-mask-before::before, +.debug-with-user-plus-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-plus-16-svg); + mask-image: var(--user-plus-16-svg); +} +.debug-with-user-plus-16-icon-before::before, +.debug-with-user-plus-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-plus-16-svg); +} + +.debug-with-user-plus-24-mask-before::before, +.debug-with-user-plus-24-icon-before::before, +.debug-with-user-plus-24-mask-after::after, +.debug-with-user-plus-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-plus-24-mask-before::before, +.debug-with-user-plus-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-plus-24-svg); + mask-image: var(--user-plus-24-svg); +} +.debug-with-user-plus-24-icon-before::before, +.debug-with-user-plus-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-plus-24-svg); +} + +.debug-with-user-square-fill-mask-before::before, +.debug-with-user-square-fill-icon-before::before, +.debug-with-user-square-fill-mask-after::after, +.debug-with-user-square-fill-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-square-fill-mask-before::before, +.debug-with-user-square-fill-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-square-fill-svg); + mask-image: var(--user-square-fill-svg); +} +.debug-with-user-square-fill-icon-before::before, +.debug-with-user-square-fill-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-square-fill-svg); +} + +.debug-with-user-square-outline-mask-before::before, +.debug-with-user-square-outline-icon-before::before, +.debug-with-user-square-outline-mask-after::after, +.debug-with-user-square-outline-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-square-outline-mask-before::before, +.debug-with-user-square-outline-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-square-outline-svg); + mask-image: var(--user-square-outline-svg); +} +.debug-with-user-square-outline-icon-before::before, +.debug-with-user-square-outline-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-square-outline-svg); +} + +.debug-with-user-team-mask-before::before, +.debug-with-user-team-icon-before::before, +.debug-with-user-team-mask-after::after, +.debug-with-user-team-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-team-mask-before::before, +.debug-with-user-team-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-team-svg); + mask-image: var(--user-team-svg); +} +.debug-with-user-team-icon-before::before, +.debug-with-user-team-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-team-svg); +} + +.debug-with-user-x-16-mask-before::before, +.debug-with-user-x-16-icon-before::before, +.debug-with-user-x-16-mask-after::after, +.debug-with-user-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-x-16-mask-before::before, +.debug-with-user-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-x-16-svg); + mask-image: var(--user-x-16-svg); +} +.debug-with-user-x-16-icon-before::before, +.debug-with-user-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-x-16-svg); +} + +.debug-with-user-x-24-mask-before::before, +.debug-with-user-x-24-icon-before::before, +.debug-with-user-x-24-mask-after::after, +.debug-with-user-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-user-x-24-mask-before::before, +.debug-with-user-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--user-x-24-svg); + mask-image: var(--user-x-24-svg); +} +.debug-with-user-x-24-icon-before::before, +.debug-with-user-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--user-x-24-svg); +} + +.debug-with-users-16-mask-before::before, +.debug-with-users-16-icon-before::before, +.debug-with-users-16-mask-after::after, +.debug-with-users-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-users-16-mask-before::before, +.debug-with-users-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--users-16-svg); + mask-image: var(--users-16-svg); +} +.debug-with-users-16-icon-before::before, +.debug-with-users-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--users-16-svg); +} + +.debug-with-users-24-mask-before::before, +.debug-with-users-24-icon-before::before, +.debug-with-users-24-mask-after::after, +.debug-with-users-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-users-24-mask-before::before, +.debug-with-users-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--users-24-svg); + mask-image: var(--users-24-svg); +} +.debug-with-users-24-icon-before::before, +.debug-with-users-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--users-24-svg); +} + +.debug-with-vault-16-mask-before::before, +.debug-with-vault-16-icon-before::before, +.debug-with-vault-16-mask-after::after, +.debug-with-vault-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vault-16-mask-before::before, +.debug-with-vault-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vault-16-svg); + mask-image: var(--vault-16-svg); +} +.debug-with-vault-16-icon-before::before, +.debug-with-vault-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vault-16-svg); +} + +.debug-with-vault-24-mask-before::before, +.debug-with-vault-24-icon-before::before, +.debug-with-vault-24-mask-after::after, +.debug-with-vault-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vault-24-mask-before::before, +.debug-with-vault-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vault-24-svg); + mask-image: var(--vault-24-svg); +} +.debug-with-vault-24-icon-before::before, +.debug-with-vault-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vault-24-svg); +} + +.debug-with-verified-16-mask-before::before, +.debug-with-verified-16-icon-before::before, +.debug-with-verified-16-mask-after::after, +.debug-with-verified-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-verified-16-mask-before::before, +.debug-with-verified-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--verified-16-svg); + mask-image: var(--verified-16-svg); +} +.debug-with-verified-16-icon-before::before, +.debug-with-verified-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--verified-16-svg); +} + +.debug-with-verified-24-mask-before::before, +.debug-with-verified-24-icon-before::before, +.debug-with-verified-24-mask-after::after, +.debug-with-verified-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-verified-24-mask-before::before, +.debug-with-verified-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--verified-24-svg); + mask-image: var(--verified-24-svg); +} +.debug-with-verified-24-icon-before::before, +.debug-with-verified-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--verified-24-svg); +} + +.debug-with-video-16-mask-before::before, +.debug-with-video-16-icon-before::before, +.debug-with-video-16-mask-after::after, +.debug-with-video-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-video-16-mask-before::before, +.debug-with-video-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--video-16-svg); + mask-image: var(--video-16-svg); +} +.debug-with-video-16-icon-before::before, +.debug-with-video-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--video-16-svg); +} + +.debug-with-video-24-mask-before::before, +.debug-with-video-24-icon-before::before, +.debug-with-video-24-mask-after::after, +.debug-with-video-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-video-24-mask-before::before, +.debug-with-video-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--video-24-svg); + mask-image: var(--video-24-svg); +} +.debug-with-video-24-icon-before::before, +.debug-with-video-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--video-24-svg); +} + +.debug-with-video-off-16-mask-before::before, +.debug-with-video-off-16-icon-before::before, +.debug-with-video-off-16-mask-after::after, +.debug-with-video-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-video-off-16-mask-before::before, +.debug-with-video-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--video-off-16-svg); + mask-image: var(--video-off-16-svg); +} +.debug-with-video-off-16-icon-before::before, +.debug-with-video-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--video-off-16-svg); +} + +.debug-with-video-off-24-mask-before::before, +.debug-with-video-off-24-icon-before::before, +.debug-with-video-off-24-mask-after::after, +.debug-with-video-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-video-off-24-mask-before::before, +.debug-with-video-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--video-off-24-svg); + mask-image: var(--video-off-24-svg); +} +.debug-with-video-off-24-icon-before::before, +.debug-with-video-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--video-off-24-svg); +} + +.debug-with-visibility-hide-mask-before::before, +.debug-with-visibility-hide-icon-before::before, +.debug-with-visibility-hide-mask-after::after, +.debug-with-visibility-hide-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-visibility-hide-mask-before::before, +.debug-with-visibility-hide-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--visibility-hide-svg); + mask-image: var(--visibility-hide-svg); +} +.debug-with-visibility-hide-icon-before::before, +.debug-with-visibility-hide-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--visibility-hide-svg); +} + +.debug-with-visibility-show-mask-before::before, +.debug-with-visibility-show-icon-before::before, +.debug-with-visibility-show-mask-after::after, +.debug-with-visibility-show-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-visibility-show-mask-before::before, +.debug-with-visibility-show-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--visibility-show-svg); + mask-image: var(--visibility-show-svg); +} +.debug-with-visibility-show-icon-before::before, +.debug-with-visibility-show-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--visibility-show-svg); +} + +.debug-with-vmware-16-mask-before::before, +.debug-with-vmware-16-icon-before::before, +.debug-with-vmware-16-mask-after::after, +.debug-with-vmware-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vmware-16-mask-before::before, +.debug-with-vmware-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vmware-16-svg); + mask-image: var(--vmware-16-svg); +} +.debug-with-vmware-16-icon-before::before, +.debug-with-vmware-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vmware-16-svg); +} + +.debug-with-vmware-24-mask-before::before, +.debug-with-vmware-24-icon-before::before, +.debug-with-vmware-24-mask-after::after, +.debug-with-vmware-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vmware-24-mask-before::before, +.debug-with-vmware-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vmware-24-svg); + mask-image: var(--vmware-24-svg); +} +.debug-with-vmware-24-icon-before::before, +.debug-with-vmware-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vmware-24-svg); +} + +.debug-with-vmware-color-16-mask-before::before, +.debug-with-vmware-color-16-icon-before::before, +.debug-with-vmware-color-16-mask-after::after, +.debug-with-vmware-color-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vmware-color-16-mask-before::before, +.debug-with-vmware-color-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vmware-color-16-svg); + mask-image: var(--vmware-color-16-svg); +} +.debug-with-vmware-color-16-icon-before::before, +.debug-with-vmware-color-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vmware-color-16-svg); +} + +.debug-with-vmware-color-24-mask-before::before, +.debug-with-vmware-color-24-icon-before::before, +.debug-with-vmware-color-24-mask-after::after, +.debug-with-vmware-color-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-vmware-color-24-mask-before::before, +.debug-with-vmware-color-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--vmware-color-24-svg); + mask-image: var(--vmware-color-24-svg); +} +.debug-with-vmware-color-24-icon-before::before, +.debug-with-vmware-color-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--vmware-color-24-svg); +} + +.debug-with-volume-16-mask-before::before, +.debug-with-volume-16-icon-before::before, +.debug-with-volume-16-mask-after::after, +.debug-with-volume-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-16-mask-before::before, +.debug-with-volume-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-16-svg); + mask-image: var(--volume-16-svg); +} +.debug-with-volume-16-icon-before::before, +.debug-with-volume-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-16-svg); +} + +.debug-with-volume-2-16-mask-before::before, +.debug-with-volume-2-16-icon-before::before, +.debug-with-volume-2-16-mask-after::after, +.debug-with-volume-2-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-2-16-mask-before::before, +.debug-with-volume-2-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-2-16-svg); + mask-image: var(--volume-2-16-svg); +} +.debug-with-volume-2-16-icon-before::before, +.debug-with-volume-2-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-2-16-svg); +} + +.debug-with-volume-2-24-mask-before::before, +.debug-with-volume-2-24-icon-before::before, +.debug-with-volume-2-24-mask-after::after, +.debug-with-volume-2-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-2-24-mask-before::before, +.debug-with-volume-2-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-2-24-svg); + mask-image: var(--volume-2-24-svg); +} +.debug-with-volume-2-24-icon-before::before, +.debug-with-volume-2-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-2-24-svg); +} + +.debug-with-volume-24-mask-before::before, +.debug-with-volume-24-icon-before::before, +.debug-with-volume-24-mask-after::after, +.debug-with-volume-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-24-mask-before::before, +.debug-with-volume-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-24-svg); + mask-image: var(--volume-24-svg); +} +.debug-with-volume-24-icon-before::before, +.debug-with-volume-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-24-svg); +} + +.debug-with-volume-down-16-mask-before::before, +.debug-with-volume-down-16-icon-before::before, +.debug-with-volume-down-16-mask-after::after, +.debug-with-volume-down-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-down-16-mask-before::before, +.debug-with-volume-down-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-down-16-svg); + mask-image: var(--volume-down-16-svg); +} +.debug-with-volume-down-16-icon-before::before, +.debug-with-volume-down-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-down-16-svg); +} + +.debug-with-volume-down-24-mask-before::before, +.debug-with-volume-down-24-icon-before::before, +.debug-with-volume-down-24-mask-after::after, +.debug-with-volume-down-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-down-24-mask-before::before, +.debug-with-volume-down-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-down-24-svg); + mask-image: var(--volume-down-24-svg); +} +.debug-with-volume-down-24-icon-before::before, +.debug-with-volume-down-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-down-24-svg); +} + +.debug-with-volume-x-16-mask-before::before, +.debug-with-volume-x-16-icon-before::before, +.debug-with-volume-x-16-mask-after::after, +.debug-with-volume-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-x-16-mask-before::before, +.debug-with-volume-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-x-16-svg); + mask-image: var(--volume-x-16-svg); +} +.debug-with-volume-x-16-icon-before::before, +.debug-with-volume-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-x-16-svg); +} + +.debug-with-volume-x-24-mask-before::before, +.debug-with-volume-x-24-icon-before::before, +.debug-with-volume-x-24-mask-after::after, +.debug-with-volume-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-volume-x-24-mask-before::before, +.debug-with-volume-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--volume-x-24-svg); + mask-image: var(--volume-x-24-svg); +} +.debug-with-volume-x-24-icon-before::before, +.debug-with-volume-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--volume-x-24-svg); +} + +.debug-with-wall-16-mask-before::before, +.debug-with-wall-16-icon-before::before, +.debug-with-wall-16-mask-after::after, +.debug-with-wall-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wall-16-mask-before::before, +.debug-with-wall-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wall-16-svg); + mask-image: var(--wall-16-svg); +} +.debug-with-wall-16-icon-before::before, +.debug-with-wall-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wall-16-svg); +} + +.debug-with-wall-24-mask-before::before, +.debug-with-wall-24-icon-before::before, +.debug-with-wall-24-mask-after::after, +.debug-with-wall-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wall-24-mask-before::before, +.debug-with-wall-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wall-24-svg); + mask-image: var(--wall-24-svg); +} +.debug-with-wall-24-icon-before::before, +.debug-with-wall-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wall-24-svg); +} + +.debug-with-watch-16-mask-before::before, +.debug-with-watch-16-icon-before::before, +.debug-with-watch-16-mask-after::after, +.debug-with-watch-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-watch-16-mask-before::before, +.debug-with-watch-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--watch-16-svg); + mask-image: var(--watch-16-svg); +} +.debug-with-watch-16-icon-before::before, +.debug-with-watch-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--watch-16-svg); +} + +.debug-with-watch-24-mask-before::before, +.debug-with-watch-24-icon-before::before, +.debug-with-watch-24-mask-after::after, +.debug-with-watch-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-watch-24-mask-before::before, +.debug-with-watch-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--watch-24-svg); + mask-image: var(--watch-24-svg); +} +.debug-with-watch-24-icon-before::before, +.debug-with-watch-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--watch-24-svg); +} + +.debug-with-webhook-16-mask-before::before, +.debug-with-webhook-16-icon-before::before, +.debug-with-webhook-16-mask-after::after, +.debug-with-webhook-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-webhook-16-mask-before::before, +.debug-with-webhook-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--webhook-16-svg); + mask-image: var(--webhook-16-svg); +} +.debug-with-webhook-16-icon-before::before, +.debug-with-webhook-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--webhook-16-svg); +} + +.debug-with-webhook-24-mask-before::before, +.debug-with-webhook-24-icon-before::before, +.debug-with-webhook-24-mask-after::after, +.debug-with-webhook-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-webhook-24-mask-before::before, +.debug-with-webhook-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--webhook-24-svg); + mask-image: var(--webhook-24-svg); +} +.debug-with-webhook-24-icon-before::before, +.debug-with-webhook-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--webhook-24-svg); +} + +.debug-with-webhook-mask-before::before, +.debug-with-webhook-icon-before::before, +.debug-with-webhook-mask-after::after, +.debug-with-webhook-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-webhook-mask-before::before, +.debug-with-webhook-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--webhook-svg); + mask-image: var(--webhook-svg); +} +.debug-with-webhook-icon-before::before, +.debug-with-webhook-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--webhook-svg); +} + +.debug-with-wifi-16-mask-before::before, +.debug-with-wifi-16-icon-before::before, +.debug-with-wifi-16-mask-after::after, +.debug-with-wifi-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wifi-16-mask-before::before, +.debug-with-wifi-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wifi-16-svg); + mask-image: var(--wifi-16-svg); +} +.debug-with-wifi-16-icon-before::before, +.debug-with-wifi-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wifi-16-svg); +} + +.debug-with-wifi-24-mask-before::before, +.debug-with-wifi-24-icon-before::before, +.debug-with-wifi-24-mask-after::after, +.debug-with-wifi-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wifi-24-mask-before::before, +.debug-with-wifi-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wifi-24-svg); + mask-image: var(--wifi-24-svg); +} +.debug-with-wifi-24-icon-before::before, +.debug-with-wifi-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wifi-24-svg); +} + +.debug-with-wifi-off-16-mask-before::before, +.debug-with-wifi-off-16-icon-before::before, +.debug-with-wifi-off-16-mask-after::after, +.debug-with-wifi-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wifi-off-16-mask-before::before, +.debug-with-wifi-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wifi-off-16-svg); + mask-image: var(--wifi-off-16-svg); +} +.debug-with-wifi-off-16-icon-before::before, +.debug-with-wifi-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wifi-off-16-svg); +} + +.debug-with-wifi-off-24-mask-before::before, +.debug-with-wifi-off-24-icon-before::before, +.debug-with-wifi-off-24-mask-after::after, +.debug-with-wifi-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wifi-off-24-mask-before::before, +.debug-with-wifi-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wifi-off-24-svg); + mask-image: var(--wifi-off-24-svg); +} +.debug-with-wifi-off-24-icon-before::before, +.debug-with-wifi-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wifi-off-24-svg); +} + +.debug-with-wrench-16-mask-before::before, +.debug-with-wrench-16-icon-before::before, +.debug-with-wrench-16-mask-after::after, +.debug-with-wrench-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wrench-16-mask-before::before, +.debug-with-wrench-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wrench-16-svg); + mask-image: var(--wrench-16-svg); +} +.debug-with-wrench-16-icon-before::before, +.debug-with-wrench-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wrench-16-svg); +} + +.debug-with-wrench-24-mask-before::before, +.debug-with-wrench-24-icon-before::before, +.debug-with-wrench-24-mask-after::after, +.debug-with-wrench-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-wrench-24-mask-before::before, +.debug-with-wrench-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--wrench-24-svg); + mask-image: var(--wrench-24-svg); +} +.debug-with-wrench-24-icon-before::before, +.debug-with-wrench-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--wrench-24-svg); +} + +.debug-with-x-16-mask-before::before, +.debug-with-x-16-icon-before::before, +.debug-with-x-16-mask-after::after, +.debug-with-x-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-16-mask-before::before, +.debug-with-x-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-16-svg); + mask-image: var(--x-16-svg); +} +.debug-with-x-16-icon-before::before, +.debug-with-x-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-16-svg); +} + +.debug-with-x-24-mask-before::before, +.debug-with-x-24-icon-before::before, +.debug-with-x-24-mask-after::after, +.debug-with-x-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-24-mask-before::before, +.debug-with-x-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-24-svg); + mask-image: var(--x-24-svg); +} +.debug-with-x-24-icon-before::before, +.debug-with-x-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-24-svg); +} + +.debug-with-x-circle-16-mask-before::before, +.debug-with-x-circle-16-icon-before::before, +.debug-with-x-circle-16-mask-after::after, +.debug-with-x-circle-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-circle-16-mask-before::before, +.debug-with-x-circle-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-circle-16-svg); + mask-image: var(--x-circle-16-svg); +} +.debug-with-x-circle-16-icon-before::before, +.debug-with-x-circle-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-circle-16-svg); +} + +.debug-with-x-circle-24-mask-before::before, +.debug-with-x-circle-24-icon-before::before, +.debug-with-x-circle-24-mask-after::after, +.debug-with-x-circle-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-circle-24-mask-before::before, +.debug-with-x-circle-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-circle-24-svg); + mask-image: var(--x-circle-24-svg); +} +.debug-with-x-circle-24-icon-before::before, +.debug-with-x-circle-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-circle-24-svg); +} + +.debug-with-x-circle-fill-16-mask-before::before, +.debug-with-x-circle-fill-16-icon-before::before, +.debug-with-x-circle-fill-16-mask-after::after, +.debug-with-x-circle-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-circle-fill-16-mask-before::before, +.debug-with-x-circle-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-circle-fill-16-svg); + mask-image: var(--x-circle-fill-16-svg); +} +.debug-with-x-circle-fill-16-icon-before::before, +.debug-with-x-circle-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-circle-fill-16-svg); +} + +.debug-with-x-circle-fill-24-mask-before::before, +.debug-with-x-circle-fill-24-icon-before::before, +.debug-with-x-circle-fill-24-mask-after::after, +.debug-with-x-circle-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-circle-fill-24-mask-before::before, +.debug-with-x-circle-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-circle-fill-24-svg); + mask-image: var(--x-circle-fill-24-svg); +} +.debug-with-x-circle-fill-24-icon-before::before, +.debug-with-x-circle-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-circle-fill-24-svg); +} + +.debug-with-x-diamond-16-mask-before::before, +.debug-with-x-diamond-16-icon-before::before, +.debug-with-x-diamond-16-mask-after::after, +.debug-with-x-diamond-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-diamond-16-mask-before::before, +.debug-with-x-diamond-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-diamond-16-svg); + mask-image: var(--x-diamond-16-svg); +} +.debug-with-x-diamond-16-icon-before::before, +.debug-with-x-diamond-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-diamond-16-svg); +} + +.debug-with-x-diamond-24-mask-before::before, +.debug-with-x-diamond-24-icon-before::before, +.debug-with-x-diamond-24-mask-after::after, +.debug-with-x-diamond-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-diamond-24-mask-before::before, +.debug-with-x-diamond-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-diamond-24-svg); + mask-image: var(--x-diamond-24-svg); +} +.debug-with-x-diamond-24-icon-before::before, +.debug-with-x-diamond-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-diamond-24-svg); +} + +.debug-with-x-diamond-fill-16-mask-before::before, +.debug-with-x-diamond-fill-16-icon-before::before, +.debug-with-x-diamond-fill-16-mask-after::after, +.debug-with-x-diamond-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-diamond-fill-16-mask-before::before, +.debug-with-x-diamond-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-diamond-fill-16-svg); + mask-image: var(--x-diamond-fill-16-svg); +} +.debug-with-x-diamond-fill-16-icon-before::before, +.debug-with-x-diamond-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-diamond-fill-16-svg); +} + +.debug-with-x-diamond-fill-24-mask-before::before, +.debug-with-x-diamond-fill-24-icon-before::before, +.debug-with-x-diamond-fill-24-mask-after::after, +.debug-with-x-diamond-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-diamond-fill-24-mask-before::before, +.debug-with-x-diamond-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-diamond-fill-24-svg); + mask-image: var(--x-diamond-fill-24-svg); +} +.debug-with-x-diamond-fill-24-icon-before::before, +.debug-with-x-diamond-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-diamond-fill-24-svg); +} + +.debug-with-x-hexagon-16-mask-before::before, +.debug-with-x-hexagon-16-icon-before::before, +.debug-with-x-hexagon-16-mask-after::after, +.debug-with-x-hexagon-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-hexagon-16-mask-before::before, +.debug-with-x-hexagon-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-hexagon-16-svg); + mask-image: var(--x-hexagon-16-svg); +} +.debug-with-x-hexagon-16-icon-before::before, +.debug-with-x-hexagon-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-hexagon-16-svg); +} + +.debug-with-x-hexagon-24-mask-before::before, +.debug-with-x-hexagon-24-icon-before::before, +.debug-with-x-hexagon-24-mask-after::after, +.debug-with-x-hexagon-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-hexagon-24-mask-before::before, +.debug-with-x-hexagon-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-hexagon-24-svg); + mask-image: var(--x-hexagon-24-svg); +} +.debug-with-x-hexagon-24-icon-before::before, +.debug-with-x-hexagon-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-hexagon-24-svg); +} + +.debug-with-x-hexagon-fill-16-mask-before::before, +.debug-with-x-hexagon-fill-16-icon-before::before, +.debug-with-x-hexagon-fill-16-mask-after::after, +.debug-with-x-hexagon-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-hexagon-fill-16-mask-before::before, +.debug-with-x-hexagon-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-hexagon-fill-16-svg); + mask-image: var(--x-hexagon-fill-16-svg); +} +.debug-with-x-hexagon-fill-16-icon-before::before, +.debug-with-x-hexagon-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-hexagon-fill-16-svg); +} + +.debug-with-x-hexagon-fill-24-mask-before::before, +.debug-with-x-hexagon-fill-24-icon-before::before, +.debug-with-x-hexagon-fill-24-mask-after::after, +.debug-with-x-hexagon-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-hexagon-fill-24-mask-before::before, +.debug-with-x-hexagon-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-hexagon-fill-24-svg); + mask-image: var(--x-hexagon-fill-24-svg); +} +.debug-with-x-hexagon-fill-24-icon-before::before, +.debug-with-x-hexagon-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-hexagon-fill-24-svg); +} + +.debug-with-x-square-16-mask-before::before, +.debug-with-x-square-16-icon-before::before, +.debug-with-x-square-16-mask-after::after, +.debug-with-x-square-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-square-16-mask-before::before, +.debug-with-x-square-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-square-16-svg); + mask-image: var(--x-square-16-svg); +} +.debug-with-x-square-16-icon-before::before, +.debug-with-x-square-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-square-16-svg); +} + +.debug-with-x-square-24-mask-before::before, +.debug-with-x-square-24-icon-before::before, +.debug-with-x-square-24-mask-after::after, +.debug-with-x-square-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-square-24-mask-before::before, +.debug-with-x-square-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-square-24-svg); + mask-image: var(--x-square-24-svg); +} +.debug-with-x-square-24-icon-before::before, +.debug-with-x-square-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-square-24-svg); +} + +.debug-with-x-square-fill-16-mask-before::before, +.debug-with-x-square-fill-16-icon-before::before, +.debug-with-x-square-fill-16-mask-after::after, +.debug-with-x-square-fill-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-square-fill-16-mask-before::before, +.debug-with-x-square-fill-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-square-fill-16-svg); + mask-image: var(--x-square-fill-16-svg); +} +.debug-with-x-square-fill-16-icon-before::before, +.debug-with-x-square-fill-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-square-fill-16-svg); +} + +.debug-with-x-square-fill-24-mask-before::before, +.debug-with-x-square-fill-24-icon-before::before, +.debug-with-x-square-fill-24-mask-after::after, +.debug-with-x-square-fill-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-x-square-fill-24-mask-before::before, +.debug-with-x-square-fill-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--x-square-fill-24-svg); + mask-image: var(--x-square-fill-24-svg); +} +.debug-with-x-square-fill-24-icon-before::before, +.debug-with-x-square-fill-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--x-square-fill-24-svg); +} + +.debug-with-zap-16-mask-before::before, +.debug-with-zap-16-icon-before::before, +.debug-with-zap-16-mask-after::after, +.debug-with-zap-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zap-16-mask-before::before, +.debug-with-zap-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zap-16-svg); + mask-image: var(--zap-16-svg); +} +.debug-with-zap-16-icon-before::before, +.debug-with-zap-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zap-16-svg); +} + +.debug-with-zap-24-mask-before::before, +.debug-with-zap-24-icon-before::before, +.debug-with-zap-24-mask-after::after, +.debug-with-zap-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zap-24-mask-before::before, +.debug-with-zap-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zap-24-svg); + mask-image: var(--zap-24-svg); +} +.debug-with-zap-24-icon-before::before, +.debug-with-zap-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zap-24-svg); +} + +.debug-with-zap-off-16-mask-before::before, +.debug-with-zap-off-16-icon-before::before, +.debug-with-zap-off-16-mask-after::after, +.debug-with-zap-off-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zap-off-16-mask-before::before, +.debug-with-zap-off-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zap-off-16-svg); + mask-image: var(--zap-off-16-svg); +} +.debug-with-zap-off-16-icon-before::before, +.debug-with-zap-off-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zap-off-16-svg); +} + +.debug-with-zap-off-24-mask-before::before, +.debug-with-zap-off-24-icon-before::before, +.debug-with-zap-off-24-mask-after::after, +.debug-with-zap-off-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zap-off-24-mask-before::before, +.debug-with-zap-off-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zap-off-24-svg); + mask-image: var(--zap-off-24-svg); +} +.debug-with-zap-off-24-icon-before::before, +.debug-with-zap-off-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zap-off-24-svg); +} + +.debug-with-zoom-in-16-mask-before::before, +.debug-with-zoom-in-16-icon-before::before, +.debug-with-zoom-in-16-mask-after::after, +.debug-with-zoom-in-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zoom-in-16-mask-before::before, +.debug-with-zoom-in-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zoom-in-16-svg); + mask-image: var(--zoom-in-16-svg); +} +.debug-with-zoom-in-16-icon-before::before, +.debug-with-zoom-in-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zoom-in-16-svg); +} + +.debug-with-zoom-in-24-mask-before::before, +.debug-with-zoom-in-24-icon-before::before, +.debug-with-zoom-in-24-mask-after::after, +.debug-with-zoom-in-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zoom-in-24-mask-before::before, +.debug-with-zoom-in-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zoom-in-24-svg); + mask-image: var(--zoom-in-24-svg); +} +.debug-with-zoom-in-24-icon-before::before, +.debug-with-zoom-in-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zoom-in-24-svg); +} + +.debug-with-zoom-out-16-mask-before::before, +.debug-with-zoom-out-16-icon-before::before, +.debug-with-zoom-out-16-mask-after::after, +.debug-with-zoom-out-16-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zoom-out-16-mask-before::before, +.debug-with-zoom-out-16-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zoom-out-16-svg); + mask-image: var(--zoom-out-16-svg); +} +.debug-with-zoom-out-16-icon-before::before, +.debug-with-zoom-out-16-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zoom-out-16-svg); +} + +.debug-with-zoom-out-24-mask-before::before, +.debug-with-zoom-out-24-icon-before::before, +.debug-with-zoom-out-24-mask-after::after, +.debug-with-zoom-out-24-icon-after::after { + display: inline-block; + content: ''; + visibility: visible; + background-size: contain; + width: 1.2em; + height: 1.2em; + vertical-align: text-top; +} +.debug-with-zoom-out-24-mask-before::before, +.debug-with-zoom-out-24-mask-after::after { + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + mask-repeat: no-repeat; + mask-position: center; + background-color: currentColor; + + -webkit-mask-image: var(--zoom-out-24-svg); + mask-image: var(--zoom-out-24-svg); +} +.debug-with-zoom-out-24-icon-before::before, +.debug-with-zoom-out-24-icon-after::after { + background-repeat: no-repeat; + background-position: center; + + background-image: var(--zoom-out-24-svg); +} + :root { + +--activity-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--activity-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-octagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-octagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alert-triangle-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alibaba-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alibaba-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alibaba-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--alibaba-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-center-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-center-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-justify-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-justify-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--align-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--apple-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--apple-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--apple-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--apple-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--archive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--archive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-left-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-left-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-right-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-right-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--arrow-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--at-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--at-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auth0-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auth0-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auth0-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auth0-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auto-apply-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--auto-apply-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--award-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--award-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--aws-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--aws-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--aws-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--aws-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-devops-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-devops-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-devops-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--azure-devops-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bar-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bar-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bar-chart-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bar-chart-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--battery-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--battery-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--battery-charging-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--battery-charging-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--beaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--beaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-active-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-active-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-active-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-active-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bell-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bitbucket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bitbucket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bitbucket-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bitbucket-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bolt-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-add-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-add-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-add-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-add-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-remove-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-remove-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-remove-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bookmark-remove-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bottom-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bottom-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--box-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--box-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--box-check-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--box-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--briefcase-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--broadcast-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bug-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bug-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--bug-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--build-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--build-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--calendar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--calendar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--calendar-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--camera-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--camera-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--camera-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--camera-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cancel-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cancel-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cancel-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cancel-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cancel-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--caret-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--caret-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--caret-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--caret-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cast-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cast-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--certificate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--certificate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--change-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--check-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-down-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevron-up-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--chevrons-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--circle-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-checked-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-checked-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-copy-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clipboard-copy-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clock-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--clock-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-cross-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-lightning-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-lightning-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cloud-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--code-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--code-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--code-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--collections-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--collections-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--command-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--command-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--compass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--compass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--connection-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--connection-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--connection-gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--connection-gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--console-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--copy-action-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--copy-success-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-down-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-down-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-down-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-down-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-left-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-left-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-left-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-left-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-right-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-right-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-right-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-right-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-up-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-up-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-up-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--corner-up-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cpu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--cpu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--credit-card-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--credit-card-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--crop-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--crop-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--crosshair-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--crosshair-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dashboard-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dashboard-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--database-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--database-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--database-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--delay-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--delay-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--delay-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--delete-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--delete-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--deny-alt-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--deny-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--deny-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--disc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--disc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--discussion-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--discussion-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--discussion-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--discussion-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docker-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docker-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--docs-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dollar-sign-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dollar-sign-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dot-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dot-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dot-half-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--dot-half-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--download-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--download-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--download-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--droplet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--droplet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--duplicate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--duplicate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--edit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--edit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--edit-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--entry-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--envelope-sealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--envelope-sealed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--envelope-unsealed--outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--envelope-unsealed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--event-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--event-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--exit-point-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--exit-point-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--exit-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--expand-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--expand-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--external-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--external-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--eye-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--eye-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--eye-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--eye-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--f5-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--f5-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--f5-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--f5-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--fast-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--fast-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-change-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-change-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-diff-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-diff-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-source-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-source-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-text-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-text-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--file-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--files-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--files-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--film-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--film-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--filter-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--fingerprint-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--fingerprint-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--flag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--flag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--flag-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-minus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-minus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-plus-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-plus-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--folder-users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--frown-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--frown-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gateway-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gateway-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gateway-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gcp-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gcp-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gcp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gift-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gift-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gift-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gift-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-branch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-branch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-branch-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-commit-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-commit-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-merge-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-merge-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-pull-request-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-pull-request-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-pull-request-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-repo-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--git-repository-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--github-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--github-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--github-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--github-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gitlab-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gitlab-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gitlab-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--gitlab-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--globe-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--globe-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--globe-private-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--globe-private-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--google-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--google-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--google-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--google-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--grid-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--grid-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--grid-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--grid-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--guide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--guide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--guide-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--guide-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--guide-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hard-drive-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hard-drive-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--headphones-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--headphones-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--health-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--heart-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--help-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--help-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--help-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--help-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--history-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--history-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--history-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--home-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--home-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hourglass-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--hourglass-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--identity-service-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--identity-service-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--identity-user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--identity-user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--image-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--image-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--inbox-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--inbox-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--info-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--info-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--info-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--info-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--jump-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--jump-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--key-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--key-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--key-values-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--key-values-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--key-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--kubernetes-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--kubernetes-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--kubernetes-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--kubernetes-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--labyrinth-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--labyrinth-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--layers-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--layers-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--layers-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--layout-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--layout-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--learn-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--learn-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--learn-link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--learn-link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--learn-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--line-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--line-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--line-chart-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--line-chart-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--link-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--link-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--link-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--list-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--list-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--loading-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-closed-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-closed-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-closed-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--lock-open-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-alicloud-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-alicloud-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-auth0-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-aws-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-aws-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-azure-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-azure-dev-ops-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-azure-dev-ops-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-azure-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-bitbucket-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-bitbucket-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-consul-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-ember-circle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-gcp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-gcp-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-github-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-github-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-gitlab-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-gitlab-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-glimmer-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-google-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-google-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-hashicorp-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-jwt-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-kubernetes-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-kubernetes-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-microsoft-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-oidc-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-okta-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-oracle-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-oracle-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-slack-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-slack-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-terraform-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-vault-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-vmware-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--logo-vmware-monochrome-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mail-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mail-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mail-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mail-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--map-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--map-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--map-pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--map-pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--maximize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--maximize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--maximize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--maximize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--meh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--meh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--menu-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--menu-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--menu-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mesh-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mesh-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--message-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mic-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mic-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mic-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mic-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--microsoft-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--microsoft-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--microsoft-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--microsoft-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--migrate-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--migrate-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minimize-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minimize-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minimize-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minimize-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--minus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--module-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--module-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--module-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--monitor-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--monitor-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--moon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--moon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--more-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mouse-pointer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--mouse-pointer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--move-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--move-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--music-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--music-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--navigation-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--navigation-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--navigation-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--navigation-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--network-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--network-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--network-alt-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--network-alt-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--newspaper-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--newspaper-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--node-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--node-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--notification-disabled-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--notification-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--notification-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--octagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--octagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--okta-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--okta-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--okta-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--okta-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--oracle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--oracle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--oracle-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--oracle-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--org-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--org-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--outline-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--outline-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--package-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--package-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--page-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--paperclip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--paperclip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--partner-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--path-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--path-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--path-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pause-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pause-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pause-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pause-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pen-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pen-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pencil-tool-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pencil-tool-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-call-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-call-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--phone-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pie-chart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pie-chart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pin-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--pin-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--play-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-circle-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-circle-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--plus-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--port-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--power-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--power-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--printer-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--printer-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--protocol-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--provider-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--provider-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--provider-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--public-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--public-locked-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--queue-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--queue-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--queue-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--radio-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--radio-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--radio-button-checked-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--radio-button-unchecked-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--random-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--random-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--random-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--redirect-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--redirect-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--redirect-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--refresh-alert-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--refresh-default-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--reload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--reload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--remix-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--repeat-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--repeat-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--replication-direct-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--replication-direct-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--replication-perf-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--replication-perf-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rewind-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rewind-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--ribbon-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rocket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rocket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rotate-ccw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rotate-ccw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rotate-cw-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rotate-cw-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rss-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--rss-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--run-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--save-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--save-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--scissors-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--scissors-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--search-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--search-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--search-color-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--search-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--send-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--send-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--server-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--server-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--server-cluster-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--server-cluster-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--serverless-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--serverless-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--settings-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--settings-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--settings-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--share-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--share-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shield-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shopping-bag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shopping-bag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shopping-cart-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shopping-cart-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shuffle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--shuffle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-hide-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-hide-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-show-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sidebar-show-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sign-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sign-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sign-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sign-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-back-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-back-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-forward-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--skip-forward-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slack-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slack-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slack-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slash-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--slash-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sliders-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sliders-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--smartphone-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--smartphone-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--smile-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--smile-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--socket-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--socket-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--socket-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sort-asc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sort-asc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sort-desc-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sort-desc-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sort-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--source-file-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--speaker-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--speaker-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--star-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--stop-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--stop-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sub-left-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sub-right-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sun-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sun-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--support-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--support-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--support-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-horizontal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-horizontal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-horizontal-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-vertical-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--swap-vertical-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--switcher-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--switcher-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-alert-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-alert-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-reverse-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--sync-reverse-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tablet-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tablet-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tag-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tag-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tag-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--target-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--target-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--terminal-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--terminal-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--terminal-screen-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--terminal-screen-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--thumbs-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--thumbs-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--thumbs-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--thumbs-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--toggle-left-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--toggle-left-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--toggle-right-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--toggle-right-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--token-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--token-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tools-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tools-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--top-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--top-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trash-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trash-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trash-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trend-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trend-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trend-up-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--trend-up-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--triangle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--triangle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--triangle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--triangle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--truck-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--truck-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tune-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tv-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--tv-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--type-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--type-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-close-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-close-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-less-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-more-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-open-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unlock-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--unlock-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--upload-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--upload-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--upload-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-add-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-check-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-check-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-minus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-organization-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-plain-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-plus-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-square-fill-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-square-outline-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-team-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--user-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--users-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--users-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vault-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vault-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--verified-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--verified-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--video-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--video-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--video-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--video-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--visibility-hide-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--visibility-show-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vmware-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vmware-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vmware-color-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--vmware-color-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-2-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-2-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-down-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-down-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--volume-x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wall-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wall-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--watch-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--watch-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--webhook-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--webhook-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--webhook-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wifi-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wifi-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wifi-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wifi-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wrench-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--wrench-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-circle-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-circle-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-circle-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-circle-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-diamond-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-diamond-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-diamond-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-diamond-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-hexagon-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-hexagon-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-hexagon-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-hexagon-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-square-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-square-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-square-fill-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--x-square-fill-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zap-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zap-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zap-off-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zap-off-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zoom-in-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zoom-in-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zoom-out-16-svg: url('data:image/svg+xml;charset=UTF-8,'); + +--zoom-out-24-svg: url('data:image/svg+xml;charset=UTF-8,'); + +} diff --git a/ui/packages/consul-ui/app/styles/base/typography/README.mdx b/ui/packages/consul-ui/app/styles/base/typography/README.mdx new file mode 100644 index 0000000000..ebca7739f9 --- /dev/null +++ b/ui/packages/consul-ui/app/styles/base/typography/README.mdx @@ -0,0 +1,143 @@ +# Typography + +Please prefer our Constructable `%placeholder` styles over singular CSS +properties. If you need to drop back, to something not covered there then you +can also use CSS properties directly. Our constructable `%placeholder` should be +revisted every so often to re-evaluate any areas we we use CSS properties over +constructables. Naming is mostly set out to allow for future scales that land +'inbetween' currently scales to aid in continously re-evaluating without getting +stuck having to change everything every time we need to. + +The `%placeholder`s are currently a little inconsistent and styled following +past specifications. Moving forwards these will become more consistent. + +## Constructable %placeholders + +### %h000 (headers) + +When authoring headers in markup, the correct semantic HTML tag should be used taking into account page order. Following that the correct `%placeholder` can be used to make that header look how it should. + +```html +

H2 Level meaning that looks like a h3 visually

+``` +```css +.top-level-selector h2 { + /* make the h2 look like a h3 */ + @extend %h300; +} +``` + +```hbs preview-template + +``` + +### %p (body copy) + +```hbs preview-template + +``` + + +## CSS props + + +### Font sizes + +```hbs preview-template + +``` + +### Font weights + +```hbs preview-template + +``` + +### Font families + +```hbs preview-template + +``` diff --git a/ui/packages/consul-ui/app/styles/debug.scss b/ui/packages/consul-ui/app/styles/debug.scss index 00806a4279..878aac643b 100644 --- a/ui/packages/consul-ui/app/styles/debug.scss +++ b/ui/packages/consul-ui/app/styles/debug.scss @@ -1,4 +1,5 @@ @import './app'; +@import './base/icons/debug'; @import 'prism-coldark-dark'; // temporary component debugging setup @@ -10,6 +11,91 @@ @import 'consul-ui/components/inline-alert/debug'; @import 'consul-ui/components/definition-table/debug'; +%debug-grid { + display: flex; + flex-wrap: wrap; +} +%debug-grid li { + margin-right: 20px; + margin-bottom: 20px; +} +%debug-grid figure { + cursor: pointer; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + width: 140px; +} +%debug-grid figcaption { + @extend %p3; + text-align: center; +} +[id^="docfy-demo-preview-color"] ul, +[id^="docfy-demo-preview-typography"] ul, +[id^="docfy-demo-preview-icons"] ul { + @extend %debug-grid; +} + +[id^="docfy-demo-preview-typography"] figure, +[id^="docfy-demo-preview-icons"] figure { + border: var(--decor-border-100); + border-color: rgb(var(--tone-gray-300)); + height: 80px; +} +[id^="docfy-demo-preview-icons"] figure::before { + position: relative; + top: 20px; +} + +[id^="docfy-demo-preview-color"] figure { + height: 40px; +} +#docfy-demo-preview-color0 { + @extend %theme-light; + background-color: rgb(var(--white)); +} +#docfy-demo-preview-color1 { + background-color: rgb(var(--black)); + @extend %theme-dark; +} + +[id^="docfy-demo-preview-typography"] { + .debug-h000 { + @extend %h000; + } + .debug-h100 { + @extend %h100; + } + .debug-h200 { + @extend %h200; + } + .debug-h300 { + @extend %h300; + } + .debug-h400 { + @extend %h400; + } + .debug-h500 { + @extend %h500; + } + .debug-h600 { + @extend %h600; + } + .debug-p { + @extend %p; + } + .debug-p1 { + @extend %p1; + } + .debug-p2 { + @extend %p2; + } + .debug-p3 { + @extend %p3; + } +} + html.is-debug body > .brand-loader { display: none !important; } @@ -49,6 +135,9 @@ html.with-route-announcer .route-title { display: none; } .docs { + & { + background-color: rgb(var(--tone-gray-000)); + } .tabular-collection, .list-collection { height: 300px !important; @@ -78,7 +167,6 @@ html.with-route-announcer .route-title { } main { & { - background-color: white; margin-bottom: 2rem; } > ol, diff --git a/ui/packages/consul-ui/app/styles/variables/skin.scss b/ui/packages/consul-ui/app/styles/variables/skin.scss index fec5b81ffe..cece201ac0 100644 --- a/ui/packages/consul-ui/app/styles/variables/skin.scss +++ b/ui/packages/consul-ui/app/styles/variables/skin.scss @@ -5,27 +5,27 @@ // unused CSS props :root { /* base brand colors */ - --brand-050: var(--tone-magenta-050); - --brand-100: var(--tone-strawberry-100); - // rgb(var(--brand-200)): #{rgb(var(--tone-magenta-200))}; - // rgb(var(--brand-300)): #{rgb(var(--tone-magenta-300))}; - // rgb(var(--brand-400)): #{rgb(var(--tone-magenta-400))}; - // rgb(var(--brand-500)): #{rgb(var(--tone-magenta-500))}; - /* temporary rose-like color until its replaced by a numbered one */ - --brand-600: 224 56 117; - // rgb(var(--brand-700)): #{rgb(var(--tone-magenta-700))}; - --brand-800: var(--tone-magenta-800); - // rgb(var(--brand-900)): #{rgb(var(--tone-magenta-900))}; + --tone-brand-050: var(--tone-magenta-050); + --tone-brand-100: var(--tone-strawberry-100); + /* --tone-brand-200: var(--tone-strawberry-200) */ + /* --tone-brand-300: var(--tone-strawberry-300) */ + /* --tone-brand-400: var(--tone-strawberry-400) */ + /* --tone-brand-500: var(--tone-strawberry-500) */ + /* temporary strawberry-like color until its replaced by a numbered one */ + --tone-brand-600: 224 56 117; + /* --tone-brand-700: var(--tone-strawberry-700) */ + --tone-brand-800: var(--tone-magenta-800); + /* --tone-brand-900: var(--tone-strawberry-900) */ /* themeable ui colors */ - --typo-action-500: var(--tone-blue-500); - --decor-error-500: var(--tone-red-500); - --typo-contrast-999: var(--black); + --typo-action-500: rgb(var(--tone-blue-500)); + --decor-error-500: rgb(var(--tone-red-500)); + --typo-contrast-999: rgb(var(--tone-gray-999)); /* themeable brand colors */ - --typo-brand-050: var(--brand-050); - --typo-brand-600: var(--brand-600); - --decor-brand-600: var(--brand-600); - --swatch-brand-600: var(--brand-600); - --swatch-brand-800: var(--brand-800); + --typo-brand-050: rgb(var(--tone-brand-050)); + --typo-brand-600: rgb(var(--tone-brand-600)); + --decor-brand-600: rgb(var(--tone-brand-600)); + --swatch-brand-600: rgb(var(--tone-brand-600)); + --swatch-brand-800: rgb(var(--tone-brand-800)); } diff --git a/ui/packages/consul-ui/app/templates/debug.hbs b/ui/packages/consul-ui/app/templates/debug.hbs index 89bb4d3ee7..4fb4633694 100644 --- a/ui/packages/consul-ui/app/templates/debug.hbs +++ b/ui/packages/consul-ui/app/templates/debug.hbs @@ -6,6 +6,8 @@
    + +{{!hardcode in docs first}}
  • Docs
    • {{#each node.children as |child|}} {{#each child.pages as |child|}} @@ -17,7 +19,27 @@ {{/each}} + +{{!hardcode in styles next}} + {{#let (find-by 'label' 'styles' child.children) as |section|}} +
  • {{section.label}}
    • +{{#each (flatten-property section 'pages') as |child|}} +
  • + + {{classify child.title}} + +
    • +{{/each}} + {{/let}} + +{{!print out the rest}} {{#each child.children as |section|}} +{{#if (not-eq section.label 'styles')}}
  • {{section.label}}
    • {{#each (flatten-property section 'pages') as |child|}}
    • {{/each}} +{{/if}} {{/each}} {{/each}} +
diff --git a/ui/packages/consul-ui/docs/index.mdx b/ui/packages/consul-ui/docs/index.mdx index 5a77a6dd58..3c1da2ea8b 100644 --- a/ui/packages/consul-ui/docs/index.mdx +++ b/ui/packages/consul-ui/docs/index.mdx @@ -32,8 +32,9 @@ The above will render the same code snippet in a box above the snippet. The location and name of markdown files within the project differs slightly depending on what you need to add documentation for: - **docs**: `docs/filename.mdx` -- **components**: `components/your-component-name/README.mdx` -- **helpers**: `helpers/your-helper-name.mdx` -- **modifiers**: `modifiers/your-modifier-name.mdx` -- **services**: `services/your-service-name.mdx` (eventually these will partly use jsdoc code style generation) +- **styles**: `app/styles/*/*/README.mdx` (currently mostly in `app/styles/base`) +- **components**: `app/components/your-component-name/README.mdx` +- **helpers**: `app/helpers/your-helper-name.mdx` +- **modifiers**: `app/modifiers/your-modifier-name.mdx` +- **services**: `app/services/your-service-name.mdx` (eventually these will partly use jsdoc code style generation) diff --git a/ui/packages/consul-ui/ember-cli-build.js b/ui/packages/consul-ui/ember-cli-build.js index 4e694d3463..0634511c9f 100644 --- a/ui/packages/consul-ui/ember-cli-build.js +++ b/ui/packages/consul-ui/ember-cli-build.js @@ -59,6 +59,8 @@ module.exports = function(defaults, $ = process.env) { excludeFiles = excludeFiles.concat([ 'instance-initializers/debug.js', 'routing/**/*-debug.js', + 'helpers/**/*-debug.js', + 'modifiers/**/*-debug.js', 'services/**/*-debug.js', 'templates/debug.hbs', 'components/debug/**/*.*'