@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* _content/MecamApplication.Blazor/Pages/ControlPanel/ConfigurationProof/ElementComponent.razor.rz.scp.css */
:root[b-nyczcah2yt] {
    --offset: 20px;
    --show: block;
}

.right-line[b-nyczcah2yt] {
    display: var(--show);
    position: absolute;
    top: 0;
    right: calc(-1 * var(--offset));
    width: var(--offset);
    height: 100%;
    background: repeating-linear-gradient(
            45deg, #fff 0, #fff 10px, #f2f4f7 10px, #f2f4f7 20px
    );
    border: black solid 1px;
}

.left-line[b-nyczcah2yt] {
    display: var(--show);
    position: absolute;
    top: 0;
    left: calc(-1 * var(--offset));
    width: var(--offset);
    height: 100%;
    background: repeating-linear-gradient(
            45deg, #fff 0, #fff 10px, #f2f4f7 10px, #f2f4f7 20px
    );
    border: black solid 1px;
}

.top-line[b-nyczcah2yt] {
    display: var(--show);
    position: absolute;
    top: calc(-1 * var(--offset));
    left: 0;
    width: 100%;
    height: var(--offset);
    background: repeating-linear-gradient(
            45deg, #fff 0, #fff 10px, #f2f4f7 10px, #f2f4f7 20px
    );
    border: black solid 1px;
}


.bottom-line[b-nyczcah2yt] {
    display: var(--show);
    position: absolute;
    bottom: calc(-1 * var(--offset));
    left: 0;
    width: 100%;
    height: var(--offset);
    background: repeating-linear-gradient(
            45deg, #fff 0, #fff 10px, #f2f4f7 10px, #f2f4f7 20px
    );
    border: black solid 1px;
}


[b-nyczcah2yt] .corner-button {
    position: absolute;
    background:none;
    z-index: 3
}

.Element-code[b-nyczcah2yt] {
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    background: none;
    z-index: 3;
}

.image-container[b-nyczcah2yt] {
    position: relative;
    display: inline-block;
}


.img-rotated[b-nyczcah2yt] {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; /* stretch to fill (ignore aspect) */
    transform-origin: center center;
    transform: rotate(90deg);
}

/* Make the parent a named container */
.componentElement[b-nyczcah2yt] {
    position: relative;             /* needed since the button is absolutely positioned */
    container-type: size;    /* or `size` if you want to query width AND height */
    container-name: compElement;    /* name it so we can target only this container */
}

/* Hide the MudIconButton when the parent gets narrow */
@container compElement (max-width: 30px) {
    [b-nyczcah2yt] .corner-button {
        display: none !important;
    }
    [b-nyczcah2yt] .Element-code {
        writing-mode: vertical-rl;   /* or vertical-lr */
        text-orientation: mixed;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

/* (optional) also hide if the parent gets too short */
@container compElement (max-height: 30px) {
    [b-nyczcah2yt] .corner-button {
        display: none !important;
    }
}
/* _content/MecamApplication.Blazor/Pages/ControlPanel/ConfigurationProof/GroupComponent.razor.rz.scp.css */
.test[b-6iusujnsk7]{
    color: blue;
}


.container-group[b-6iusujnsk7] {
}

/* horizontal (width) line */
.width-line[b-6iusujnsk7] {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #333;
}

.width-line[b-6iusujnsk7]::before,
.width-line[b-6iusujnsk7]::after {
    content: "";
    position: absolute;
    top: -3px;
    width: 0;
    height: 7px;
    border-left: 1px solid #333;
}
.width-line[b-6iusujnsk7]::before { left: 0; }
.width-line[b-6iusujnsk7]::after { right: 0; }

.width-line .label[b-6iusujnsk7] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 0 4px;
    font-size: 12px;
}

/* vertical (height) line */
.height-line[b-6iusujnsk7] {
    position: absolute;
    top: 0;
    right: -10px;
    width: 1px;
    height: 100%;
    background: #333;
}

.height-line[b-6iusujnsk7]::before,
.height-line[b-6iusujnsk7]::after {
    content: "";
    position: absolute;
    left: -3px;
    width: 7px;
    height: 0;
    border-top: 1px solid #333;
}
.height-line[b-6iusujnsk7]::before { top: 0; }
.height-line[b-6iusujnsk7]::after { bottom: 0; }

.height-line .label[b-6iusujnsk7] {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%) rotate(-90deg);
    background: white;
    padding: 0 4px;
    font-size: 12px;
}

/* example inner content */
.content[b-6iusujnsk7] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* _content/MecamApplication.Blazor/Shared/EmptyLayout.razor.rz.scp.css */
.full-height[b-j9a1jiu7s6]  {
    display: flex;
    flex-direction: column;
    height: 100vh;            /* full screen height */
}


.baseClass[b-j9a1jiu7s6] {
    flex: 1 1 auto;           /* the content area grows */
    min-height: 0;
}


[b-j9a1jiu7s6] .mud-paper {
    border-radius: 0;
    transition: none;
    border: #15141A 1px solid;
}


[b-j9a1jiu7s6] .mud-paper.mud-elevation-2 , [b-j9a1jiu7s6] .mud-paper.mud-elevation-1 {
   box-shadow: none;
}

[b-j9a1jiu7s6] .mud-stepper {
    display: flex;
    flex-direction: column;
}

[b-j9a1jiu7s6] .mud-stepper-content {
    flex: 1 1 auto;
    min-height: 0;
}

[b-j9a1jiu7s6] .mud-card .mud-tooltip-root {
    width: 100%;
}
[b-j9a1jiu7s6] .mud-card .mud-tooltip-root .mud-image {
    width: 100%;
}