:root {
    --header-height: 70px;
    --footer-height: 70px;
    --navindex: 2;
    --mainindex: 1;
  }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
html,body{
/*  margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%; */
    background-image: url(assets/background/interlude_05.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important;
    background-attachment: fixed;
}
button{
    cursor: pointer;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
#musedbox-container{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    position: relative;
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > .mdb-prompt{
        background-color: rgba(167, 167, 168, 0.5);
    }
        #musedbox-container > .mdb-prompt > .mdb-dialogue{
            background-color:#fff;
            overflow: hidden;
            resize: horizontal;
            position: relative;
            min-width:300px;
            min-height:50px;
            padding-bottom: 16px;
            border:solid 1px #333;
        }
            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-head::after{
                content: "";
                clear: both;
                display: table;
            }
            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-head{
                background: #333;
                text-align: right;
            }
                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-head > .mdb-dialogue-title{
                    font-size:14px;
                    font-weight: bold;
                    float: left;
                    color:#fff;
                    margin: 10px;
                }
                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-head > .mdb-dialogue-close{
                    float: right;
                    font-size:10px;
                    margin: 5px 5px 0px 0px;
                }
            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body{
                padding: 10px;
                overflow-y: auto;
                max-height: 350px;
            }
                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form{
                    font-family: calibri;
                }
                    #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group::after{
                        content: "";
                        clear: both;
                        display: table;
                    }
                    #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group:last-child{
                        margin-bottom: 0px;
                    }
                    #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group{
                        margin-bottom: 10px;
                    }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group input{
                            padding:5px;
                            outline: none;
                            border:solid 1px #ddd;
                            width: 100%;
                        }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group select{
                            padding:5px;
                            border:solid 1px #ddd;
                            outline: none;
                            width: 100%;
                            cursor: pointer;
                        }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group label{
                            display: block;
                            font-size: 12px;
                            color:#666;
                            margin-bottom: 4px;
                        }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form .input-group button{
                            float: right;
                            font-size:14px;
                            padding:5px;
                            margin-left:5px;
                        }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table,
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form tr,
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form td,
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form th{
                            border: 1px solid #ddd;
                        }
                        #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table{
                            border-collapse: collapse;
                            width: 100%;
                            text-align: left;
                            color:#999;
                            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                            font-size:12px;
                        }
                            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table tr td,
                            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table tr th{
                                padding:5px;
                            }
                            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table tr th{
                                color:#333;
                            }
                                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table input{
                                    margin:0px;
                                }
                                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body form table input[type=checkbox]{
                                    cursor: pointer;
                                }
                #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body ul{
                    margin:0px;
                    padding:0px 0px 0px 15px;
                }
                    #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-body ul li{
                        list-style-type: square;
                    }
            #musedbox-container > .mdb-prompt > .mdb-dialogue > .mdb-dialogue-footer{
                background-color: #eee;
                padding:2px;
                text-align: center;
                font-size: 10px;
                font-family:Verdana, Geneva, Tahoma, sans-serif;
                font-style: italic;
                position: absolute;
                bottom:0;
                width: 100%;
            }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > .mdb-alert{
        background: none;
    }
    #musedbox-container > .mdb-alert.mdb-alert-success{
        -webkit-box-shadow: inset 0px 0px 79px 7px rgba(46,204,113,0.5);
        -moz-box-shadow: inset 0px 0px 79px 7px rgba(46,204,113,0.5);
        box-shadow: inset 0px 0px 79px 7px rgba(46,204,113,0.5);
    }
        #musedbox-container > .mdb-alert.mdb-alert-success > .mdb-alert-msgbox{
            border:solid 1px #2ecc71;
        }
            #musedbox-container > .mdb-alert.mdb-alert-success > .mdb-alert-msgbox > .mdb-alert-head{
                background-color: #2ecc71;
            }
    #musedbox-container > .mdb-alert.mdb-alert-warning{
        -webkit-box-shadow: inset 0px 0px 79px 7px rgba(241,196,15,0.5);
        -moz-box-shadow: inset 0px 0px 79px 7px rgba(241,196,15,0.5);
        box-shadow: inset 0px 0px 79px 7px rgba(241,196,15,0.5);
    }
        #musedbox-container > .mdb-alert.mdb-alert-warning > .mdb-alert-msgbox{
            border:solid 1px #f1c40f;
        }
            #musedbox-container > .mdb-alert.mdb-alert-warning > .mdb-alert-msgbox > .mdb-alert-head{
                background-color: #f1c40f;
            }
    #musedbox-container > .mdb-alert.mdb-alert-failed{
        -webkit-box-shadow: inset 0px 0px 79px 7px rgba(231,76,60,0.5);
        -moz-box-shadow: inset 0px 0px 79px 7px rgba(231,76,60,0.5);
        box-shadow: inset 0px 0px 79px 7px rgba(231,76,60,0.5);
    }
        #musedbox-container > .mdb-alert.mdb-alert-failed > .mdb-alert-msgbox{
            border:solid 1px #e74c3c;
        }
            #musedbox-container > .mdb-alert.mdb-alert-failed > .mdb-alert-msgbox > .mdb-alert-head{
                background-color: #e74c3c;
            }
    #musedbox-container > .mdb-alert.mdb-alert-alert{
        -webkit-box-shadow: inset 0px 0px 79px 7px rgba(52, 73, 94,0.5);
        -moz-box-shadow: inset 0px 0px 79px 7px rgba(52, 73, 94,0.5);
        box-shadow: inset 0px 0px 79px 7px rgba(52, 73, 94,0.5);
    }
        #musedbox-container > .mdb-alert.mdb-alert-alert > .mdb-alert-msgbox{
            border:solid 1px #34495e;
        }
            #musedbox-container > .mdb-alert.mdb-alert-alert > .mdb-alert-msgbox > .mdb-alert-head{
                background-color: #34495e;
            }
        #musedbox-container > .mdb-alert > .mdb-alert-msgbox{
            min-width: 100px;
            min-height: 50px;
            overflow: hidden;
            position: relative;
            resize: both;
            padding-bottom: 16px;
            background-color:#fff;
        }
            #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-head::after{
                content: "";
                clear: both;
                display: table;
            }
            #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-head{
                background:#000;
                color:#fff;
            }
                #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-head > .mdb-alert-title{
                    font-size:14px;
                    font-weight: bold;
                    float: left;
                    color:#fff;
                    margin: 7px;
                }
                #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-head > .mdb-alert-close{
                    float: right;
                    font-size:10px;
                    margin: 5px 5px 0px 0px;
                }
            #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-body{
                padding:10px;
            }
            #musedbox-container > .mdb-alert > .mdb-alert-msgbox > .mdb-alert-footer{
                background-color: #eee;
                padding:2px;
                text-align: center;
                font-size: 10px;
                font-family:Verdana, Geneva, Tahoma, sans-serif;
                font-style: italic;
                position: absolute;
                bottom:0;
                width: 100%;
            }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > #mdb-loader{
        background-color: rgba(69, 118, 255, 0.4);
        background-image: url(assets/icons/loader.gif);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 40%;
    }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > .mdb-tv{
        background-color: rgba(127, 140, 141, 0.6);
        -webkit-box-shadow: inset 0px 0px 79px 7px #2c3e50;
        -moz-box-shadow: inset 0px 0px 79px 7px #2c3e50;
        box-shadow: inset 0px 0px 79px 7px #2c3e50;
        user-select: none;
    }
        #musedbox-container > .mdb-tv > .mdb-tv-screen{
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
                #musedbox-container > .mdb-tv > .mdb-tv-screen .mdb-screen-frame{
                    background-image: url(assets/icons/television-icon-w.webp);
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    overflow: hidden;
                    height: 370px;
                    width: 390px;
                    position: relative;
                    flex-shrink: 0;
                    transition: all 200ms ease;
                }
            #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center{
                position: relative;  
                margin-top: 115px;
                height: 240px;
                width: 355px;
                display: flex;
                flex-direction: column;
                transition: all 200ms ease;
            }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > iframe.mdb-screen-embeder{
                    background-color: #7f8c8d;
                    border: none;
                    border-radius: 10px;
                    width: 100%;
                    background-image: linear-gradient(46deg, #95a5a6 25%, #7f8c8d 25%, #7f8c8d 50%, #95a5a6 50%, #95a5a6 75%, #7f8c8d 75%, #7f8c8d 100%);
                    background-size: 55.61px 57.58px;
                    animation: shiver 2000ms linear;
                    animation-iteration-count: infinite;
                    flex-grow: 1;
                    flex-shrink: 0;
                }
                @keyframes shiver {
                    0% {background-position: 0px 0px;}
                    100% {background-position: 50px 165px;}
                }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons{
                    flex-shrink: 0;
                    height: 40px;
                    padding: 5px 0px 0px 0px;
                    /* box-sizing: border-box; */
                    clear: both;
                    transition: all 200ms ease;
                }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > button:hover{
                        font-size: 14px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > button{
                        font-size: 10px;
                        transition: all 100ms ease;
                        overflow: hidden;
                        border: solid 5px #e67e22;
                        background-color: #d35400;
                        color: #fff;
                        /* box-sizing: border-box; */
                        width: 60px;
                        height: 30px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnprev{
                        float: left;
                        border-top-left-radius: 10px;
                        border-bottom-left-radius: 10px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnnext{
                        float: left;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnclose{
                        float: right;
                        border-radius: 10px;
                    }
            #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-partial{
                width: 50%;
                height: 100%;
                position: absolute;
                top: 0;
                background:none;
                overflow: hidden;
                display: flex;
                align-items: center;
                background-color: rgba(52, 73, 94, 0.4);
            }
            #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-left{
                left: 0%;
            }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-left > .mdb-screen-frame{
                    left: calc(100% - 195px);
                }
            #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-right{
                right: 0%;
            }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-right > .mdb-screen-frame{
                    left: -195px;
                }
@media screen and (min-width:1280px) and (min-height:600px){ /* =========================================================== */
                #musedbox-container > .mdb-tv > .mdb-tv-screen .mdb-screen-frame{
                    height: 600px;
                    width: 640px;
                }
            #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center{
                margin-top: 190px;
                height: 395px;
                width: 560px;
            }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons{
                    height: 80px;
                    padding: 15px 0px 0px 0px;
                }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > button:hover{
                        font-size:18px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > button{
                        font-size: 14px;
                        font-weight: bold;
                        height: 50px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnprev{
                        width: 95px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnnext{
                        width: 95px;
                    }
                    #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-center > .mdb-screen-buttons > .mdb-screen-btnclose{
                        width: 80px;
                    }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-left > .mdb-screen-frame{
                    left: calc(100% - 320px);
                }
                #musedbox-container > .mdb-tv > .mdb-tv-screen > .mdb-screen-right > .mdb-screen-frame{
                    left: -320px;
                }
}/* ============================================================================================================= */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > #musedbox-header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--header-height);
        display: flex;
        justify-content: space-between;
        background-color: #34495e;
        border-bottom: solid 5px #e67e22;
        padding: 0px 5px;
        align-items: center;
        /* box-sizing: border-box; */
        z-index: var(--navindex);
    }
        #musedbox-container > #musedbox-header > #header-logo{
            color: #ec58d9;
            -webkit-text-fill-color: #ec58d9;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #fff;
            user-select: none;
        }
            #musedbox-container > #musedbox-header > #header-logo > a{
                text-decoration: none;
                font-size: 10px;
                font-weight: bold;
                display: flex;
                height: var(--header-height);
            }
                #musedbox-container > #musedbox-header > #header-logo > a > img{
                    max-width: 100%;
                    max-height: 100%;
                }
        #musedbox-container > #musedbox-header > #header-search{
            display: flex;
            flex-wrap: wrap;
            width: 200px;
            position: relative;
        }
            #musedbox-container > #musedbox-header > #header-search > input#mdb-search-input{
                padding: 5px 7px;
                border: solid 5px #e67e22;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                /* box-sizing: border-box; */
                width: 75%;
                outline: none;
                font-size: 14px;
            }
            #musedbox-container > #musedbox-header > #header-search > button#mdb-search-submit{
                background-color: #e67e22;
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
                border: none;
                color: #fff;
                font-weight: bold;
                width: 25%;
                transition: all 200ms ease;
                user-select: none;
                font-size:12px;
            }
                #musedbox-container > #musedbox-header > #header-search > button#mdb-search-submit:hover{
                    font-size: 16px;
                }
            #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box{
                width: 100%;
                background: #34495e;
                border: solid 5px rgba(230, 126, 34, 0.7);
                position: absolute;
                top: 100%;
                display: none;
                user-select: none;
                max-height: 200px;
                overflow-y: auto;
            }
                #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul{
                    margin:0px;
                    padding:2px 2px 0px 2px;
                    position: relative;
                    display: flex;
                    flex-wrap: wrap;
                }
                    #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul > .mdb-search-result-card{
                        list-style-type: none;
                        margin:0px 0px 2px 0px;
                        padding:0px;
                        width: 100%;
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        color: #fff;
                    }
                        #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul > .mdb-search-result-card > .mdb-sreca-wrapper{
                            background-color: rgba(52, 73, 94, 0.8);
                            display: flex;
                            width: 100%;
                        }
                            #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul > .mdb-search-result-card > .mdb-sreca-wrapper > .mdb-sreca-title{
                                font-size: 12px;
                                flex-grow: 1;
                                display: block;
                                padding:5px;
                                width: 75%;
                                user-select: text;
                            }
                            #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul > .mdb-search-result-card > .mdb-sreca-wrapper > .mdb-sreca-button:hover{
                                font-size: 12px;
                            }
                            #musedbox-container > #musedbox-header > #header-search > div#mdb-search-result-box > #mdb-search-result-ul > .mdb-search-result-card > .mdb-sreca-wrapper > .mdb-sreca-button{
                                background-color: rgba(230, 126, 34, 0.7);
                                color: #fff;
                                border: none;
                                font-weight: bold;
                                font-size: 10px;
                                overflow: hidden;
                                transition: all 200ms ease;
                                width: 25%;
                            }
