:host {
    display: block;
    position: relative;
    flex: auto;
}

::ng-deep split-tab > .child {
    position: absolute;
    transition: 0.125s all;
    opacity: .75;

    &.focused {
        opacity: 1;
    }

    &.minimized {
        opacity: .1;
    }

    &.maximized {
        z-index: 6;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px;
        backdrop-filter: blur(10px);
        border-radius: 10px;
    }
}

::ng-deep .no-animations split-tab > .child {
    transition: none;
}

// While the window is being resized, don't animate pane geometry — the
// transition would otherwise repaint the whole layer each frame and flicker.
::ng-deep .resizing split-tab > .child {
    transition: none;
}
