.bg__viewer-base {
    max-height: 100vh;
    overflow: hidden;

    > .columns {
        display: flex;
        justify-content: stretch;

        // TODO: update height after full resource header is implemented
        height: calc(100vh - 215px);
        overflow-y: hidden;

        // Here we define column layout
        > .bg__viewer-column {
            width: 100%;
        }

        > .bg__static-column,
        > .bg__annotation-column {
            width: $columnWidth;
            flex-shrink: 0;
        }

        > .bg__static-column {
            > .column-content {
                height: calc(100% - #{$resourceViewerTabHeight});
                max-height: calc(100% - #{$resourceViewerTabHeight});
            }
        }
    }
}