.bc-div-cursor-test {
    color: #fff;
    background: #6C51FE;

    -webkit-box-shadow: 0px 0px 15px -8px #000; 
    box-shadow: 0px 0px 15px -8px #000;
}
.bc-animator{
    background: #595959;
}
.bc-animator__inputs{
    background: #2C2C2C;
}
.bc-animator__input-title{
    color: #fff;
}
.bc-animator__inputs a{
    color: #0b0335;
}
.bc-animator__title{
    color: #949494;
}
.bc-animator__tippy{
    color: #fff;
    background: #6C51FE;
}
.bc-animator__input {
    color: #717274 !important;
    border: 1px solid #222222 !important;
    background: #222222 !important;
}
.bc-animator__input::placeholder{
    color: #717274 !important;
}
.bc-animator__input:hover, .bc-animator__input:focus{
    border: 1px solid #6C51FE !important;
}
.bc-animator__select {
    color: #717274;
    background: #222222;
}
.bc-animator__select option{
    color: #717274;
}
.bc-animator__timeline-control{
    background-color: #6C51FE;
    background-image: url(srcs/bc-animator__timeline-control.png);
}
.bc-animator__timeline{
    background: #222222;
}
.bc-animator__timeline-liner{
    background: #6C51FE;
}
.bc-animator__duration-span{
    color: #717274;
}
.bc-animator__selector{
    background-color: #6C51FE;
    background-image: url(srcs/bc-animator__selector.svg);
}
.bc-animator__selector--selecting{
    border: 1px solid white;
}
.bc-animator__group-markers{
    background: #222222;
}
.bc-animator__checkboxes-title{
    color: #949494;
}
.bc-animator__switch {
    background: grey;
}
.bc-animator__switch:after {
    background: #fff;
}
.bc-animator__checkbox:checked + .bc-animator__switch {
    background: #6C51FE;
}
.bc-animator__select-options{
    background-image: url(srcs/bc-animator__select.svg);
}
.bc-animator__select-options:hover{
    background-color: #b3a8ee;
}
.bc-animator__ul-select{
    background: #595959;
    color: #fff;
    -webkit-box-shadow: 0px 0px 15px -8px #000; 
    box-shadow: 0px 0px 15px -8px #000;
}
.bc-animator__ul-select li:hover{
    background: #6C51FE;
}
.bc-animator__timelines{
    background: #222222;
}
.bc-animator__col::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #222222;
}
.bc-animator__timelines::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #3E3E3E;
}
.bc-animator__timeline-view-wrapper-wrapper::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #AAAAAA;
}
.bc-animator__timelines-title{
    color: #949494;
}
.bc-animator__timeline-input:hover, .bc-animator__timeline-input:focus{
    border: 1px solid #6C51FE !important;
}
.bc-animator__timeline-input--active .bc-animator__timeline-input{
    background: #3E3E3E !important;
    color: white !important;
    border: 1px solid #3E3E3E !important;
}
.bc-animator__timeline-input--active .bc-animator__timeline-removal{
    background-color: #828282 !important;
}
.bc-animator__timeline-input {
    color: #717274 !important;
    border: 1px solid #3E3E3E !important;
}
.bc-animator__timeline-removal{
    background-color: #3E3E3E;
    background-image: url(srcs/bc-animator__timeline-removal.png);
}
.bc-animator__timeline-removal:hover{
    background-color: #FF6969 !important;
}
.bc-animator__timeline-input--active ~ .bc-animator__timeline-removal{
    background-color: rgb(139, 31, 172);
}
.bc-animator__add-timeline{
    background: url(srcs/bc-animator__add-timeline.png);
}
.bc-animator__play-wrapper{
    background: #222222;
}
.bc-animator__replay{
    background-color: #6C51FE;
    background-image: url(srcs/bc-animator__replay.svg);
}
.bc-animator__play{
    background-color: #6C51FE;
    background-image: url(srcs/bc-animator__play.svg);
}
.bc-animator__time{
    background-color: #6C51FE;
    color: #222222;
}
.bc-animator__save{
    background: #73FD81;
}
.bc-animator__save-span{
    color: #01540A;
}
.bc-animator__save-icon{
    background-image: url(srcs/bc-animator__save-icon.svg);
}
.bc-animator__saved-icon{
    background-image: url(srcs/bc-animator__saved-icon.svg);
}
.bc-animator__timeline-view-wrapper{
    background: #222222;
}
.bc-animator__timeline-view{
    background: #2C2C2C;
}
.bc-animator__timeline-clone{
    background: #6C51FE;
}
.bc-animator__timeline-line{
    background: #73FD81;
}
.bc-animator__resizable{
    background-image: url(srcs/bc-animator__resizable.svg);
}
.bc-animator__draggable{
    background-color: #2C2C2C;
    background-image: url(srcs/bc-animator__draggable.svg);
}
.bc-animator .tippy-box[data-theme="custom"] {
    background-color: #6C51FE;
    color: white;
}
.bc-animator .tippy-box[data-theme="custom"] .tippy-arrow{
    color: #6C51FE;
}
.custom-outline{
    outline: 1px solid #6C51FE;
}