@import '../default/var';
// @import './icon';
.child-node {
    padding-left: 12px;
}

i {
    cursor: pointer;
}

.icon-right {
    border: 4px solid rgba(0, 0, 0, 0);
    display: inline-block;
    border-left: 5px solid #cccccc;
    transition: all 0.3s ease-in-out;
}

.icon-down {
    transform: rotate(90deg);
    margin-right: 4px;
}

.icon-opacity {
    opacity: 0;
}

.checkbox-icon {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
    height: 12px;
    font-size: 12px;
    color: #4260fd;
}

.icon {
    animation: ease-in-out 0.4s checked;
}

.icon-right-loading {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    font-size: 12px;
    margin-right: 3px;
}

@keyframes checked {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.item-checkbox-disabled {
    filter: grayscale(100%) opacity(0.5);
    cursor: not-allowed;
    i {
        cursor: not-allowed;
    }
}