[data-appearance="acrylic"] .face-0 {
    background-image: url("../../images/appearances/color-based/acrylic/color-0.svg");
}

[data-appearance="acrylic"] .face-1 {
    background-image: url("../../images/appearances/color-based/acrylic/color-1.svg");
}

[data-appearance="acrylic"] .face-2 {
    background-image: url("../../images/appearances/color-based/acrylic/color-2.svg");
}

[data-appearance="acrylic"] .face-3 {
    background-image: url("../../images/appearances/color-based/acrylic/color-3.svg");
}

[data-appearance="acrylic"] .face-4 {
    background-image: url("../../images/appearances/color-based/acrylic/color-4.svg");
}

[data-appearance="acrylic"] .face-5 {
    background-image: url("../../images/appearances/color-based/acrylic/color-5.svg");
}

[data-name="mirror3x3x3"][data-appearance="acrylic"] .extroverted {
    background-image: url("../../images/appearances/shape-mod/acrylic.svg");
}

/* labels */
[data-appearance="acrylic"] .face {
    color: #ffffff;
}

[data-appearance="acrylic"] .face-1,
[data-appearance="acrylic"] .face-5,

[data-appearance="acrylic"] .face-1,
[data-appearance="acrylic"] .face-5,

[data-appearance="acrylic"] .face-1,
[data-appearance="acrylic"] .face-5,

[data-appearance="acrylic"] .face-1,
[data-appearance="acrylic"] .face-5 {
    color: #000000;
}

[data-name="mirror3x3x3"][data-appearance="acrylic"] .face.extroverted {
    color: rgba(133, 0, 228, 0.58);
}

/* global */
[data-name][data-name="mirror3x3x3"] .face {
    color: white;
}

[data-name="mirror3x3x3"] .box:not(.core) .face:not(.extroverted) {
    color: transparent;
}