﻿.form-toolbar {
    --toolbarPadding: 1rem;
    background-color: var(--mud-palette-primary-surface-light);
    height: fit-content;
    padding: .75rem !important;
    position: relative;
    border-radius: var(--toolbarPadding) !important;
}

    .form-toolbar.cursor-Mirror, .form-toolbar.cursor-Rotate, .form-toolbar.cursor-comment {
        --zindex: calc(var(--mud-zindex-appbar) + 2);
        z-index: var(--zindex);
    }


    .form-toolbar .mud-icon-button {
        position: relative;
        z-index: 2;
    }

        .form-toolbar .mud-icon-button p {
            color: var(--mud-palette-darker-blue) !important;
            height: 24px !important;
        }

    .form-toolbar .cursors-container .mud-icon-button.active {
        pointer-events: none !important;
    }

    .form-toolbar .mud-icon-button.active p {
        color: var(--mud-palette-secondary-blue) !important;
    }

    .form-toolbar .cursors-container {
        --cursorsPadding: .3rem;
        --afterSize: 36px;
        background-color: var(--mud-palette-medium-gray-5O);
        padding: var(--cursorsPadding);
        border-radius: calc(var(--toolbarPadding) - var(--cursorsPadding));
        position: relative;
    }

        .form-toolbar .cursors-container::after {
            content: "";
            position: absolute;
            z-index: 1;
            left: var(--cursorsPadding);
            top: calc(var(--dy));
            background-color: white;
            border-radius: calc(var(--toolbarPadding) - var(--cursorsPadding) - .1rem);
            box-shadow: .1rem .1rem .3rem var(--mud-palette-medium-gray-10O);
            width: var(--afterSize);
            height: var(--afterSize);
            transition: top .3s cubic-bezier(0.4, 0, 0.2, 1);
        }

.layout-applied-indicator {
    fill: var(--mud-palette-secondary-blue) !important;
    position: absolute;
    right: 1rem;
    font-size: 1rem !important;
}
