@import '~@gravity-ui/uikit/styles/mixins';

.entry-row {
    $class: &;
    width: 100%;
    height: 40px;
    align-items: center;
    display: flex;
    transition: background ease-in-out 0.2s;
    padding-left: 4px;

    &_hoverable:hover {
        background: var(--g-color-base-simple-hover);
    }

    &_locked {
        color: var(--g-color-text-complementary);
    }

    &__text-block {
        @include overflow-ellipsis;
        overflow: hidden;
        display: flex;
        align-items: center;
    }

    &__name {
        @include text-body-1;
        @include overflow-ellipsis;
        margin-left: 10px;
    }

    &__entry {
        margin-right: 10px;

        overflow: hidden;
        display: flex;
        align-items: center;
    }

    &__icon {
        flex-shrink: 0;

        &_disabled {
            opacity: 0.5;
        }
    }

    &__locked-label {
        display: flex;
        gap: 8px;
        margin-left: 8px;
        flex-shrink: 0;
    }
}
