.ydb-pool-bar {
    position: relative;

    width: 8px;
    height: 24px;
    margin-right: var(--g-spacing-1);

    cursor: pointer;

    border: 1px solid;
    border-radius: var(--g-border-radius-xs);

    &__popup-content {
        width: 170px;
        padding: 10px;
    }

    &:last-child {
        margin-right: 0;
    }

    &_type_normal {
        border-color: var(--g-color-base-positive-heavy);
    }
    &_type_warning {
        border-color: var(--g-color-base-warning-heavy);
    }
    &_type_danger {
        border-color: var(--g-color-base-danger-heavy);
    }

    &__value {
        position: absolute;
        bottom: 0;

        width: 100%;
        min-height: 1px;

        &_type_normal {
            background-color: var(--g-color-base-positive-medium);
        }
        &_type_warning {
            background-color: var(--g-color-base-warning-medium);
        }
        &_type_danger {
            background-color: var(--g-color-base-danger-medium);
        }
    }
}