.bc-div-cursor-test {
    color: #23282D;
    background: #FFD64F;

    -webkit-box-shadow: 0px 0px 15px -8px #000; 
    box-shadow: 0px 0px 15px -8px #000;
}
.bc-animator{
    background: #23282D;
}
.bc-animator__inputs{
    background: #343C43;
}
.bc-animator__input-title{
    color: #fff;
}
.bc-animator__inputs a{
    color: #000;
}
.bc-animator__title{
    color: #949494;
}
.bc-animator__tippy{
    color: #23282D;
    background: #FFD64F;
    font-weight: 700;
}
.bc-animator__input {
    color: #6A7075 !important;
    border: 1px solid #23282D !important;
    background: #23282D !important;
}
.bc-animator__input::placeholder{
    color: #717274 !important;
}
.bc-animator__input:hover, .bc-animator__input:focus{
    border: 1px solid #FFD64F !important;
}
.bc-animator__select {
    color: #717274;
    background: #222222;
}
.bc-animator__select option{
    color: #717274;
}
.bc-animator__timeline{
    background: #222222;
}
.bc-animator__timeline-liner{
    background: #FFD64F;
}
.bc-animator__duration-span{
    color: #717274;
}
.bc-animator__selector{
    background-color: #FFD64F;
    background-image: url(srcs/bc-animator__selector--dark.svg);
}
.bc-animator__selector--selecting{
    border: 1px solid white;
}
.bc-animator__group-markers{
    background: #343C43;
}
.bc-animator__checkboxes-title{
    color: #949494;
}
.bc-animator__switch:after {
    background: #23282d;
}
.bc-animator__switch {
    background: grey;
}
.bc-animator__checkbox:checked + .bc-animator__switch {
    background: #FFD64F;
}
.bc-animator__select-options{
    background-image: url(srcs/bc-animator__select--dark.svg);
}
.bc-animator__select-options:hover{
    background-color: #343C43;
}
.bc-animator__ul-select{
    background: #343C43;
    color: #fff;
    -webkit-box-shadow: 0px 0px 15px -8px #000; 
    box-shadow: 0px 0px 15px -8px #000;
}
.bc-animator__ul-select li:hover{
    background: #FFD64F;
    color: #343C43;
}
.bc-animator__timelines{
    background: #343C43;
}
.bc-animator__col::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #23282d;
}
.bc-animator__timelines::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #23282d;
}
.bc-animator__timelines-title{
    color: #949494;
}
.bc-animator__timeline-input:hover, .bc-animator__timeline-input:focus{
    border: 1px solid #FFD64F !important;
}
.bc-animator__timeline-input--active .bc-animator__timeline-input{
    background: #23282D !important;
    color: white !important;
    border: 1px solid #23282D !important;
}
.bc-animator__timeline-input--active .bc-animator__timeline-removal{
    background-color: #343C43 !important;
}
.bc-animator__timeline-input {
    color: #6A7075 !important;
    border: 1px solid #23282D !important;
}
.bc-animator__timeline-removal{
    background-color: unset;
    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--dark.png);
}
.bc-animator__play-wrapper{
    background: #343C43;
}
.bc-animator__play{
    background-color: #FFD64F;
    background-image: url(srcs/bc-animator__play--dark.svg);
}
.bc-animator__time{
    background-color: #FFD64F;
    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: #343C43;
}
.bc-animator__timeline-view-wrapper-wrapper::-webkit-scrollbar-thumb {
    border: 5px solid rgba(0, 0, 0, 0);
    background-color: #343C43;
}
.bc-animator__timeline-view{
    background: #23282D;
}
.bc-animator__timeline-clone{
    background: #FFD64F;
}
.bc-animator__timeline-line{
    background: #73FD81;
}
.bc-animator__resizable{
    background-image: url(srcs/bc-animator__resizable--dark.svg);
}
.bc-animator__draggable{
    background-color: #343C43;
    background-image: url(srcs/bc-animator__draggable.svg);
}
.bc-animator .tippy-box[data-theme="custom"] {
    background-color: #FFD64F;
    color: #23282D;
}
.bc-animator .tippy-box[data-theme="custom"] .tippy-arrow{
    color: #FFD64F;
}
.custom-outline{
    outline: 1px solid #FFD64F;
}