@media screen and (max-width:720px){
            #musedbox-container > #musedbox-header > #header-logo > a{
                height: calc(var(--header-height) / 1.2);
            }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > #musedbox-sidebar{
        position: absolute;
        bottom: calc(var(--footer-height) + 10px);
        left: 10px;
    }
        #musedbox-container > #musedbox-sidebar > .mdb-sidebar-wrapper{
            position: relative;
            display: flex;
            flex-direction: column;
        }
            #musedbox-container > #musedbox-sidebar > .mdb-sidebar-wrapper > button:hover{
                font-size: 30px;
            }
            #musedbox-container > #musedbox-sidebar > .mdb-sidebar-wrapper > button#mdb-sidebar-btn-patch-note{
                border: solid 3px #f0310b;
                background-color: #d02b0a;}
            #musedbox-container > #musedbox-sidebar > .mdb-sidebar-wrapper > button#mdb-sidebar-btn-credit{
                border: solid 3px #9cf00b;
                background-color: #7ec602;}
            #musedbox-container > #musedbox-sidebar > .mdb-sidebar-wrapper > button{
                margin-top: 10px;
                border: solid 3px #0ba4f0;
                background-color: #058ed2;
                border-radius: 3px;
                color: #fff;
                height: 40px;
                width: 40px;
                font-size: 20px;
                font-weight: bold;
                overflow: hidden;
                transition: all 200ms ease;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        #musedbox-container > #musedbox-sidebar > #sidebar-gchatbox{
            position: relative;
            margin-right: -5px;
        }
            #musedbox-container > #musedbox-sidebar > #sidebar-gchatbox > .gchatbox-wrapper{
                position: absolute;
                left: 100%;
                bottom: 0;
                /* width: 300px;
                height: 300px; */
                border: solid 3px #e67e22;
                background-color: #34495e;
                color:#fff;
                z-index: var(--navindex);
                overflow: hidden;
            }
                #musedbox-container > #musedbox-sidebar > #sidebar-gchatbox > .gchatbox-wrapper > .gchatbox-content{
                    position: relative;
                    width: 100%;
                    height: 100%;
                }
                    #musedbox-container > #musedbox-sidebar > #sidebar-gchatbox > .gchatbox-wrapper > .gchatbox-content > .gchatbox-close{
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        font-size: 10px;
                    }
                    #musedbox-container > #musedbox-sidebar > #sidebar-gchatbox > .gchatbox-wrapper > .gchatbox-content > .gchatbox-room{
                        width: 100%;
                        height: 100%;
                        overflow-y: scroll;
                        padding: 5px;
                    }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > #musedbox-body{
        padding-top: var(--header-height);
        padding-bottom: var(--footer-height);
        /* box-sizing: border-box; */
        z-index: var(--mainindex);
        display: flex;
        justify-content: center;
        user-select: none;
        height: 100%;
    }
        #musedbox-container > #musedbox-body > #music-shelf{
            width: 50%;
            /* min-width: 390px; */
            /* box-sizing: border-box; */
            height: 100%;
        }
            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer{
                margin: 0;
                padding: 0px 0px;
                width: 100%;
                /* box-sizing: border-box; */
                height: 100%;
                overflow-y: scroll;
            }
                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card{
                    list-style-type: none;
                    width: 100%;
                    height: 15vh;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden;
                    /* box-sizing: border-box; */
                }
                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card.scale-80 > .musicc-wrapper{
                        scale: 80%;
                    }
                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card.scale-90 > .musicc-wrapper{
                        scale: 90%;
                    }
                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card.scale-100 > .musicc-wrapper{
                        scale: 100%;
                    }
                    #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper{
                        scale: 60%;
                        width: 100%;
                        height: 100%;
                        transition: all 500ms ease;
                        background-color: rgba(52, 73, 94, 0.6);
                        border-right: solid 5px #f900b3;
                        /* box-sizing: border-box; */
                        display: flex;
                        position: relative;
                    }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-curtain{
                            position: absolute;
                            top: 0;
                            left: 0;
                            background-color: rgba(192, 57, 43, 0.4);
                            width: 100%;
                            height: 100%;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            overflow: hidden;
                        }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-curtain > h4{
                                display: inline-block;
                                background-color: rgba(44, 62, 80, 0.7);
                                color: #ecf0f1;
                                padding:0.8vw 1.7vw;
                                font-size: 1.4vw;
                            }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-cover::before{
                            content: "";
                            position: absolute;
                            left: 0;
                            top:0;
                            height: 100%;
                            width: 100%;
                            background-color: rgba(44, 62, 80, 0.4);
                        }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-cover{
                            height: 100%;
                            width: 20%;
                            background-repeat: no-repeat;  
                            background-size: cover;
                            background-position: center center;
                            position: relative;
                        }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-title{
                            color: #fff;
                            flex-grow: 1;
                            height: 100%;
                            padding: 7px 10px;
                            /* box-sizing: border-box; */
                        }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-title > h3{
                                padding:0px;
                                margin:0px;
                                font-size: 1em;
                                line-height: 1.2em;
                                margin-bottom: 0.3vw;
                                user-select: text;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-title > small{
                                font-size: 0.8em;
                                user-select: text;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-title > h3 button,
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-title > small button{
                                border: none;
                                background: none;
                                outline: none;
                                font-size: 20px;
                                padding: 0px;
                                margin: 0px;
                                user-select: none;
                            }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt{
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            padding: 0px 10px 0px 0px;
                            height: 100%;
                            width: 12%;
                            /* box-sizing: border-box; */
                        }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button:disabled{
                                background-color: #2c3e50;
                                pointer-events: none !important;
                                user-select: none;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button:hover{
                                font-size: 20px;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button{
                                background-color: #ec58d9;
                                height: 50%;
                                font-size: 16px;
                                font-weight: bold;
                                color: #fff;
                                border: none;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                transition: all 200ms ease;
                                width: 100%;
                                overflow: hidden;
                            }
                                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button > i{
                                    color: #fff;
                                }
                                #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button > span{
                                    padding-left: 5px;
                                }
@media screen and (max-width:1280px){
        #musedbox-container > #musedbox-body > #music-shelf{
            width: 80%;
        }
}
@media screen and (max-width:720px){
    #musedbox-container > #musedbox-body{
        justify-content: flex-end;
    }
        #musedbox-container > #musedbox-body > #music-shelf{
            width: calc(100% - 50px);
        }
                        #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt{
                            padding-right: 0px;
                        }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button{
                                height: 100%;
                                flex-wrap: wrap;
                                text-align: center;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button > i{
                                font-size: 2em;
                            }
                            #musedbox-container > #musedbox-body > #music-shelf > ul#shelf-drawer > li.music-card > .musicc-wrapper > .musicc-opt > button > span{
                                display: inline-block;
                            }
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
    #musedbox-container > #musedbox-footer{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: var(--footer-height);
        /* box-sizing: border-box; */
        z-index: var(--navindex);
        background-color: #34495e;
        border-top: solid 5px #e67e22;
        user-select: none;
    }
        #musedbox-container > #musedbox-footer > #footer-nav{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            text-align: center;
        }
            #musedbox-container > #musedbox-footer > #footer-nav > .fnav-scroller{
                width: 10%;
                height: 100%;
            }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-scroller > button:hover{
                    font-size: 5vw;
                }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-scroller > button{
                    background-color: #e67e22;
                    height: var(--footer-height);
                    width: 100%;
                    border: none;
                    height: 100%;
                    font-size: 4vw;
                    line-height: 0vw;
                    font-weight: bold;
                    color:#fff;
                    transition: all 200ms ease;
                    overflow: hidden;
                }
            #musedbox-container > #musedbox-footer > #footer-nav > .fnav-category{
                width: 90%;  
                height: var(--footer-height);
                display: flex;
                white-space: nowrap;
                overflow-x: scroll;
            }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-category > button.fnav-btn-cat:hover{
                    font-size: 20px;
                }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-category > button.fnav-btn-cat.active:hover{
                    font-size: 16px;
                    cursor: auto;
                }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-category > button.fnav-btn-cat.active{
                    border: solid 5px #2ecc71;
                    background-color: #27ae60;
                    color: #fff;
                }
                #musedbox-container > #musedbox-footer > #footer-nav > .fnav-category > button.fnav-btn-cat{
                    padding: 7px 53px;
                    font-size: 16px;
                    font-weight: bold;
                    border: solid 5px #ecf0f1;
                    background-color: #bdc3c7;
                    transition: all 200ms ease;
                }