/* src/MonolithAccessControl.Central.Admin.Client/wwwroot/css/card-splitters.css */

:root {
    --mac-splitter-grip-length: 32px;
    --mac-splitter-grip-thickness: 3px;
    --mac-splitter-grip-opacity: .85;
}

.mac-card-splitter-layer { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 90; }
.mac-card-splitter {
    position: absolute; box-sizing: border-box; margin: 0; padding: 0; border: 0;
    pointer-events: auto; touch-action: none; outline: none; user-select: none;
    color: var(--mud-palette-primary); background: transparent;
}
.mac-card-splitter[hidden] { display: none; }
.mac-card-splitter::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.mac-card-splitter::after,
:is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer) > span {
    border-radius: 2px; background: var(--mac-splitter-grip-color, var(--mud-palette-primary)); opacity: var(--mac-splitter-grip-opacity); pointer-events: none;
}
.mac-card-splitter[data-axis="x"] { cursor: col-resize; }
.mac-card-splitter[data-axis="x"]::after,
:is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer) > span {
    width: var(--mac-splitter-grip-thickness); height: var(--mac-splitter-grip-length); max-height: 100%;
}
.mac-card-splitter[data-axis="y"] { cursor: row-resize; }
.mac-card-splitter[data-axis="y"]::after {
    width: var(--mac-splitter-grip-length); max-width: 100%; height: var(--mac-splitter-grip-thickness);
}
.mac-card-splitter:is(:hover, :focus-visible, .is-resizing)::after,
:is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer):is(:hover, :focus-visible) > span,
.is-resizing > :is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer) > span { opacity: 1; }
:is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer):focus-visible { outline: none; }
.mac-card-splitter:focus-visible::after,
:is(.dashboard-workspace-resizer, .overall-service-workspace-resizer, .system-code-workspace-resizer):focus-visible > span {
    outline: 1px solid var(--mac-splitter-grip-color, var(--mud-palette-primary)); outline-offset: 0;
}