.ydb-query-editor-zero-tabs-state {
    min-height: 0;
    padding: var(--g-spacing-4);

    border-radius: var(--g-border-radius-xl);
    background: linear-gradient(180deg, #fff 0%, #f1f1f1 100%);

    .g-root_theme_dark &,
    .g-root_theme_dark-hc & {
        background: linear-gradient(180deg, #2d2c33 0%, #34333d 100%);
    }

    &__card {
        display: block;

        box-sizing: border-box;
        width: 350px;
        height: 100px;
        padding: 3px;

        cursor: pointer;

        border: 1px solid var(--g-color-line-generic);
        border-radius: var(--g-border-radius-xl);
        background: transparent;
    }

    &__card:hover &__card-inner {
        background: var(--g-color-base-generic);
    }

    &__card:focus-visible {
        outline: 2px solid var(--g-color-text-primary);
        outline-offset: 2px;
    }

    &__card-inner {
        width: 100%;
        height: 100%;

        border-radius: var(--g-border-radius-m);
    }

    &__content {
        width: 282px;
        padding: var(--g-spacing-2) var(--g-spacing-3);
    }

    &__title {
        color: var(--g-color-text-primary);
    }
}