.ydb-status-color {
    display: inline-flex;
    flex-shrink: 0;

    border-radius: 3px;

    &_state_green {
        background-color: var(--ydb-color-status-green);
    }
    &_state_yellow {
        background-color: var(--ydb-color-status-yellow);
    }
    &_state_blue {
        background-color: var(--ydb-color-status-green);
    }
    &_state_red {
        background-color: var(--ydb-color-status-red);
    }
    &_state_grey {
        background-color: var(--ydb-color-status-grey);
    }
    &_state_orange {
        background-color: var(--ydb-color-status-red);
    }

    &_size_xs {
        aspect-ratio: 1;

        width: 12px;
        height: 12px;
    }
    &_size_s {
        aspect-ratio: 1;

        width: 16px;
        height: 16px;
    }
    &_size_m {
        aspect-ratio: 1;

        width: 18px;
        height: 18px;
    }

    &_size_l {
        width: 24px;
        height: 24px;
    }
}