#def-list-nav[style*="display:none"],
#def-list-nav[style*="display:none"]{
    opacity:0 !important;
    pointer-events:none !important;
}

@media (max-width:600px){
    #def-list-nav{
        right:2vw;
        width:96vw;
        min-width:0;
        max-width:98vw;
        padding:5px 0;
   }
}
#def-nav-button{
    position:fixed;
    top:50px;
    right:40px;
    z-index:9999;
    background-color: rgb(64, 224, 208);
    border-radius:7px;
    padding:5px 10px;
    width:fit-content;
}

#navtype-toggle{
    position:fixed;
    top:95px;
    right:40px;
    z-index:9999;
    background-color: rgb(64, 224, 208);
    border-radius:7px;
    padding:5px 10px;
}

#summary-list{
    display:block;
    position:fixed;
    z-index:9998;
    overflow-y:scroll;
    max-width:275px;
    height:75vh;
    top:140px;
    right:40px;
    background-color:grey
}

#summary-list ul{
    text-align:center;
    list-style-type:none;
    padding-left:0
}

#summary-list a{
    color:#00d900 !important
}

#summary-list a:hover{
    font-weight:900
}

#tag-cloud{
    position:fixed;
    width:75vw;
    height:75vh;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background-color:transparent;
    z-index:9997;
    pointer-events:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:opacity 0.2s;
}

#tag-cloud[style*="display:none"],
#tag-cloud[style*="display:none"]{
    opacity:0 !important;
    pointer-events:none !important;
}

#tag-cloud svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:9996 !important;
    object-fit:contain !important;
    background-color:rgba(144, 238, 144, 0.3) !important;
}

#tag-cloud .svg3d-loading,
#tag-cloud .svg3d-error{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#fff;
    font-family:var(--font-family, Arial, sans-serif);
    font-size:18px;
    text-align:center;
    background:rgba(0, 0, 0, 0.35);
    border-radius:6px;
}

#tag-cloud .svg3d-loading::after{
    content:'';
    width:20px;
    height:20px;
    margin-left:10px;
    border:3px solid rgba(255,255,255,0.4);
    border-top-color:#fff;
    border-radius:50%;
    display:inline-block;
    animation:svg3d-spin 0.8s linear infinite;
}

@keyframes svg3d-spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

.svg3d-debug-btn,
.svg3d-status-panel{
    display:none !important;
}