@keyframes ROTATE{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#vivliostyle-loading-overlay{opacity:0;visibility:hidden;position:absolute;top:0;left:0;margin-top:36px;height:calc(100vh - 36px);width:100vw;background-color:rgba(0,0,0,0.2)}body[data-vivliostyle-viewer-status="loading"] #vivliostyle-loading-overlay{opacity:1;visibility:visible;transition:0.1s liner}body[data-vivliostyle-viewer-status="loading"] #vivliostyle-loading-overlay .vivliostyle-loading-spinner{position:relative;text-indent:-9999em;border-top:.8em solid rgba(255,255,255,0.2);border-right:.8em solid rgba(255,255,255,0.2);border-bottom:.8em solid rgba(255,255,255,0.2);border-left:.8em solid #fff;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);animation:ROTATE 1.5s linear infinite normal}body[data-vivliostyle-viewer-status="loading"] #vivliostyle-loading-overlay .vivliostyle-loading-spinner,body[data-vivliostyle-viewer-status="loading"] #vivliostyle-loading-overlay .vivliostyle-loading-spinner:after{border-radius:50%;width:8em;height:8em}body[data-vivliostyle-viewer-status="interactive"] #vivliostyle-loading-overlay{opacity:0;visibility:hidden;transition:0.25s ease-out}#vivliostyle-loading-overlay .vivliostyle-loading-spinner{position:absolute;top:calc(50% - 9.6em / 2);left:calc(50% - 9.6em / 2)}