﻿
.Sentiment_Small_Horizontal {
    height: 20px;
    width: 200px;
    background-color: var(--background2);
    border-radius: var(--border-radius-small);
    box-shadow: var(--box-shadow);
    background: linear-gradient( 90deg, rgba(188,51,37,1) 0%, rgba(185,162,19,1) 50%, rgba(30,158,74,1) 100%);
}
.Table_Logs .Table_Cell .Sentiment_Small_Horizontal {
    width: 100px;
}

    .Sentiment_Small_Horizontal .Sentiment_Label_Negative,
    .Sentiment_Small_Horizontal .Sentiment_Label_Title,
    .Sentiment_Small_Horizontal .Sentiment_Label_Positive {
        position: absolute;
        color: var(--color-fade);
        font-size: var(--font-size-very-small);
    }

    .Sentiment_Small_Horizontal .Sentiment_Label_Positive {
        margin-left: 200px;
        transform: translate(-100%, -15px);
    }

    .Sentiment_Small_Horizontal .Sentiment_Label_Negative {
        transform: translate(0px, -15px);
    }

    .Sentiment_Small_Horizontal .Sentiment_Label_Title {
        margin-left: 100px;
        transform: translate(-50%, -15px);
    }
.Sentiment_Label_Location_Bottom .Sentiment_Label_Positive {
    transform: translate(-100%, 20px);
}
.Sentiment_Label_Location_Bottom .Sentiment_Label_Title {
    transform: translate(-50%, 20px);
}
.Sentiment_Label_Location_Bottom .Sentiment_Label_Negative {
    transform: translate(0px, 20px);
}
.Sentiment_Small_Horizontal .Indicator_Ball {
    transform: translate(0px, 0px);
}