body{margin:0;}app{display:flex;height:100vh;width:calc(100vw - 4px);display:flex;align-items:center;justify-content:center;font-size:16px;user-select:none;}.loadingVolume{position:fixed;left:0;top:0;z-index:10001;width:100%;height:100%;opacity:1;transition-duration:.4s;pointer-events:none;}.loadingVolume.hidden{opacity:0;}.loadingVolume .loadingVolume-overlay{background-color:rgba(10,12,15,0.45) !important;position:absolute;top:0;left:0;z-index:10002;width:100%;height:100%;}.loadingVolume .loadingVolume-content{background-color:transparent;width:148px;height:148px;border-radius:10px;display:table;position:absolute;top:50%;left:50%;z-index:10003;max-width:90%;transform:translate(-50%,-50%);line-height:1.5;vertical-align:middle;}.loadingVolume .loadingVolume-content-bd{margin:0;padding:0;position:relative;width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;color:rgba(255,255,255,.7);}.loadingVolume .loadingAnimate{height:40px;text-align:center;}.loadingVolume .loadingAnimate > div{background-color:#fff;height:100%;width:6px;margin-left:2px;display:inline-block;-webkit-animation:stretchdelay 1s infinite ease-in-out;animation:stretchdelay 1s infinite ease-in-out;}.loadingVolume .loadingAnimate .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}.loadingVolume .loadingAnimate .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}.loadingVolume .loadingAnimate .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}.loadingVolume .loadingAnimate .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.6)}20%{-webkit-transform:scaleY(1.0)}}@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.6);}20%{transform:scaleY(1.0);}}