@mixin pseudoSvgIconCheckmarkWhite() {
    height: 1rem;
    width: 1rem;
    content: '';
    -webkit-mask: url('/assets/icons/eui-internals/checkmark.svg') no-repeat 50% 50%;
    mask: url('/assets/icons/eui-internals/checkmark.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: v(eui-base-color-white);
}

@mixin pseudoSvgIconCheckmarkBlack() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/checkmark.svg');
}

@mixin pseudoSvgIconRemoveWhite() {
    height: 1rem;
    width: 1rem;
    content: '';
    -webkit-mask: url('/assets/icons/eui-internals/rempve.svg') no-repeat 50% 50%;
    mask: url('/assets/icons/eui-internals/remove.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: v(eui-base-color-white);
}

@mixin pseudoSvgIconRemoveBlack() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/rempve.svg');
}

@mixin pseudoSvgIconExternalWhite() {
    height: 1rem;
    width: 1rem;
    content: '';
    -webkit-mask: url('/assets/icons/eui-internals/external.svg') no-repeat 50% 50%;
    mask: url('/assets/icons/eui-internals/external.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: v(eui-base-color-white);
}

@mixin pseudoSvgIconExternalPrimary() {
    height: 1rem;
    width: 1rem;
    content: '';
    -webkit-mask: url('/assets/icons/eui-internals/external.svg') no-repeat 50% 50%;
    mask: url('/assets/icons/eui-internals/external.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: v(eui-base-color-primary-100);
}

@mixin pseudoSvgIconExternalBlack() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/external.svg');
}

@mixin pseudoSvgIconEllipseWhite() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/ellipse.svg');
    background-color: v(eui-base-color-white);
    border-radius: 50%;
}

@mixin pseudoSvgIconEllipseDanger() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/ellipse.svg');
    background-color: v(eui-base-color-danger-100);
    border-radius: 50%;
}

@mixin pseudoSvgIconEllipsePrimary() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/ellipse.svg');
    background-color: v(eui-base-color-primary-100);
    border-radius: 50%;
}

@mixin pseudoSvgIconEllipseBlack() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/ellipse.svg');
    border-radius: 50%;
}

@mixin pseudoSvgIconChevronDownBlack() {
    height: 1rem;
    width: 1rem;
    content: url('/assets/icons/eui-internals/chevron-down.svg');
}
