.dialog-tabs {
    height: 300px;
    width: 450px;
    overflow: auto;

    &__row {
        display: flex;
        align-items: center;
        padding: 10px 15px 10px 0;
        border-radius: 3px;
        font-size: 15px;
        width: 100%;
        height: 40px;

        &:not(:last-child) {
            margin-bottom: 10px;
        }

        &_add {
            opacity: 0.5;
            cursor: pointer;
            padding-left: 5px;
        }
    }

    &__icon {
        margin-right: 10px;
    }

    &__sortable-item {
        padding: 0 10px;
    }

    &__sortable-item_highlight:has(.dialog-tab-item__row_selected) {
        background-color: var(--g-color-base-selection);
    }
}
