@import "../new-variables";

.stats-info-container {
    margin-bottom: 30px;
    &.separated:not(:last-child){
        border-right: 1px dashed $light-grey-text-color;
    }
    .inner-container {
        .slot{
            overflow-x: hidden;
            overflow-y: auto;
            height: 100%;
            max-height: 256px;
        }
        &.padding-40{
            padding-left: 40px;
            padding-right: 40px;
        }
        &.nopadding{
            padding:0;
            width: 30rem;
        }

        display: flex;
        flex-direction: column;
        .info-title{
            color:$main-color;
            font-weight: $bold;
            font-size:$text-size-large;
            letter-spacing: 0.32px;
            margin-bottom: 37px;
            line-height:35px;

        }
        .info-content{
            max-width: 420px;
            height: 56px;
            margin-bottom: 8px;
            border: 1px solid $border-color;
            display: flex;
            justify-content: flex-start;
            position: relative;
            padding-right: 50px;

            align-items: center;
            &-text{
                padding-left:20px;
                padding-right: 5px;
                &-index{
                    font-weight: bold;
                    font-size: $text-size-large;
                    letter-spacing: 0.4px;
                }
            }
            &-counter{
                padding-right: 20px;
                font-weight: bold;
                font-size: $text-size-large;
                letter-spacing: 0.4px;
            }
            &-img {
                display: none;
            }
            &:hover {
                background-color: white;
                .info-content-img{
                    display: block;
                    position: absolute;
                    right: 20px;

                }

            }
            &-notitle{
                &:first-child{
                padding-left:20px;
            }
                &:last-child{
                    padding-right:20px;
                }
                color:$main-color;
                font-weight: $bold;
                font-size: $text-size-large;
                letter-spacing: 0.32px;
            }
        }
    }
}