@media (min-width: 600px) {
    .mud-appbar .mud-toolbar-appbar {
        height: 40px !important;
    }
}

/*Light Mode Gradient */
.theme-gradient-bg {
    background: linear-gradient(135deg, #64cbff 0%, #fff 100%);
    color: #333 !important;
    min-height: 100vh;
    text-shadow: 0px 0px 1px #c9edff;
}
/*Dark Mode Gradient */
.theme-dark-gradient-bg {
    background: linear-gradient(135deg, #00121e 0%, #024163 100%);
    min-height: 100vh;
    color: #fff;
    text-shadow: 0px 0px 1px #fff;
}
.default-link-label {
    text-wrap-mode: nowrap;
}
.mycanvas {
    height: 93vh;
    width: 98vw;
    background-color: transparent;
}
div.hyphen-end::before {
    content: "- "; /* Adds a hyphen and a space before the text */
    font-size: 2em;
}

div.hyphen-end::after {
    content: " -";/* Adds a space and a hyphen after the text */
    font-size:2em;
}
.custom-node {
    background: linear-gradient(#024163, #060809);
    /*box-shadow:rgba(255,255,255,5) 1px 2px inset;*/
    /*border: 1px solid #ddd;*/
    color: #fff;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    text-align:center;
}
    .custom-node h3, .custom-node h5, .custom-node h6 {
        padding:0 10px;
    }
.diagram-port {
    line-height: 3em;
    background: linear-gradient(#00a6ff, #26b2fc);
    color: black;
    display: inline-flex;
    font-weight: 900;
    width: 100%;
    margin: 0;
}
.mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
    top: 40px;
    height: calc(100% - 40px);
    /*background-color: var(--mud-palette-info-darken);*/
}

.mud-nav-link-text {
    font-weight: 600 !important;
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-info-darken);
}

html {
    font-family: monospace;
    font-size: 1em;
}

.mud-table-root .mud-table-head .mud-table-cell span, .mud-table-root .mud-table-head .mud-table-cell button, .mud-table-root .mud-table-head .mud-table-cell a {
    color: var(--mud-palette-primary-text) !important;
}
/* Sets the background and text color for all DataGrid/Table headers */
/*.mud-table-root .mud-table-head .mud-table-cell {
    color: var(--mud-palette-info-text);
    --mud-ripple-color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info);
}

    .mud-table-root .mud-table-head .mud-table-cell input, svg {
        color: var(--mud-palette-info-text) !important;*/
/*background-color: var(--mud-palette-info);*/
/*}*/

#nav-drawer {
    height: 100vh !important;
}

.blurrybackdrop {
    backdrop-filter: blur(2px);
}

@media(min-width: 960px) {
    .mud-drawer-open-responsive-md-left .mud-main-content {
        margin-left: 5px !important;
    }

    .mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }

    .mud-drawer-open-responsive-md-left.mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

.loader-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.ring-loader {
    width: 48px;
    height: 48px;
    margin: 20px;
    border: 4px solid #e0e7ff;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: spin 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.zas-link path, .link path, .diagram-link path {
    stroke-dasharray: 16, 16;
    animation: dash-flow 1s linear infinite;
}

@keyframes dash-flow {
    to {
        stroke-dashoffset: -32;
    }
}