#platform{position:absolute;width:100%;top:55px;bottom:0;display:flex}@media only screen and (min-width:2000px){#platform{min-width:1000px;max-width:2000px;left:50%;transform:translate(-50%)}}@media only screen and (max-width:650px){#platform{min-width:auto;max-width:auto}}#platform .main{display:flex;flex:1 1}#platform .main .loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.15);z-index:100;opacity:1;transition:opacity .1s linear}#platform .main .loading.hide{opacity:0;z-index:0;display:none}#platform .favorbar{border-right:1px solid #aaa;width:130px;background:#eee;text-align:center;overflow-y:auto}#platform .favorbar,#platform .sidebar{box-sizing:content-box;position:relative}#platform .sidebar{border-left:1px solid #aaa;width:500px}#platform .content{position:absolute;top:0;left:0;bottom:60px;width:500px;overflow-y:auto}@media only screen and (max-width:650px){#platform .content,#platform .sidebar{width:100%}}#platform .box{min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content;padding-bottom:10px}#platform .control-buttons{box-shadow:0 -1px 10px -5px #444;position:absolute;bottom:0;left:0;width:500px;height:60px;box-sizing:border-box;text-align:center;padding-top:7px;background:#eee;z-index:1}@media only screen and (max-width:650px){#platform .control-buttons{width:100%}}#platform .content{background:#eee}.stage-select .item{width:auto;height:100px;background:#ddd;text-align:center;position:relative}.stage-select .item img{max-height:96px;border:2px solid #aaa}.stage-select .item.selected img{border:2px solid #1976d2}.stage-select .swiper-button-next,.stage-select .swiper-button-prev{top:0;margin-top:0;height:100px;background-color:#c8c8c8;opacity:.9}.stage-select .swiper-button-next.swiper-button-disabled,.stage-select .swiper-button-prev.swiper-button-disabled{opacity:.35}.stage-select .swiper-button-prev{left:0}.stage-select .swiper-button-next{right:0}.stage-select .swiper-button-next:after,.stage-select .swiper-button-prev:after{font-size:20px;color:#555}@media (-ms-high-contrast:none){.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23555'/%3E%3C/svg%3E");left:10px;right:auto;background-size:20px}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23555'/%3E%3C/svg%3E");right:10px;left:auto;background-size:20px}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-lock{display:none}}#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.music-box-viewer canvas{flex:1 1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.MuiChip-label svg{margin-bottom:-6px;margin-right:4px}@media only screen and (min-width:2000px){#platform{left:50%;transform:translate(-50%)}#root{min-width:1000px}}@media only screen and (max-width:650px){#root{min-width:auto;height:100%}}