.rnblock.Navigator .rnCarret{
    font-size: 30px;
    cursor: pointer;
    transition: color 200ms ease-in-out;

}

.navigatorContainer{
    display: flex;
    justify-content: space-between;
}

.rnNavSpinner{
    position: absolute;
    animation-name: spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.rnblock.Navigator .rnCarret:hover{
    color:red;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


.rnNavSpinnerContainer{
    transition: opacity 200ms ease-in-out;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    border-radius: 5px;
    opacity: 0;
}

.navigatorContainer.rnIsLoading .rnCarretItem,.rnCarretItem.rnDisabled {
    pointer-events: none;
}

.navigatorContainer.rnIsLoading .rnCarret{
    color:#888 !important;

}

.rnCarretItem.rnDisabled{
    color:#888;
}

.navigatorContainer.rnIsLoading .rnNavSpinnerContainer
{
    opacity: 1;
}


.rnNavigationText{
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}


.rnCarretItem, .rnNavSpinnerContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;

}