/* Presentation only, fixed source geometry. Host owns its lifecycle and viewport positioning. */
#loading.loading-dynamic {padding:0;isolation:isolate;color:#51250e;font-family:"Songti SC","STSong",serif}
.loading-dynamic .loading-dynamic-art {position:absolute;left:0;top:0;width:852px;height:1846px;pointer-events:none;z-index:-1;overflow:hidden}
.loading-dynamic .loading-dynamic-cell {position:absolute;display:block;margin:0;padding:0;border:0;max-width:none;pointer-events:none}
#loading.loading-dynamic .loading-copy {position:absolute;left:0;top:0;width:852px;height:1846px;margin:0;padding:0;display:block;pointer-events:none}
#loading.loading-dynamic #loadingStage {position:absolute;left:231px;top:1222px;width:409px;height:112px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:0;padding:0;text-align:center;color:#51250e;font:700 58px/1.15 "Songti SC","STSong",serif;overflow-wrap:anywhere;white-space:normal}
#loading.loading-dynamic #loadingProgress {position:absolute;left:218px;top:1358px;width:419px;height:36px;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;color:transparent;overflow:hidden;border-radius:19px}
#loading.loading-dynamic #loadingProgress::-webkit-progress-bar {background:transparent}
#loading.loading-dynamic #loadingProgress::-webkit-progress-value {background:transparent}
#loading.loading-dynamic #loadingProgress::-moz-progress-bar {background:transparent}
.loading-dynamic .loading-real-fill {position:absolute;left:219px;top:1361px;width:0;height:32px;overflow:hidden;border-radius:16px;pointer-events:none}
.loading-dynamic .loading-fill-left,.loading-dynamic .loading-fill-right {position:absolute;top:0;width:16px;height:32px;background-repeat:no-repeat}
.loading-dynamic .loading-fill-left{left:0;background-image:url("assets/fill-left.png")}
.loading-dynamic .loading-fill-right{right:0;background-image:url("assets/fill-right.png")}
.loading-dynamic .loading-fill-middle{position:absolute;left:16px;right:16px;top:0;height:32px;background:url("assets/fill-middle.png") repeat-x}
#loading.loading-dynamic[data-reference-copy="true"] #loadingStage{color:transparent}
/* No transitions, animation, invented numeric percentage, display/hidden or lifecycle overrides. */

.loading-real-fill[data-compact="true"] .loading-fill-right{left:16px;right:auto}
.loading-real-fill[data-compact="true"] .loading-fill-middle{display:none}