.RadRotator_CnMaterial {
    /* When LoadOnDemand */
}

    .RadRotator_CnMaterial .rrClipRegion {
        border-color: var(--border-color-ctrl);
        color: black;
        background-color: var(--bg-color-main);
    }

.RadRotator_CnMaterial a.rrButton,
.RadRotator_CnMaterial a.rrButton.rrButtonDisabled,
.RadRotator_CnMaterial a.rrButton.rrButtonDisabled:hover,
.RadRotator_CnMaterial a.rrButton.rrButtonDisabled:active,
.RadRotator_CnMaterial a.rrButton.rrButtonDisabled:focus {
    padding: 8px;
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--bg-color-main-three);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .RadRotator_CnMaterial a.rrButton:hover {
        border-color: var(--border-color-main-three);
        color: black;
        background-color: var(--bg-color-main-three);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2);
    }

.RadRotator_CnMaterial a.rrButton:focus {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2);
}

.RadRotator_CnMaterial a.rrButton:active {
    border-color: var(--border-color-ctrl);
    color: black;
    background-color: var(--border-color-ctrl);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16), 0 6px 6px rgba(0, 0, 0, 0.2);
}

.RadRotator_CnMaterial .rrLoadingSign {
    background-image: url(" ");
}

.RadRotator_CnMaterial .rrClipRegion {
    border-radius: 0.1428571429em;
    z-index: 2;
}

.RadRotator_CnMaterial a.rrButtonUp {
    top: 0.0714285714em;
    border-radius: 0.1428571429em 0.1428571429em 0em 0em;
}

.RadRotator_CnMaterial a.rrButtonRight {
    border-radius: 0em 0.1428571429em 0.1428571429em 0em;
}

.RadRotator_CnMaterial a.rrButtonDown {
    border-radius: 0em 0em 0.1428571429em 0.1428571429em;
}

.RadRotator_CnMaterial a.rrButtonLeft {
    left: 1px;
    border-radius: 0.1428571429em 0em 0em 0.1428571429em;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadRotator_CnMaterial a.rrButtonUp {
        top: 0;
    }
    .RadRotator_CnMaterial a.rrButtonRight {
        right: 0;
    }
    .RadRotator_CnMaterial a.rrButtonDown {
        bottom: 0;
    }
    .RadRotator_CnMaterial a.rrButtonLeft {
        left: 0;
    }
}

.RadRotator_CnMaterial .t-ripple-effect {
    position: absolute !important;
}
