.ydb-fullscreen {
    --ydb-fullscreen-z-index: 1000;

    overflow: hidden;
    flex-grow: 1;

    &_fullscreen {
        // should expand to fill the content area, keeping aside navigation visible
        // counts on .gn-aside-header__content to have position: relative, it is set in App.scss
        position: absolute;
        z-index: var(--ydb-fullscreen-z-index);
        inset: 0;

        background-color: var(--g-color-base-background);
    }

    &__close-button {
        position: fixed;
        z-index: calc(var(--ydb-fullscreen-z-index) + 1);
        top: 8px;
        right: 20px;

        display: none;
    }

    &_fullscreen &__close-button {
        display: block;
    }

    &__content {
        display: flex;
        overflow: auto;

        width: 100%;
        height: 100%;
    }
}