@import "../../styles/variables";

.ConflictManagerWidget {
    position: relative;

    &-title {
        float: left;
        font-size: 18px;
        margin-bottom: 4px;
        margin-top: 0;
    }

    &-animated {
        animation-duration: .5s;
        animation-name: conflict-manager-widget-animation;
        height: 0;
        margin-top: 0;
        opacity: 0;
    }

    &-conflicts-text {
        clear: both;
    }

    .LoaderWrapper {
        clear: both;
    }

    .Icons-youtube {
        float: right;
        height: 18px;
        margin-right: 14px;
        width: 24px;
    }

    &-respond {
        margin-bottom: 5px;
        text-align: right;
    }

    &-respond-link {
        font-weight: $weight_bold;
    }

    &-viewMoreNextArrow {
        top: 4px;
    }

    .LoadingIndicator {
        height: 85px;
    }
}

@keyframes conflict-manager-widget-animation {
    0% {
        height: 85px;
        margin-top: 30px;
        opacity: 1;
    }

    100% {
        height: 0;
        margin-top: 0;
        opacity: 0;
    }
}