/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
 * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
 * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
 * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
 * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
 * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
 * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
 * ┃ This file is part of the Perspective library, distributed under the terms ┃
 * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
 * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 */

:host {
    .lm-DockPanel {
        overflow: var(--dock-panel--overflow, hidden);
        position: absolute;
        background-color: var(--detail--background-color, transparent);
        padding: var(--psp-workspace--spacing);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        &[data-mode="single-document"] {
            padding: 0px;
        }
    }

    .lm-Widget,
    .lm-Widget {
        cursor: inherit;
    }

    .lm-DockPanel.ew,
    .lm-DockPanel.ew .lm-Widget,
    .lm-SplitPanel.ew,
    .lm-SplitPanel.ew .lm-Widget {
        cursor: ew-resize !important;
    }

    .lm-DockPanel.ns,
    .lm-DockPanel.ns .lm-Widget,
    .lm-SplitPanel.ns,
    .lm-SplitPanel.ns .lm-Widget {
        cursor: ns-resize !important;
    }

    .workspace-master-widget {
        min-width: 100px !important;
    }

    .lm-DockPanel.resizing ::slotted(perspective-viewer),
    .lm-SplitPanel.resizing ::slotted(perspective-viewer) {
        pointer-events: none;
    }

    .widget-blur ::slotted(perspective-viewer) {
        opacity: 0.5;
    }

    .lm-DockPanel-handle.resizing {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .perspective-scroll-panel {
        overflow: auto !important;
    }

    .lm-Panel {
        min-height: 100%;
    }

    .lm-DockPanel-handle {
        background-color: none;
    }

    .lm-SplitPanel-handle {
        background-color: var(
            --psp-workspace--split-panel-handle--background-color
        );
    }

    .lm-SplitPanel-handle,
    .lm-DockPanel-handle {
        transition: background-color 0.3s ease-out;
        &:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }
    }

    .lm-DockPanel-handle[data-orientation="horizontal"] {
        width: 10px !important;
        margin-left: -5px;
    }

    .lm-DockPanel-handle[data-orientation="vertical"] {
        height: 10px !important;
        margin-top: -5px;
    }

    .lm-DockPanel-overlay {
        background: rgba(75, 75, 75, 0.2);
        border: 1px dashed #666;
        border-radius: 6px;
        transition-property: top, left, right, bottom;
        transition-duration: 50ms;
        transition-timing-function: linear;
        margin: 0px;
    }
}
