/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
.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-amazon-eks-16-mask-before::before,
.debug-with-amazon-eks-16-icon-before::before,
.debug-with-amazon-eks-16-mask-after::after,
.debug-with-amazon-eks-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-amazon-eks-16-mask-before::before,
.debug-with-amazon-eks-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--amazon-eks-16-svg);
mask-image: var(--amazon-eks-16-svg);
}
.debug-with-amazon-eks-16-icon-before::before,
.debug-with-amazon-eks-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--amazon-eks-16-svg);
}
.debug-with-amazon-eks-24-mask-before::before,
.debug-with-amazon-eks-24-icon-before::before,
.debug-with-amazon-eks-24-mask-after::after,
.debug-with-amazon-eks-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-amazon-eks-24-mask-before::before,
.debug-with-amazon-eks-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--amazon-eks-24-svg);
mask-image: var(--amazon-eks-24-svg);
}
.debug-with-amazon-eks-24-icon-before::before,
.debug-with-amazon-eks-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--amazon-eks-24-svg);
}
.debug-with-amazon-eks-color-16-mask-before::before,
.debug-with-amazon-eks-color-16-icon-before::before,
.debug-with-amazon-eks-color-16-mask-after::after,
.debug-with-amazon-eks-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-amazon-eks-color-16-mask-before::before,
.debug-with-amazon-eks-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(--amazon-eks-color-16-svg);
mask-image: var(--amazon-eks-color-16-svg);
}
.debug-with-amazon-eks-color-16-icon-before::before,
.debug-with-amazon-eks-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--amazon-eks-color-16-svg);
}
.debug-with-amazon-eks-color-24-mask-before::before,
.debug-with-amazon-eks-color-24-icon-before::before,
.debug-with-amazon-eks-color-24-mask-after::after,
.debug-with-amazon-eks-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-amazon-eks-color-24-mask-before::before,
.debug-with-amazon-eks-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(--amazon-eks-color-24-svg);
mask-image: var(--amazon-eks-color-24-svg);
}
.debug-with-amazon-eks-color-24-icon-before::before,
.debug-with-amazon-eks-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--amazon-eks-color-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-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-bank-vault-16-mask-before::before,
.debug-with-bank-vault-16-icon-before::before,
.debug-with-bank-vault-16-mask-after::after,
.debug-with-bank-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-bank-vault-16-mask-before::before,
.debug-with-bank-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(--bank-vault-16-svg);
mask-image: var(--bank-vault-16-svg);
}
.debug-with-bank-vault-16-icon-before::before,
.debug-with-bank-vault-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--bank-vault-16-svg);
}
.debug-with-bank-vault-24-mask-before::before,
.debug-with-bank-vault-24-icon-before::before,
.debug-with-bank-vault-24-mask-after::after,
.debug-with-bank-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-bank-vault-24-mask-before::before,
.debug-with-bank-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(--bank-vault-24-svg);
mask-image: var(--bank-vault-24-svg);
}
.debug-with-bank-vault-24-icon-before::before,
.debug-with-bank-vault-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--bank-vault-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-boundary-16-mask-before::before,
.debug-with-boundary-16-icon-before::before,
.debug-with-boundary-16-mask-after::after,
.debug-with-boundary-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-boundary-16-mask-before::before,
.debug-with-boundary-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--boundary-16-svg);
mask-image: var(--boundary-16-svg);
}
.debug-with-boundary-16-icon-before::before,
.debug-with-boundary-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--boundary-16-svg);
}
.debug-with-boundary-24-mask-before::before,
.debug-with-boundary-24-icon-before::before,
.debug-with-boundary-24-mask-after::after,
.debug-with-boundary-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-boundary-24-mask-before::before,
.debug-with-boundary-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--boundary-24-svg);
mask-image: var(--boundary-24-svg);
}
.debug-with-boundary-24-icon-before::before,
.debug-with-boundary-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--boundary-24-svg);
}
.debug-with-boundary-color-16-mask-before::before,
.debug-with-boundary-color-16-icon-before::before,
.debug-with-boundary-color-16-mask-after::after,
.debug-with-boundary-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-boundary-color-16-mask-before::before,
.debug-with-boundary-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(--boundary-color-16-svg);
mask-image: var(--boundary-color-16-svg);
}
.debug-with-boundary-color-16-icon-before::before,
.debug-with-boundary-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--boundary-color-16-svg);
}
.debug-with-boundary-color-24-mask-before::before,
.debug-with-boundary-color-24-icon-before::before,
.debug-with-boundary-color-24-mask-after::after,
.debug-with-boundary-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-boundary-color-24-mask-before::before,
.debug-with-boundary-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(--boundary-color-24-svg);
mask-image: var(--boundary-color-24-svg);
}
.debug-with-boundary-color-24-icon-before::before,
.debug-with-boundary-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--boundary-color-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-codepen-16-mask-before::before,
.debug-with-codepen-16-icon-before::before,
.debug-with-codepen-16-mask-after::after,
.debug-with-codepen-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-codepen-16-mask-before::before,
.debug-with-codepen-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--codepen-16-svg);
mask-image: var(--codepen-16-svg);
}
.debug-with-codepen-16-icon-before::before,
.debug-with-codepen-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--codepen-16-svg);
}
.debug-with-codepen-24-mask-before::before,
.debug-with-codepen-24-icon-before::before,
.debug-with-codepen-24-mask-after::after,
.debug-with-codepen-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-codepen-24-mask-before::before,
.debug-with-codepen-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--codepen-24-svg);
mask-image: var(--codepen-24-svg);
}
.debug-with-codepen-24-icon-before::before,
.debug-with-codepen-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--codepen-24-svg);
}
.debug-with-codepen-color-16-mask-before::before,
.debug-with-codepen-color-16-icon-before::before,
.debug-with-codepen-color-16-mask-after::after,
.debug-with-codepen-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-codepen-color-16-mask-before::before,
.debug-with-codepen-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(--codepen-color-16-svg);
mask-image: var(--codepen-color-16-svg);
}
.debug-with-codepen-color-16-icon-before::before,
.debug-with-codepen-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--codepen-color-16-svg);
}
.debug-with-codepen-color-24-mask-before::before,
.debug-with-codepen-color-24-icon-before::before,
.debug-with-codepen-color-24-mask-after::after,
.debug-with-codepen-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-codepen-color-24-mask-before::before,
.debug-with-codepen-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(--codepen-color-24-svg);
mask-image: var(--codepen-color-24-svg);
}
.debug-with-codepen-color-24-icon-before::before,
.debug-with-codepen-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--codepen-color-24-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-facebook-16-mask-before::before,
.debug-with-facebook-16-icon-before::before,
.debug-with-facebook-16-mask-after::after,
.debug-with-facebook-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-facebook-16-mask-before::before,
.debug-with-facebook-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--facebook-16-svg);
mask-image: var(--facebook-16-svg);
}
.debug-with-facebook-16-icon-before::before,
.debug-with-facebook-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--facebook-16-svg);
}
.debug-with-facebook-24-mask-before::before,
.debug-with-facebook-24-icon-before::before,
.debug-with-facebook-24-mask-after::after,
.debug-with-facebook-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-facebook-24-mask-before::before,
.debug-with-facebook-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--facebook-24-svg);
mask-image: var(--facebook-24-svg);
}
.debug-with-facebook-24-icon-before::before,
.debug-with-facebook-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--facebook-24-svg);
}
.debug-with-facebook-color-16-mask-before::before,
.debug-with-facebook-color-16-icon-before::before,
.debug-with-facebook-color-16-mask-after::after,
.debug-with-facebook-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-facebook-color-16-mask-before::before,
.debug-with-facebook-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(--facebook-color-16-svg);
mask-image: var(--facebook-color-16-svg);
}
.debug-with-facebook-color-16-icon-before::before,
.debug-with-facebook-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--facebook-color-16-svg);
}
.debug-with-facebook-color-24-mask-before::before,
.debug-with-facebook-color-24-icon-before::before,
.debug-with-facebook-color-24-mask-after::after,
.debug-with-facebook-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-facebook-color-24-mask-before::before,
.debug-with-facebook-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(--facebook-color-24-svg);
mask-image: var(--facebook-color-24-svg);
}
.debug-with-facebook-color-24-icon-before::before,
.debug-with-facebook-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--facebook-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-handshake-16-mask-before::before,
.debug-with-handshake-16-icon-before::before,
.debug-with-handshake-16-mask-after::after,
.debug-with-handshake-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-handshake-16-mask-before::before,
.debug-with-handshake-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--handshake-16-svg);
mask-image: var(--handshake-16-svg);
}
.debug-with-handshake-16-icon-before::before,
.debug-with-handshake-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--handshake-16-svg);
}
.debug-with-handshake-24-mask-before::before,
.debug-with-handshake-24-icon-before::before,
.debug-with-handshake-24-mask-after::after,
.debug-with-handshake-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-handshake-24-mask-before::before,
.debug-with-handshake-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--handshake-24-svg);
mask-image: var(--handshake-24-svg);
}
.debug-with-handshake-24-icon-before::before,
.debug-with-handshake-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--handshake-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-hashicorp-16-mask-before::before,
.debug-with-hashicorp-16-icon-before::before,
.debug-with-hashicorp-16-mask-after::after,
.debug-with-hashicorp-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-hashicorp-16-mask-before::before,
.debug-with-hashicorp-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--hashicorp-16-svg);
mask-image: var(--hashicorp-16-svg);
}
.debug-with-hashicorp-16-icon-before::before,
.debug-with-hashicorp-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hashicorp-16-svg);
}
.debug-with-hashicorp-24-mask-before::before,
.debug-with-hashicorp-24-icon-before::before,
.debug-with-hashicorp-24-mask-after::after,
.debug-with-hashicorp-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-hashicorp-24-mask-before::before,
.debug-with-hashicorp-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--hashicorp-24-svg);
mask-image: var(--hashicorp-24-svg);
}
.debug-with-hashicorp-24-icon-before::before,
.debug-with-hashicorp-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hashicorp-24-svg);
}
.debug-with-hashicorp-color-16-mask-before::before,
.debug-with-hashicorp-color-16-icon-before::before,
.debug-with-hashicorp-color-16-mask-after::after,
.debug-with-hashicorp-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-hashicorp-color-16-mask-before::before,
.debug-with-hashicorp-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(--hashicorp-color-16-svg);
mask-image: var(--hashicorp-color-16-svg);
}
.debug-with-hashicorp-color-16-icon-before::before,
.debug-with-hashicorp-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hashicorp-color-16-svg);
}
.debug-with-hashicorp-color-24-mask-before::before,
.debug-with-hashicorp-color-24-icon-before::before,
.debug-with-hashicorp-color-24-mask-after::after,
.debug-with-hashicorp-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-hashicorp-color-24-mask-before::before,
.debug-with-hashicorp-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(--hashicorp-color-24-svg);
mask-image: var(--hashicorp-color-24-svg);
}
.debug-with-hashicorp-color-24-icon-before::before,
.debug-with-hashicorp-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hashicorp-color-24-svg);
}
.debug-with-hcp-16-mask-before::before,
.debug-with-hcp-16-icon-before::before,
.debug-with-hcp-16-mask-after::after,
.debug-with-hcp-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-hcp-16-mask-before::before,
.debug-with-hcp-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--hcp-16-svg);
mask-image: var(--hcp-16-svg);
}
.debug-with-hcp-16-icon-before::before,
.debug-with-hcp-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hcp-16-svg);
}
.debug-with-hcp-24-mask-before::before,
.debug-with-hcp-24-icon-before::before,
.debug-with-hcp-24-mask-after::after,
.debug-with-hcp-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-hcp-24-mask-before::before,
.debug-with-hcp-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--hcp-24-svg);
mask-image: var(--hcp-24-svg);
}
.debug-with-hcp-24-icon-before::before,
.debug-with-hcp-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hcp-24-svg);
}
.debug-with-hcp-color-16-mask-before::before,
.debug-with-hcp-color-16-icon-before::before,
.debug-with-hcp-color-16-mask-after::after,
.debug-with-hcp-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-hcp-color-16-mask-before::before,
.debug-with-hcp-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(--hcp-color-16-svg);
mask-image: var(--hcp-color-16-svg);
}
.debug-with-hcp-color-16-icon-before::before,
.debug-with-hcp-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hcp-color-16-svg);
}
.debug-with-hcp-color-24-mask-before::before,
.debug-with-hcp-color-24-icon-before::before,
.debug-with-hcp-color-24-mask-after::after,
.debug-with-hcp-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-hcp-color-24-mask-before::before,
.debug-with-hcp-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(--hcp-color-24-svg);
mask-image: var(--hcp-color-24-svg);
}
.debug-with-hcp-color-24-icon-before::before,
.debug-with-hcp-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--hcp-color-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-keychain-16-mask-before::before,
.debug-with-keychain-16-icon-before::before,
.debug-with-keychain-16-mask-after::after,
.debug-with-keychain-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-keychain-16-mask-before::before,
.debug-with-keychain-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--keychain-16-svg);
mask-image: var(--keychain-16-svg);
}
.debug-with-keychain-16-icon-before::before,
.debug-with-keychain-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--keychain-16-svg);
}
.debug-with-keychain-24-mask-before::before,
.debug-with-keychain-24-icon-before::before,
.debug-with-keychain-24-mask-after::after,
.debug-with-keychain-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-keychain-24-mask-before::before,
.debug-with-keychain-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--keychain-24-svg);
mask-image: var(--keychain-24-svg);
}
.debug-with-keychain-24-icon-before::before,
.debug-with-keychain-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--keychain-24-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-linkedin-16-mask-before::before,
.debug-with-linkedin-16-icon-before::before,
.debug-with-linkedin-16-mask-after::after,
.debug-with-linkedin-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-linkedin-16-mask-before::before,
.debug-with-linkedin-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--linkedin-16-svg);
mask-image: var(--linkedin-16-svg);
}
.debug-with-linkedin-16-icon-before::before,
.debug-with-linkedin-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--linkedin-16-svg);
}
.debug-with-linkedin-24-mask-before::before,
.debug-with-linkedin-24-icon-before::before,
.debug-with-linkedin-24-mask-after::after,
.debug-with-linkedin-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-linkedin-24-mask-before::before,
.debug-with-linkedin-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--linkedin-24-svg);
mask-image: var(--linkedin-24-svg);
}
.debug-with-linkedin-24-icon-before::before,
.debug-with-linkedin-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--linkedin-24-svg);
}
.debug-with-linkedin-color-16-mask-before::before,
.debug-with-linkedin-color-16-icon-before::before,
.debug-with-linkedin-color-16-mask-after::after,
.debug-with-linkedin-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-linkedin-color-16-mask-before::before,
.debug-with-linkedin-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(--linkedin-color-16-svg);
mask-image: var(--linkedin-color-16-svg);
}
.debug-with-linkedin-color-16-icon-before::before,
.debug-with-linkedin-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--linkedin-color-16-svg);
}
.debug-with-linkedin-color-24-mask-before::before,
.debug-with-linkedin-color-24-icon-before::before,
.debug-with-linkedin-color-24-mask-after::after,
.debug-with-linkedin-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-linkedin-color-24-mask-before::before,
.debug-with-linkedin-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(--linkedin-color-24-svg);
mask-image: var(--linkedin-color-24-svg);
}
.debug-with-linkedin-color-24-icon-before::before,
.debug-with-linkedin-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--linkedin-color-24-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-load-balancer-16-mask-before::before,
.debug-with-load-balancer-16-icon-before::before,
.debug-with-load-balancer-16-mask-after::after,
.debug-with-load-balancer-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-load-balancer-16-mask-before::before,
.debug-with-load-balancer-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--load-balancer-16-svg);
mask-image: var(--load-balancer-16-svg);
}
.debug-with-load-balancer-16-icon-before::before,
.debug-with-load-balancer-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--load-balancer-16-svg);
}
.debug-with-load-balancer-24-mask-before::before,
.debug-with-load-balancer-24-icon-before::before,
.debug-with-load-balancer-24-mask-after::after,
.debug-with-load-balancer-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-load-balancer-24-mask-before::before,
.debug-with-load-balancer-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--load-balancer-24-svg);
mask-image: var(--load-balancer-24-svg);
}
.debug-with-load-balancer-24-icon-before::before,
.debug-with-load-balancer-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--load-balancer-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-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-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-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-mainframe-16-mask-before::before,
.debug-with-mainframe-16-icon-before::before,
.debug-with-mainframe-16-mask-after::after,
.debug-with-mainframe-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-mainframe-16-mask-before::before,
.debug-with-mainframe-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--mainframe-16-svg);
mask-image: var(--mainframe-16-svg);
}
.debug-with-mainframe-16-icon-before::before,
.debug-with-mainframe-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--mainframe-16-svg);
}
.debug-with-mainframe-24-mask-before::before,
.debug-with-mainframe-24-icon-before::before,
.debug-with-mainframe-24-mask-after::after,
.debug-with-mainframe-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-mainframe-24-mask-before::before,
.debug-with-mainframe-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--mainframe-24-svg);
mask-image: var(--mainframe-24-svg);
}
.debug-with-mainframe-24-icon-before::before,
.debug-with-mainframe-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--mainframe-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-nomad-16-mask-before::before,
.debug-with-nomad-16-icon-before::before,
.debug-with-nomad-16-mask-after::after,
.debug-with-nomad-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-nomad-16-mask-before::before,
.debug-with-nomad-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--nomad-16-svg);
mask-image: var(--nomad-16-svg);
}
.debug-with-nomad-16-icon-before::before,
.debug-with-nomad-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--nomad-16-svg);
}
.debug-with-nomad-24-mask-before::before,
.debug-with-nomad-24-icon-before::before,
.debug-with-nomad-24-mask-after::after,
.debug-with-nomad-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-nomad-24-mask-before::before,
.debug-with-nomad-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--nomad-24-svg);
mask-image: var(--nomad-24-svg);
}
.debug-with-nomad-24-icon-before::before,
.debug-with-nomad-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--nomad-24-svg);
}
.debug-with-nomad-color-16-mask-before::before,
.debug-with-nomad-color-16-icon-before::before,
.debug-with-nomad-color-16-mask-after::after,
.debug-with-nomad-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-nomad-color-16-mask-before::before,
.debug-with-nomad-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(--nomad-color-16-svg);
mask-image: var(--nomad-color-16-svg);
}
.debug-with-nomad-color-16-icon-before::before,
.debug-with-nomad-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--nomad-color-16-svg);
}
.debug-with-nomad-color-24-mask-before::before,
.debug-with-nomad-color-24-icon-before::before,
.debug-with-nomad-color-24-mask-after::after,
.debug-with-nomad-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-nomad-color-24-mask-before::before,
.debug-with-nomad-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(--nomad-color-24-svg);
mask-image: var(--nomad-color-24-svg);
}
.debug-with-nomad-color-24-icon-before::before,
.debug-with-nomad-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--nomad-color-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-pack-16-mask-before::before,
.debug-with-pack-16-icon-before::before,
.debug-with-pack-16-mask-after::after,
.debug-with-pack-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-pack-16-mask-before::before,
.debug-with-pack-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--pack-16-svg);
mask-image: var(--pack-16-svg);
}
.debug-with-pack-16-icon-before::before,
.debug-with-pack-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--pack-16-svg);
}
.debug-with-pack-24-mask-before::before,
.debug-with-pack-24-icon-before::before,
.debug-with-pack-24-mask-after::after,
.debug-with-pack-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-pack-24-mask-before::before,
.debug-with-pack-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--pack-24-svg);
mask-image: var(--pack-24-svg);
}
.debug-with-pack-24-icon-before::before,
.debug-with-pack-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--pack-24-svg);
}
.debug-with-pack-color-16-mask-before::before,
.debug-with-pack-color-16-icon-before::before,
.debug-with-pack-color-16-mask-after::after,
.debug-with-pack-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-pack-color-16-mask-before::before,
.debug-with-pack-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(--pack-color-16-svg);
mask-image: var(--pack-color-16-svg);
}
.debug-with-pack-color-16-icon-before::before,
.debug-with-pack-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--pack-color-16-svg);
}
.debug-with-pack-color-24-mask-before::before,
.debug-with-pack-color-24-icon-before::before,
.debug-with-pack-color-24-mask-after::after,
.debug-with-pack-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-pack-color-24-mask-before::before,
.debug-with-pack-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(--pack-color-24-svg);
mask-image: var(--pack-color-24-svg);
}
.debug-with-pack-color-24-icon-before::before,
.debug-with-pack-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--pack-color-24-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-packer-16-mask-before::before,
.debug-with-packer-16-icon-before::before,
.debug-with-packer-16-mask-after::after,
.debug-with-packer-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-packer-16-mask-before::before,
.debug-with-packer-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--packer-16-svg);
mask-image: var(--packer-16-svg);
}
.debug-with-packer-16-icon-before::before,
.debug-with-packer-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--packer-16-svg);
}
.debug-with-packer-24-mask-before::before,
.debug-with-packer-24-icon-before::before,
.debug-with-packer-24-mask-after::after,
.debug-with-packer-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-packer-24-mask-before::before,
.debug-with-packer-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--packer-24-svg);
mask-image: var(--packer-24-svg);
}
.debug-with-packer-24-icon-before::before,
.debug-with-packer-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--packer-24-svg);
}
.debug-with-packer-color-16-mask-before::before,
.debug-with-packer-color-16-icon-before::before,
.debug-with-packer-color-16-mask-after::after,
.debug-with-packer-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-packer-color-16-mask-before::before,
.debug-with-packer-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(--packer-color-16-svg);
mask-image: var(--packer-color-16-svg);
}
.debug-with-packer-color-16-icon-before::before,
.debug-with-packer-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--packer-color-16-svg);
}
.debug-with-packer-color-24-mask-before::before,
.debug-with-packer-color-24-icon-before::before,
.debug-with-packer-color-24-mask-after::after,
.debug-with-packer-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-packer-color-24-mask-before::before,
.debug-with-packer-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(--packer-color-24-svg);
mask-image: var(--packer-color-24-svg);
}
.debug-with-packer-color-24-icon-before::before,
.debug-with-packer-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--packer-color-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-terraform-16-mask-before::before,
.debug-with-terraform-16-icon-before::before,
.debug-with-terraform-16-mask-after::after,
.debug-with-terraform-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-terraform-16-mask-before::before,
.debug-with-terraform-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--terraform-16-svg);
mask-image: var(--terraform-16-svg);
}
.debug-with-terraform-16-icon-before::before,
.debug-with-terraform-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--terraform-16-svg);
}
.debug-with-terraform-24-mask-before::before,
.debug-with-terraform-24-icon-before::before,
.debug-with-terraform-24-mask-after::after,
.debug-with-terraform-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-terraform-24-mask-before::before,
.debug-with-terraform-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--terraform-24-svg);
mask-image: var(--terraform-24-svg);
}
.debug-with-terraform-24-icon-before::before,
.debug-with-terraform-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--terraform-24-svg);
}
.debug-with-terraform-color-16-mask-before::before,
.debug-with-terraform-color-16-icon-before::before,
.debug-with-terraform-color-16-mask-after::after,
.debug-with-terraform-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-terraform-color-16-mask-before::before,
.debug-with-terraform-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(--terraform-color-16-svg);
mask-image: var(--terraform-color-16-svg);
}
.debug-with-terraform-color-16-icon-before::before,
.debug-with-terraform-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--terraform-color-16-svg);
}
.debug-with-terraform-color-24-mask-before::before,
.debug-with-terraform-color-24-icon-before::before,
.debug-with-terraform-color-24-mask-after::after,
.debug-with-terraform-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-terraform-color-24-mask-before::before,
.debug-with-terraform-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(--terraform-color-24-svg);
mask-image: var(--terraform-color-24-svg);
}
.debug-with-terraform-color-24-icon-before::before,
.debug-with-terraform-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--terraform-color-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-twitch-16-mask-before::before,
.debug-with-twitch-16-icon-before::before,
.debug-with-twitch-16-mask-after::after,
.debug-with-twitch-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-twitch-16-mask-before::before,
.debug-with-twitch-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--twitch-16-svg);
mask-image: var(--twitch-16-svg);
}
.debug-with-twitch-16-icon-before::before,
.debug-with-twitch-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitch-16-svg);
}
.debug-with-twitch-24-mask-before::before,
.debug-with-twitch-24-icon-before::before,
.debug-with-twitch-24-mask-after::after,
.debug-with-twitch-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-twitch-24-mask-before::before,
.debug-with-twitch-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--twitch-24-svg);
mask-image: var(--twitch-24-svg);
}
.debug-with-twitch-24-icon-before::before,
.debug-with-twitch-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitch-24-svg);
}
.debug-with-twitch-color-16-mask-before::before,
.debug-with-twitch-color-16-icon-before::before,
.debug-with-twitch-color-16-mask-after::after,
.debug-with-twitch-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-twitch-color-16-mask-before::before,
.debug-with-twitch-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(--twitch-color-16-svg);
mask-image: var(--twitch-color-16-svg);
}
.debug-with-twitch-color-16-icon-before::before,
.debug-with-twitch-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitch-color-16-svg);
}
.debug-with-twitch-color-24-mask-before::before,
.debug-with-twitch-color-24-icon-before::before,
.debug-with-twitch-color-24-mask-after::after,
.debug-with-twitch-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-twitch-color-24-mask-before::before,
.debug-with-twitch-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(--twitch-color-24-svg);
mask-image: var(--twitch-color-24-svg);
}
.debug-with-twitch-color-24-icon-before::before,
.debug-with-twitch-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitch-color-24-svg);
}
.debug-with-twitter-16-mask-before::before,
.debug-with-twitter-16-icon-before::before,
.debug-with-twitter-16-mask-after::after,
.debug-with-twitter-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-twitter-16-mask-before::before,
.debug-with-twitter-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--twitter-16-svg);
mask-image: var(--twitter-16-svg);
}
.debug-with-twitter-16-icon-before::before,
.debug-with-twitter-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitter-16-svg);
}
.debug-with-twitter-24-mask-before::before,
.debug-with-twitter-24-icon-before::before,
.debug-with-twitter-24-mask-after::after,
.debug-with-twitter-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-twitter-24-mask-before::before,
.debug-with-twitter-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--twitter-24-svg);
mask-image: var(--twitter-24-svg);
}
.debug-with-twitter-24-icon-before::before,
.debug-with-twitter-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitter-24-svg);
}
.debug-with-twitter-color-16-mask-before::before,
.debug-with-twitter-color-16-icon-before::before,
.debug-with-twitter-color-16-mask-after::after,
.debug-with-twitter-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-twitter-color-16-mask-before::before,
.debug-with-twitter-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(--twitter-color-16-svg);
mask-image: var(--twitter-color-16-svg);
}
.debug-with-twitter-color-16-icon-before::before,
.debug-with-twitter-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitter-color-16-svg);
}
.debug-with-twitter-color-24-mask-before::before,
.debug-with-twitter-color-24-icon-before::before,
.debug-with-twitter-color-24-mask-after::after,
.debug-with-twitter-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-twitter-color-24-mask-before::before,
.debug-with-twitter-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(--twitter-color-24-svg);
mask-image: var(--twitter-color-24-svg);
}
.debug-with-twitter-color-24-icon-before::before,
.debug-with-twitter-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--twitter-color-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-union-mask-before::before,
.debug-with-union-icon-before::before,
.debug-with-union-mask-after::after,
.debug-with-union-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-union-mask-before::before,
.debug-with-union-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--union-svg);
mask-image: var(--union-svg);
}
.debug-with-union-icon-before::before,
.debug-with-union-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--union-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-vagrant-16-mask-before::before,
.debug-with-vagrant-16-icon-before::before,
.debug-with-vagrant-16-mask-after::after,
.debug-with-vagrant-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-vagrant-16-mask-before::before,
.debug-with-vagrant-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--vagrant-16-svg);
mask-image: var(--vagrant-16-svg);
}
.debug-with-vagrant-16-icon-before::before,
.debug-with-vagrant-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vagrant-16-svg);
}
.debug-with-vagrant-24-mask-before::before,
.debug-with-vagrant-24-icon-before::before,
.debug-with-vagrant-24-mask-after::after,
.debug-with-vagrant-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-vagrant-24-mask-before::before,
.debug-with-vagrant-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--vagrant-24-svg);
mask-image: var(--vagrant-24-svg);
}
.debug-with-vagrant-24-icon-before::before,
.debug-with-vagrant-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vagrant-24-svg);
}
.debug-with-vagrant-color-16-mask-before::before,
.debug-with-vagrant-color-16-icon-before::before,
.debug-with-vagrant-color-16-mask-after::after,
.debug-with-vagrant-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-vagrant-color-16-mask-before::before,
.debug-with-vagrant-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(--vagrant-color-16-svg);
mask-image: var(--vagrant-color-16-svg);
}
.debug-with-vagrant-color-16-icon-before::before,
.debug-with-vagrant-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vagrant-color-16-svg);
}
.debug-with-vagrant-color-24-mask-before::before,
.debug-with-vagrant-color-24-icon-before::before,
.debug-with-vagrant-color-24-mask-after::after,
.debug-with-vagrant-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-vagrant-color-24-mask-before::before,
.debug-with-vagrant-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(--vagrant-color-24-svg);
mask-image: var(--vagrant-color-24-svg);
}
.debug-with-vagrant-color-24-icon-before::before,
.debug-with-vagrant-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vagrant-color-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-vault-color-16-mask-before::before,
.debug-with-vault-color-16-icon-before::before,
.debug-with-vault-color-16-mask-after::after,
.debug-with-vault-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-vault-color-16-mask-before::before,
.debug-with-vault-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(--vault-color-16-svg);
mask-image: var(--vault-color-16-svg);
}
.debug-with-vault-color-16-icon-before::before,
.debug-with-vault-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vault-color-16-svg);
}
.debug-with-vault-color-24-mask-before::before,
.debug-with-vault-color-24-icon-before::before,
.debug-with-vault-color-24-mask-after::after,
.debug-with-vault-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-vault-color-24-mask-before::before,
.debug-with-vault-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(--vault-color-24-svg);
mask-image: var(--vault-color-24-svg);
}
.debug-with-vault-color-24-icon-before::before,
.debug-with-vault-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--vault-color-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-waypoint-16-mask-before::before,
.debug-with-waypoint-16-icon-before::before,
.debug-with-waypoint-16-mask-after::after,
.debug-with-waypoint-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-waypoint-16-mask-before::before,
.debug-with-waypoint-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--waypoint-16-svg);
mask-image: var(--waypoint-16-svg);
}
.debug-with-waypoint-16-icon-before::before,
.debug-with-waypoint-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--waypoint-16-svg);
}
.debug-with-waypoint-24-mask-before::before,
.debug-with-waypoint-24-icon-before::before,
.debug-with-waypoint-24-mask-after::after,
.debug-with-waypoint-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-waypoint-24-mask-before::before,
.debug-with-waypoint-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--waypoint-24-svg);
mask-image: var(--waypoint-24-svg);
}
.debug-with-waypoint-24-icon-before::before,
.debug-with-waypoint-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--waypoint-24-svg);
}
.debug-with-waypoint-color-16-mask-before::before,
.debug-with-waypoint-color-16-icon-before::before,
.debug-with-waypoint-color-16-mask-after::after,
.debug-with-waypoint-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-waypoint-color-16-mask-before::before,
.debug-with-waypoint-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(--waypoint-color-16-svg);
mask-image: var(--waypoint-color-16-svg);
}
.debug-with-waypoint-color-16-icon-before::before,
.debug-with-waypoint-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--waypoint-color-16-svg);
}
.debug-with-waypoint-color-24-mask-before::before,
.debug-with-waypoint-color-24-icon-before::before,
.debug-with-waypoint-color-24-mask-after::after,
.debug-with-waypoint-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-waypoint-color-24-mask-before::before,
.debug-with-waypoint-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(--waypoint-color-24-svg);
mask-image: var(--waypoint-color-24-svg);
}
.debug-with-waypoint-color-24-icon-before::before,
.debug-with-waypoint-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--waypoint-color-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-youtube-16-mask-before::before,
.debug-with-youtube-16-icon-before::before,
.debug-with-youtube-16-mask-after::after,
.debug-with-youtube-16-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-youtube-16-mask-before::before,
.debug-with-youtube-16-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--youtube-16-svg);
mask-image: var(--youtube-16-svg);
}
.debug-with-youtube-16-icon-before::before,
.debug-with-youtube-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--youtube-16-svg);
}
.debug-with-youtube-24-mask-before::before,
.debug-with-youtube-24-icon-before::before,
.debug-with-youtube-24-mask-after::after,
.debug-with-youtube-24-icon-after::after {
display: inline-block;
content: '';
visibility: visible;
background-size: contain;
width: 1.2em;
height: 1.2em;
vertical-align: text-top;
}
.debug-with-youtube-24-mask-before::before,
.debug-with-youtube-24-mask-after::after {
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-repeat: no-repeat;
mask-position: center;
background-color: currentColor;
-webkit-mask-image: var(--youtube-24-svg);
mask-image: var(--youtube-24-svg);
}
.debug-with-youtube-24-icon-before::before,
.debug-with-youtube-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--youtube-24-svg);
}
.debug-with-youtube-color-16-mask-before::before,
.debug-with-youtube-color-16-icon-before::before,
.debug-with-youtube-color-16-mask-after::after,
.debug-with-youtube-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-youtube-color-16-mask-before::before,
.debug-with-youtube-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(--youtube-color-16-svg);
mask-image: var(--youtube-color-16-svg);
}
.debug-with-youtube-color-16-icon-before::before,
.debug-with-youtube-color-16-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--youtube-color-16-svg);
}
.debug-with-youtube-color-24-mask-before::before,
.debug-with-youtube-color-24-icon-before::before,
.debug-with-youtube-color-24-mask-after::after,
.debug-with-youtube-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-youtube-color-24-mask-before::before,
.debug-with-youtube-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(--youtube-color-24-svg);
mask-image: var(--youtube-color-24-svg);
}
.debug-with-youtube-color-24-icon-before::before,
.debug-with-youtube-color-24-icon-after::after {
background-repeat: no-repeat;
background-position: center;
background-image: var(--youtube-color-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-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,');
--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,');
--amazon-eks-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--amazon-eks-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--amazon-eks-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--amazon-eks-color-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-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-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-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,');
--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,');
--aws-ec2-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--aws-ec2-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--aws-ec2-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--aws-ec2-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,');
--bank-vault-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--bank-vault-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,');
--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,');
--boundary-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--boundary-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--boundary-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--boundary-color-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,');
--briefcase-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--briefcase-24-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,');
--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,');
--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,');
--caret-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--caret-24-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-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-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-left-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--chevron-left-24-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-up-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--chevron-up-24-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,');
--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,');
--codepen-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--codepen-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--codepen-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--codepen-color-24-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,');
--consul-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--consul-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--consul-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--consul-color-24-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,');
--delay-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--delay-24-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-color-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,');
--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,');
--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,');
--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,');
--entry-point-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--entry-point-24-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,');
--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,');
--facebook-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--facebook-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--facebook-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--facebook-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-minus-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--file-minus-24-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,');
--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,');
--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-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-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,');
--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,');
--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-commit-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--git-commit-24-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-repo-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--git-repo-24-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,');
--hammer-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--hammer-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--handshake-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--handshake-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,');
--hashicorp-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--hashicorp-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--hashicorp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--hashicorp-color-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--hcp-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--hcp-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--hcp-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--hcp-color-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,');
--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,');
--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,');
--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,');
--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,');
--keychain-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--keychain-24-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,');
--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,');
--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,');
--linkedin-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--linkedin-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--linkedin-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--linkedin-color-24-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,');
--load-balancer-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--load-balancer-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-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,');
--logo-ember-circle-color-svg: url('data:image/svg+xml;charset=UTF-8,');
--logo-glimmer-color-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-nomad-color-svg: url('data:image/svg+xml;charset=UTF-8,');
--logo-oidc-color-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,');
--mainframe-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--mainframe-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,');
--mesh-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--mesh-24-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,');
--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-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,');
--module-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--module-24-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-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--more-vertical-24-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,');
--nomad-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--nomad-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--nomad-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--nomad-color-24-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,');
--pack-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--pack-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--pack-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--pack-color-24-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,');
--packer-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--packer-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--packer-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--packer-color-24-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,');
--path-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--path-24-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,');
--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-square-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--plus-square-24-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,');
--queue-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--queue-24-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,');
--random-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--random-24-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,');
--reload-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--reload-24-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,');
--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,');
--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,');
--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,');
--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-off-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--star-off-24-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,');
--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,');
--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-vertical-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--swap-vertical-24-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,');
--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,');
--terraform-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--terraform-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--terraform-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--terraform-color-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,');
--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,');
--tv-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--tv-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitch-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitch-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitch-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitch-color-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitter-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitter-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitter-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--twitter-color-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-open-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--unfold-open-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--union-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,');
--user-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--user-24-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-plus-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--user-plus-24-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,');
--vagrant-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--vagrant-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--vagrant-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--vagrant-color-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,');
--vault-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--vault-color-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,');
--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,');
--waypoint-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--waypoint-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--waypoint-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--waypoint-color-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,');
--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,');
--youtube-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--youtube-24-svg: url('data:image/svg+xml;charset=UTF-8,');
--youtube-color-16-svg: url('data:image/svg+xml;charset=UTF-8,');
--youtube-color-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,');
}