@mixin document-layout-mixin($theme) {
    $foreground: map-get($theme, foreground);
    $background: map-get($theme, background);

    .pip-document-layout {
        color: mat-color($foreground, text) !important;
        background: mat-color($background, card);

        ::ng-deep pip-document-footer {
            border-top: 1px solid mat-color($foreground, divider);
        }
    }

    .pip-main-document-lt-lg .pip-document-layout {
        border-left: 1px solid mat-color($foreground, divider) !important;
        border-right: 1px solid mat-color($foreground, divider) !important;
        box-sizing: border-box;
    }

    :not(.pip-main-document-lt-lg) .pip-document-layout, .pip-toolbar-shadow {
        box-shadow: 0 1px 5px 0 rgba(black, 0.26);
    }
}
@mixin tile-layout-mixin($theme) {
    $foreground: map-get($theme, foreground);
    $background: map-get($theme, background);

    .pip-tile {
        box-shadow: 0 1px 5px 0 rgba(black, 0.26);
        color: mat-color($foreground, text) !important;
        background: mat-color($background, card);
        border-radius: 2px;
        margin: 8px;
        overflow: hidden;
    }

    .pip-stretch .pip-tile {
        width: calc(100% - 16px) !important;
    }
}

@mixin pip-webui2-layouts-mixin($theme) {
    @include document-layout-mixin($theme);
    @include tile-layout-mixin($theme);
}