/*****************************/
/*****    Console/Terminal    *****/
/*****************************/

.zk-terminal-console {
    max-height: 80%;
    height: 80%;
    overflow-y: scroll;
    margin: 0px;
    display: flex;
    flex-direction: column-reverse;
    border: solid;
    border-radius: 5px;
    border-width: thin;
    border-color: #32A8C2;
}

/****************************/
/*****    ANIMATIONS    *****/
/****************************/

.blinking {
    animation-name: flashingAnimation;
    animation-duration: 0.5s;
    animation-iteration-count: infinite;
}

@keyframes flashingAnimation {
    50% {
        opacity: 0.2;
    }
}

/*********************************/
/*****    TABLE SORT LABEL    *****/
/*********************************/

/* MudTableSortLabel change icon for unsorted column: Icons.Material.Filled.SwapVert */
.mud-table-sort-label-icon.mud-direction-none {
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M16 17.01V10h-2v7.01h-3L15 21l4-3.99h-3zM9 3L5 6.99h3V14h2V6.99h3L9 3z'/></svg>");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.mud-table-sort-label-icon.mud-direction-none path {
    visibility: hidden;
}

/****************************/
/*****      AVATAR      *****/
/****************************/

.zk-avator-menu:hover {
    background-color: var(--mud-palette-table-hover);
}

.zk-loading-background {
    background-color: var(--mud-palette-background);
}

/****************************/
/******    3D View     ******/
/****************************/

.zk-3d-view-canvas{
    position:absolute;
}

#threeDivZeroKey .lil-gui {
    position: relative;
    margin-left: auto;
    margin-right: 0;
}

#arrowCanvas {
    top: 750px;
    z-index: 100;
}